@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap"); /* * Remix Icon v2.5.0 * https://remixicon.com * https://github.com/Remix-Design/RemixIcon * * Copyright RemixIcon.com * Released under the Apache License Version 2.0 * * Date: 2020-05-23 */ @font-face { font-family: "remixicon"; src: url('https://y.rapesa.com/build/assets/remixicondf6d-64bb3a0f.eot?t=1590207869815'); /* IE9*/ src: url('https://y.rapesa.com/build/assets/remixicondf6d-64bb3a0f.eot?t=1590207869815#iefix') format('embedded-opentype'), url("https://y.rapesa.com/build/assets/remixicondf6d-e61f0d10.woff2?t=1590207869815") format("woff2"), url("https://y.rapesa.com/build/assets/remixicondf6d-c2dacfbc.woff?t=1590207869815") format("woff"), url('https://y.rapesa.com/build/assets/remixicondf6d-0ac8bc3c.ttf?t=1590207869815') format('truetype'), url('https://y.rapesa.com/build/assets/remixicondf6d-a10268fe.svg?t=1590207869815#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-mark-fill:before { content: "\ead8"; } .ri-book-mark-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-mark-fill:before { content: "\ecf4"; } .ri-file-mark-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"; } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #ea4c89; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #33d685; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6e7985; --bs-gray-dark: #313c47; --bs-gray-100: #f8f9fc; --bs-gray-200: #f3f5f9; --bs-gray-300: #e2e5ec; --bs-gray-400: #ccd2da; --bs-gray-500: #9ea7b1; --bs-gray-600: #6e7985; --bs-gray-700: #41505f; --bs-gray-800: #313c47; --bs-gray-900: #212830; --bs-primary: #de4332;; --bs-secondary: #6e7985; --bs-success: #0cb785; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fc; --bs-dark: #212830; --bs-auth-bg: #ffffff; --bs-primary-rgb: 222, 67, 50; --bs-secondary-rgb: 110, 121, 133; --bs-success-rgb: 12, 183, 133; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 252; --bs-dark-rgb: 33, 40, 48; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 65, 80, 95; --bs-body-bg-rgb: 251, 252, 254; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: Open Sans, sans-serif; --bs-body-font-size: .875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #41505f; --bs-body-bg: #fbfcfe; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #e2e5ec; --bs-border-hover-color: #4059ae; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: .25rem; --bs-border-radius-sm: .25rem; --bs-border-radius-lg: .5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: var(--bs-primary); --bs-link-hover-color: var(--bs-border-hover-color); --bs-code-color: #ea4c89; --bs-highlight-bg: #fff3cd --bs-hover-bg: #445eb8;--ms-font-size: 1rem; --ms-line-height: 1.375; --ms-bg: #FFFFFF; --ms-bg-disabled: #F3F4F6; --ms-border-color: #D1D5DB; --ms-border-width: 1px; --ms-border-color-active: #D1D5DB; --ms-border-width-active: 1px; --ms-radius: 4px; --ms-py: 0.5rem; --ms-px: 0.875rem; --ms-ring-width: 3px; --ms-ring-color: #10B98130; --ms-placeholder-color: #9CA3AF; --ms-max-height: 10rem; --ms-spinner-color: #10B981; --ms-caret-color: #999999; --ms-clear-color: #999999; --ms-clear-color-hover: #000000; --ms-tag-font-size: 0.875rem; --ms-tag-line-height: 1.25rem; --ms-tag-font-weight: 600; --ms-tag-bg: #10B981; --ms-tag-bg-disabled: #9CA3AF; --ms-tag-color: #FFFFFF; --ms-tag-color-disabled: #FFFFFF; --ms-tag-radius: 4px; --ms-tag-py: 0.125rem; --ms-tag-px: 0.5rem; --ms-tag-my: 0.25rem; --ms-tag-mx: 0.25rem; --ms-tag-remove-radius: 4px; --ms-tag-remove-py: 0.25rem; --ms-tag-remove-px: 0.25rem; --ms-tag-remove-my: 0rem; --ms-tag-remove-mx: 0.125rem; --ms-dropdown-bg: #FFFFFF; --ms-dropdown-border-color: #D1D5DB; --ms-dropdown-border-width: 1px; --ms-dropdown-radius: 4px; --ms-group-label-py: 0.3rem; --ms-group-label-px: 0.75rem; --ms-group-label-line-height: 1.375; --ms-group-label-bg: #E5E7EB; --ms-group-label-color: #374151; --ms-group-label-bg-pointed: #D1D5DB; --ms-group-label-color-pointed: #374151; --ms-group-label-bg-disabled: #F3F4F6; --ms-group-label-color-disabled: #D1D5DB; --ms-group-label-bg-selected: #059669; --ms-group-label-color-selected: #FFFFFF; --ms-group-label-bg-selected-pointed: #0c9e70; --ms-group-label-color-selected-pointed: #FFFFFF; --ms-group-label-bg-selected-disabled: #75cfb1; --ms-group-label-color-selected-disabled: #D1FAE5; --ms-option-font-size: 1rem; --ms-option-line-height: 1.375; --ms-option-bg-pointed: #FFFFFF; --ms-option-color-pointed: #1F2937; --ms-option-bg-selected: #10B981; --ms-option-color-selected: #FFFFFF; --ms-option-bg-disabled: #FFFFFF; --ms-option-color-disabled: #D1D5DB; --ms-option-bg-selected-pointed: #26C08E; --ms-option-color-selected-pointed: #FFFFFF; --ms-option-bg-selected-disabled: #FFFFFF; --ms-option-color-selected-disabled: #D1FAE5; --ms-option-py: 0.5rem; --ms-option-px: 0.75rem; --ms-empty-color: #4B5563; } @media(prefers-color-scheme: dark) { :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #ea4c89; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #33d685; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6e7985; --bs-gray-dark: #313c47; --bs-gray-100: #f8f9fc; --bs-gray-200: #f3f5f9; --bs-gray-300: #e2e5ec; --bs-gray-400: #ccd2da; --bs-gray-500: #9ea7b1; --bs-gray-600: #6e7985; --bs-gray-700: #41505f; --bs-gray-800: #313c47; --bs-gray-900: #212830; --bs-primary: #de4332;; --bs-secondary: #6e7985; --bs-success: #0cb785; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fc; --bs-dark: #212830; --bs-primary-rgb: 222, 67, 50; --bs-secondary-rgb: 110, 121, 133; --bs-success-rgb: 12, 183, 133; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 252; --bs-dark-rgb: 33, 40, 48; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 65, 80, 95; --bs-body-bg-rgb: 251, 252, 254; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: Open Sans, sans-serif; --bs-body-font-size: .875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #41505f; --bs-body-bg: #fbfcfe; --bs-auth-bg: #1e273a; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #e2e5ec; --bs-border-hover-color: #4059ae; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: .25rem; --bs-border-radius-sm: .25rem; --bs-border-radius-lg: .5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: var(--bs-primary); --bs-link-hover-color: var(--bs-border-hover-color); --bs-code-color: #ea4c89; --bs-highlight-bg: #fff3cd --bs-hover-bg: #445eb8;--ms-font-size: 1rem; --border-color: #222b41; --ms-line-height: 1.375; --ms-bg: #192030; --ms-bg-disabled: #F3F4F6; --ms-border-color: #27314b; --ms-border-width: 1px; --ms-border-color-active: #D1D5DB; --ms-border-width-active: 1px; --ms-radius: 4px; --ms-py: 0.406rem; --ms-px: 0.75rem; --ms-ring-width: 3px; --ms-ring-color: #10B98130; --ms-placeholder-color: #9CA3AF; --ms-max-height: 10rem; --ms-spinner-color: #10B981; --ms-caret-color: #999999; --ms-clear-color: #999999; --ms-clear-color-hover: #000000; --ms-tag-font-size: 0.875rem; --ms-tag-line-height: 1.25rem; --ms-tag-font-weight: 600; --ms-tag-bg: #10B981; --ms-tag-bg-disabled: #9CA3AF; --ms-tag-color: #FFFFFF; --ms-tag-color-disabled: #FFFFFF; --ms-tag-radius: 4px; --ms-tag-py: 0.125rem; --ms-tag-px: 0.5rem; --ms-tag-my: 0.25rem; --ms-tag-mx: 0.25rem; --ms-tag-remove-radius: 4px; --ms-tag-remove-py: 0.25rem; --ms-tag-remove-px: 0.25rem; --ms-tag-remove-my: 0rem; --ms-tag-remove-mx: 0.125rem; --ms-dropdown-bg: #1e273a; --ms-dropdown-border-color: #141926; --ms-dropdown-border-width: 1px; --ms-dropdown-radius: 4px; --ms-group-label-py: 0.3rem; --ms-group-label-px: 0.75rem; --ms-group-label-line-height: 1.375; --ms-group-label-bg: #E5E7EB; --ms-group-label-color: #374151; --ms-group-label-bg-pointed: #D1D5DB; --ms-group-label-color-pointed: #374151; --ms-group-label-bg-disabled: #F3F4F6; --ms-group-label-color-disabled: #D1D5DB; --ms-group-label-bg-selected: #059669; --ms-group-label-color-selected: #FFFFFF; --ms-group-label-bg-selected-pointed: #0c9e70; --ms-group-label-color-selected-pointed: #FFFFFF; --ms-group-label-bg-selected-disabled: #75cfb1; --ms-group-label-color-selected-disabled: #D1FAE5; --ms-option-font-size: 1rem; --ms-option-line-height: 1.375; --ms-option-bg-pointed: #FFFFFF; --ms-option-color-pointed: #1F2937; --ms-option-bg-selected: #10B981; --ms-option-color-selected: #FFFFFF; --ms-option-bg-disabled: #FFFFFF; --ms-option-color-disabled: #D1D5DB; --ms-option-bg-selected-pointed: #26C08E; --ms-option-color-selected-pointed: #FFFFFF; --ms-option-bg-selected-disabled: #FFFFFF; --ms-option-color-selected-disabled: #D1FAE5; --ms-option-py: 0.5rem; --ms-option-px: 0.75rem; --ms-empty-color: #4B5563; } } *, *::before, *::after { box-sizing: border-box } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: .25 } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } h1, .h1 { font-size: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { h1, .h1 { font-size: 2.1875rem } } h2, .h2 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { h2, .h2 { font-size: 1.75rem } } h3, .h3 { font-size: calc(1.27813rem + .3375vw) } @media (min-width: 1200px) { h3, .h3 { font-size: 1.53125rem } } h4, .h4 { font-size: calc(1.25625rem + .075vw) } @media (min-width: 1200px) { h4, .h4 { font-size: 1.3125rem } } h5, .h5 { font-size: 1.09375rem } h6, .h6 { font-size: .875rem } p { margin-top: 0; margin-bottom: 1rem } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } ol, ul, dl { margin-top: 0; margin-bottom: 1rem } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small, .small { font-size: .875em } mark, .mark { padding: .1875em; background-color: var(--bs-highlight-bg) } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: var(--bs-link-color); text-decoration: none } a:hover { color: var(--bs-link-hover-color) } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: var(--bs-code-color); word-wrap: break-word } a>code { color: inherit } kbd { padding: .1875rem .375rem; font-size: .875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: .25rem } kbd kbd { padding: 0; font-size: 1em } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6e7985; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role="button"] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width: 1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.09375rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6e7985 } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fbfcfe; border: 1px solid var(--bs-border-color); border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6e7985 } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.66667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333% } .col-2 { flex: 0 0 auto; width: 16.66667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333% } .col-5 { flex: 0 0 auto; width: 41.66667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333% } .col-8 { flex: 0 0 auto; width: 66.66667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333% } .col-11 { flex: 0 0 auto; width: 91.66667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: .25rem } .g-1, .gy-1 { --bs-gutter-y: .25rem } .g-2, .gx-2 { --bs-gutter-x: .5rem } .g-2, .gy-2 { --bs-gutter-y: .5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width: 576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.66667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333% } .col-sm-2 { flex: 0 0 auto; width: 16.66667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333% } .col-sm-5 { flex: 0 0 auto; width: 41.66667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333% } .col-sm-8 { flex: 0 0 auto; width: 66.66667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333% } .col-sm-11 { flex: 0 0 auto; width: 91.66667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: .25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: .25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: .5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: .5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width: 768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.66667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333% } .col-md-2 { flex: 0 0 auto; width: 16.66667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333% } .col-md-5 { flex: 0 0 auto; width: 41.66667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333% } .col-md-8 { flex: 0 0 auto; width: 66.66667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333% } .col-md-11 { flex: 0 0 auto; width: 91.66667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: .25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: .25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: .5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: .5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width: 992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.66667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333% } .col-lg-2 { flex: 0 0 auto; width: 16.66667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333% } .col-lg-5 { flex: 0 0 auto; width: 41.66667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333% } .col-lg-8 { flex: 0 0 auto; width: 66.66667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333% } .col-lg-11 { flex: 0 0 auto; width: 91.66667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: .25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: .25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: .5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: .5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.66667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333% } .col-xl-2 { flex: 0 0 auto; width: 16.66667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333% } .col-xl-5 { flex: 0 0 auto; width: 41.66667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333% } .col-xl-8 { flex: 0 0 auto; width: 66.66667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333% } .col-xl-11 { flex: 0 0 auto; width: 91.66667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: .25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: .25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: .5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: .5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.33333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.66667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333% } .offset-xxl-2 { margin-left: 16.66667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333% } .offset-xxl-5 { margin-left: 41.66667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333% } .offset-xxl-8 { margin-left: 66.66667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333% } .offset-xxl-11 { margin-left: 91.66667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: .25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: .25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: .5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: .5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-color: var(--bs-body-color); --bs-table-bg: rgba(0, 0, 0, 0); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: rgba(0, 0, 0, 0); --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color) } .table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table-group-divider { border-top: 2px solid currentcolor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem .25rem } .table-bordered>:not(caption)>* { border-width: 1px 0 } .table-bordered>:not(caption)>*>* { border-width: 0 1px } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-borderless>:not(:first-child) { border-top-width: 0 } .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-striped-columns>:not(caption)>tr>:nth-child(even) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-color: #000; --bs-table-bg: #dce2f7; --bs-table-border-color: #c6cbde; --bs-table-striped-bg: #d1d7eb; --bs-table-striped-color: #000; --bs-table-active-bg: #c6cbde; --bs-table-active-color: #000; --bs-table-hover-bg: #ccd1e4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e4e7; --bs-table-border-color: #cbcdd0; --bs-table-striped-bg: #d7d9db; --bs-table-striped-color: #000; --bs-table-active-bg: #cbcdd0; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d3d6; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-success { --bs-table-color: #000; --bs-table-bg: #cef1e7; --bs-table-border-color: #b9d9d0; --bs-table-striped-bg: #c4e5db; --bs-table-striped-color: #000; --bs-table-active-bg: #b9d9d0; --bs-table-active-color: #000; --bs-table-hover-bg: #bfdfd6; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #badce3; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #e6dbb9; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #dfc2c4; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fc; --bs-table-border-color: #dfe0e3; --bs-table-striped-bg: #ecedef; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e3; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212830; --bs-table-border-color: #373e45; --bs-table-striped-bg: #2c333a; --bs-table-striped-color: #fff; --bs-table-active-bg: #373e45; --bs-table-active-color: #fff; --bs-table-hover-bg: #323840; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.406rem + 1px); padding-bottom: calc(.406rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.09375rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .8125rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6e7985 } .form-control, .gridjs-input { display: block; width: 100%; padding: .406rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #41505f; background-color: #fff; background-clip: padding-box; border: 1px solid #ccd2da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control, .gridjs-input { transition: none } } .form-control[type="file"], .gridjs-input[type="file"] { overflow: hidden } .form-control[type="file"]:not(:disabled):not([readonly]), .gridjs-input[type="file"]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus, .gridjs-input:focus { color: #41505f; background-color: #fff; border-color: #a8b7ec; outline: 0; box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25) } .form-control::-webkit-date-and-time-value, .gridjs-input::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder, .gridjs-input::-moz-placeholder { color: #6e7985; opacity: 1 } .form-control::placeholder, .gridjs-input::placeholder { color: #6e7985; opacity: 1 } .form-control:disabled, .gridjs-input:disabled { background-color: #f3f5f9; opacity: 1 } .form-control::file-selector-button, .gridjs-input::file-selector-button { padding: .406rem .75rem; margin: -.406rem -.75rem; margin-inline-end: .75rem; color: #41505f; background-color: #f3f5f9; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button, .gridjs-input::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button, .gridjs-input:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #e7e9ed } .form-control-plaintext { display: block; width: 100%; padding: .406rem 0; margin-bottom: 0; line-height: 1.5; color: #41505f; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext:focus { outline: 0 } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .8125rem; border-radius: .25rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.09375rem; border-radius: .5rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; margin-inline-end: 1rem } textarea.form-control, textarea.gridjs-input { min-height: calc(1.5em + .812rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: calc(1.5em + .812rem + 2px); padding: .406rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: .25rem } .form-control-color::-webkit-color-swatch { border-radius: .25rem } .form-control-color.form-control-sm { height: calc(1.5em + .5rem + 2px) } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + 2px) } .form-select { display: block; width: 100%; padding: .406rem 2.25rem .406rem .75rem; -moz-padding-start: calc(.75rem - 3px); font-size: .875rem; font-weight: 400; line-height: 1.5; color: #41505f; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ccd2da; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion: reduce) { .form-select { transition: none } } .form-select:focus { border-color: #a8b7ec; outline: 0; box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #f3f5f9 } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #41505f } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .8125rem; border-radius: .25rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.09375rem; border-radius: .5rem } .form-check { display: block; min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0 } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact } .form-check-input[type="checkbox"] { border-radius: .25em } .form-check-input[type="radio"] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #a8b7ec; outline: 0; box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25) } .form-check-input:checked { background-color: var(--bs-primary); border-color: #506fd9 } .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type="checkbox"]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { cursor: default; opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a8b7ec'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0 } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0 } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-check[disabled]+.btn, .gridjs-pages .btn-check[disabled]+button, .ui-datepicker-buttonpane .btn-check[disabled]+button, .btn-check:disabled+.btn, .gridjs-pages .btn-check:disabled+button, .ui-datepicker-buttonpane .btn-check:disabled+button { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fbfcfe, 0 0 0 .25rem rgba(80, 111, 217, 0.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fbfcfe, 0 0 0 .25rem rgba(80, 111, 217, 0.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: var(--bs-primary); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #cbd4f4 } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #e2e5ec; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--bs-primary); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #cbd4f4 } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #e2e5ec; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #9ea7b1 } .form-range:disabled::-moz-range-thumb { background-color: #9ea7b1 } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.gridjs-input, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating>label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem .75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none } } .form-floating>.form-control, .form-floating>.gridjs-input, .form-floating>.form-control-plaintext { padding: 1rem .75rem } .form-floating>.form-control::-moz-placeholder, .form-floating>.gridjs-input::-moz-placeholder, .form-floating>.form-control-plaintext::-moz-placeholder { color: transparent } .form-floating>.form-control::placeholder, .form-floating>.gridjs-input::placeholder, .form-floating>.form-control-plaintext::placeholder { color: transparent } .form-floating>.form-control:not(:-moz-placeholder-shown), .form-floating>.gridjs-input:not(:-moz-placeholder-shown), .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus, .form-floating>.gridjs-input:focus, .form-floating>.form-control:not(:placeholder-shown), .form-floating>.gridjs-input:not(:placeholder-shown), .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill, .form-floating>.gridjs-input:-webkit-autofill, .form-floating>.form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:not(:-moz-placeholder-shown)~label, .form-floating>.gridjs-input:not(:-moz-placeholder-shown)~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:focus~label, .form-floating>.gridjs-input:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.gridjs-input:not(:placeholder-shown)~label, .form-floating>.form-control-plaintext~label, .form-floating>.form-select~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:-webkit-autofill~label, .form-floating>.gridjs-input:-webkit-autofill~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control-plaintext~label { border-width: 1px 0 } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.gridjs-input, .input-group>.form-select, .input-group>.form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus, .input-group>.gridjs-input:focus, .input-group>.form-select:focus, .input-group>.form-floating:focus-within { z-index: 5 } .input-group .btn, .input-group .gridjs-pages button, .gridjs-pages .input-group button, .input-group .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .input-group button { position: relative; z-index: 2 } .input-group .btn:focus, .input-group .gridjs-pages button:focus, .gridjs-pages .input-group button:focus, .input-group .ui-datepicker-buttonpane button:focus, .ui-datepicker-buttonpane .input-group button:focus { z-index: 5 } .input-group-text { display: flex; align-items: center; padding: .406rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #41505f; text-align: center; white-space: nowrap; background-color: #f3f5f9; border: 1px solid #ccd2da; border-radius: .25rem } .input-group-lg>.form-control, .input-group-lg>.gridjs-input, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn, .gridjs-pages .input-group-lg>button, .ui-datepicker-buttonpane .input-group-lg>button { padding: .5rem 1rem; font-size: 1.09375rem; border-radius: .5rem } .input-group-sm>.form-control, .input-group-sm>.gridjs-input, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn, .gridjs-pages .input-group-sm>button, .ui-datepicker-buttonpane .input-group-sm>button { padding: .25rem .5rem; font-size: .8125rem; border-radius: .25rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .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)>.gridjs-input, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.gridjs-input, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.gridjs-input, .input-group>.form-floating:not(:first-child)>.form-select { border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #0cb785 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .8125rem; color: #000; background-color: rgba(12, 183, 133, 0.9); border-radius: .25rem } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block } .was-validated .form-control:valid, .was-validated .gridjs-input:valid, .form-control.is-valid, .is-valid.gridjs-input { border-color: #0cb785; padding-right: calc(1.5em + .812rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230cb785' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .203rem) center; background-size: calc(.75em + .406rem) calc(.75em + .406rem) } .was-validated .form-control:valid:focus, .was-validated .gridjs-input:valid:focus, .form-control.is-valid:focus, .is-valid.gridjs-input:focus { border-color: #0cb785; box-shadow: 0 0 0 .25rem rgba(12, 183, 133, 0.25) } .was-validated textarea.form-control:valid, .was-validated textarea.gridjs-input:valid, textarea.form-control.is-valid, textarea.is-valid.gridjs-input { padding-right: calc(1.5em + .812rem); background-position: top calc(.375em + .203rem) right calc(.375em + .203rem) } .was-validated .form-select:valid, .form-select.is-valid { border-color: #0cb785 } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230cb785' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .406rem) calc(.75em + .406rem) } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #0cb785; box-shadow: 0 0 0 .25rem rgba(12, 183, 133, 0.25) } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + .812rem)) } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #0cb785 } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #0cb785 } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 .25rem rgba(12, 183, 133, 0.25) } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #0cb785 } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .was-validated .input-group>.form-control:not(:focus):valid, .was-validated .input-group>.gridjs-input:not(:focus):valid, .input-group>.form-control:not(:focus).is-valid, .input-group>.gridjs-input:not(:focus).is-valid, .was-validated .input-group>.form-select:not(:focus):valid, .input-group>.form-select:not(:focus).is-valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .input-group>.form-floating:not(:focus-within).is-valid { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .8125rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: .25rem } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block } .was-validated .form-control:invalid, .was-validated .gridjs-input:invalid, .form-control.is-invalid, .is-invalid.gridjs-input { border-color: #dc3545; padding-right: calc(1.5em + .812rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .203rem) center; background-size: calc(.75em + .406rem) calc(.75em + .406rem) } .was-validated .form-control:invalid:focus, .was-validated .gridjs-input:invalid:focus, .form-control.is-invalid:focus, .is-invalid.gridjs-input:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated textarea.form-control:invalid, .was-validated textarea.gridjs-input:invalid, textarea.form-control.is-invalid, textarea.is-invalid.gridjs-input { padding-right: calc(1.5em + .812rem); background-position: top calc(.375em + .203rem) right calc(.375em + .203rem) } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545 } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .406rem) calc(.75em + .406rem) } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + .812rem)) } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545 } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545 } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545 } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .was-validated .input-group>.form-control:not(:focus):invalid, .was-validated .input-group>.gridjs-input:not(:focus):invalid, .input-group>.form-control:not(:focus).is-invalid, .input-group>.gridjs-input:not(:focus).is-invalid, .was-validated .input-group>.form-select:not(:focus):invalid, .input-group>.form-select:not(:focus).is-invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .input-group>.form-floating:not(:focus-within).is-invalid { z-index: 4 } .btn, .gridjs-pages button, .ui-datepicker-buttonpane button { --bs-btn-padding-x: .75rem; --bs-btn-padding-y: .406rem; --bs-btn-font-family: ; --bs-btn-font-size: .875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #41505f; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: .25rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: .65; --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .btn, .gridjs-pages button, .ui-datepicker-buttonpane button { transition: none } } .btn:hover, .gridjs-pages button:hover, .ui-datepicker-buttonpane button:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color) } .btn-check+.btn:hover, .gridjs-pages .btn-check+button:hover, .ui-datepicker-buttonpane .btn-check+button:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color) } .btn:focus-visible, .gridjs-pages button:focus-visible, .ui-datepicker-buttonpane button:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:focus-visible+.btn, .gridjs-pages .btn-check:focus-visible+button, .ui-datepicker-buttonpane .btn-check:focus-visible+button { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:checked+.btn, .gridjs-pages .btn-check:checked+button, .ui-datepicker-buttonpane .btn-check:checked+button, :not(.btn-check)+.btn:active, .gridjs-pages :not(.btn-check)+button:active, .ui-datepicker-buttonpane :not(.btn-check)+button:active, .btn:first-child:active, .gridjs-pages button:first-child:active, .ui-datepicker-buttonpane button:first-child:active, .btn.active, .gridjs-pages button.active, .ui-datepicker-buttonpane button.active, .btn.show, .gridjs-pages button.show, .ui-datepicker-buttonpane button.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color) } .btn-check:checked+.btn:focus-visible, .gridjs-pages .btn-check:checked+button:focus-visible, .ui-datepicker-buttonpane .btn-check:checked+button:focus-visible, :not(.btn-check)+.btn:active:focus-visible, .gridjs-pages :not(.btn-check)+button:active:focus-visible, .ui-datepicker-buttonpane :not(.btn-check)+button:active:focus-visible, .btn:first-child:active:focus-visible, .gridjs-pages button:first-child:active:focus-visible, .ui-datepicker-buttonpane button:first-child:active:focus-visible, .btn.active:focus-visible, .gridjs-pages button.active:focus-visible, .ui-datepicker-buttonpane button.active:focus-visible, .btn.show:focus-visible, .gridjs-pages button.show:focus-visible, .ui-datepicker-buttonpane button.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow) } .btn:disabled, .gridjs-pages button:disabled, .ui-datepicker-buttonpane button:disabled, .btn.disabled, .gridjs-pages button.disabled, .ui-datepicker-buttonpane button.disabled, fieldset:disabled .btn, fieldset:disabled .gridjs-pages button, .gridjs-pages fieldset:disabled button, fieldset:disabled .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane fieldset:disabled button { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity) } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-hover-bg); --bs-btn-hover-border-color: var(--bs-border-hover-color); --bs-btn-focus-shadow-rgb: 106, 133, 223; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-border-hover-color); --bs-btn-active-border-color: #3c53a3; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: #506fd9 } .btn-secondary, .ui-datepicker-buttonpane button { --bs-btn-color: #000; --bs-btn-bg: #6e7985; --bs-btn-border-color: #6e7985; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #848d97; --bs-btn-hover-border-color: #7d8691; --bs-btn-focus-shadow-rgb: 94, 103, 113; --bs-btn-active-color: #000; --bs-btn-active-bg: #8b949d; --bs-btn-active-border-color: #7d8691; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #6e7985; --bs-btn-disabled-border-color: #6e7985 } .btn-success { --bs-btn-color: #000; --bs-btn-bg: #0cb785; --bs-btn-border-color: #0cb785; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #30c297; --bs-btn-hover-border-color: #24be91; --bs-btn-focus-shadow-rgb: 10, 156, 113; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dc59d; --bs-btn-active-border-color: #24be91; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0cb785; --bs-btn-disabled-border-color: #0cb785 } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0 } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107 } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545 } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fc; --bs-btn-border-color: #f8f9fc; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d6; --bs-btn-hover-border-color: #c6c7ca; --bs-btn-focus-shadow-rgb: 211, 212, 214; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7ca; --bs-btn-active-border-color: #babbbd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fc; --bs-btn-disabled-border-color: #f8f9fc } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212830; --bs-btn-border-color: #212830; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #42484f; --bs-btn-hover-border-color: #373e45; --bs-btn-focus-shadow-rgb: 66, 72, 79; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5359; --bs-btn-active-border-color: #373e45; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212830; --bs-btn-disabled-border-color: #212830 } .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: 80, 111, 217; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--bs-primary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--bs-primary); --bs-gradient: none } .btn-outline-secondary { --bs-btn-color: #6e7985; --bs-btn-border-color: #6e7985; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #6e7985; --bs-btn-hover-border-color: #6e7985; --bs-btn-focus-shadow-rgb: 110, 121, 133; --bs-btn-active-color: #000; --bs-btn-active-bg: #6e7985; --bs-btn-active-border-color: #6e7985; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6e7985; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6e7985; --bs-gradient: none } .btn-outline-success { --bs-btn-color: #0cb785; --bs-btn-border-color: #0cb785; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0cb785; --bs-btn-hover-border-color: #0cb785; --bs-btn-focus-shadow-rgb: 12, 183, 133; --bs-btn-active-color: #000; --bs-btn-active-bg: #0cb785; --bs-btn-active-border-color: #0cb785; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0cb785; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0cb785; --bs-gradient: none } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none } .btn-outline-light { --bs-btn-color: #f8f9fc; --bs-btn-border-color: #f8f9fc; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fc; --bs-btn-hover-border-color: #f8f9fc; --bs-btn-focus-shadow-rgb: 248, 249, 252; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fc; --bs-btn-active-border-color: #f8f9fc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fc; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fc; --bs-gradient: none } .btn-outline-dark { --bs-btn-color: #212830; --bs-btn-border-color: #212830; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212830; --bs-btn-hover-border-color: #212830; --bs-btn-focus-shadow-rgb: 33, 40, 48; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212830; --bs-btn-active-border-color: #212830; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212830; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212830; --bs-gradient: none } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6e7985; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: none; --bs-btn-focus-shadow-rgb: 106, 133, 223; text-decoration: none } .btn-link:focus-visible { color: var(--bs-btn-color) } .btn-link:hover { color: var(--bs-btn-hover-color) } .btn-lg, .btn-group-lg>.btn, .gridjs-pages .btn-group-lg>button, .ui-datepicker-buttonpane .btn-group-lg>button { --bs-btn-padding-y: .5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: .5rem } .btn-sm, .btn-group-sm>.btn, .gridjs-pages .btn-group-sm>button, .ui-datepicker-buttonpane .btn-group-sm>button, .ui-datepicker-buttonpane button { --bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .8125rem; --bs-btn-border-radius: .25rem } .fade { transition: opacity 0.15s linear } @media (prefers-reduced-motion: reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: .5rem; --bs-dropdown-spacer: .125rem; --bs-dropdown-font-size: .875rem; --bs-dropdown-color: #41505f; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: .25rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(.25rem - 1px); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: .5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15); --bs-dropdown-link-color: #212830; --bs-dropdown-link-hover-color: #1e242b; --bs-dropdown-link-hover-bg: #f3f5f9; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: var(--bs-primary); --bs-dropdown-link-disabled-color: #9ea7b1; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: .25rem; --bs-dropdown-header-color: #6e7985; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: .5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius) } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer) } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer) } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer) } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer) } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1 } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg) } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg) } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: .8125rem; color: var(--bs-dropdown-header-color); white-space: nowrap } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color) } .dropdown-menu-dark { --bs-dropdown-color: #e2e5ec; --bs-dropdown-bg: #313c47; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #e2e5ec; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: var(--bs-primary); --bs-dropdown-link-disabled-color: #9ea7b1; --bs-dropdown-header-color: #9ea7b1 } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group>.btn, .gridjs-pages .btn-group>button, .ui-datepicker-buttonpane .btn-group>button, .btn-group-vertical>.btn, .gridjs-pages .btn-group-vertical>button, .ui-datepicker-buttonpane .btn-group-vertical>button { position: relative; flex: 1 1 auto } .btn-group>.btn-check:checked+.btn, .gridjs-pages .btn-group>.btn-check:checked+button, .ui-datepicker-buttonpane .btn-group>.btn-check:checked+button, .btn-group>.btn-check:focus+.btn, .gridjs-pages .btn-group>.btn-check:focus+button, .ui-datepicker-buttonpane .btn-group>.btn-check:focus+button, .btn-group>.btn:hover, .gridjs-pages .btn-group>button:hover, .ui-datepicker-buttonpane .btn-group>button:hover, .btn-group>.btn:focus, .gridjs-pages .btn-group>button:focus, .ui-datepicker-buttonpane .btn-group>button:focus, .btn-group>.btn:active, .gridjs-pages .btn-group>button:active, .ui-datepicker-buttonpane .btn-group>button:active, .btn-group>.btn.active, .gridjs-pages .btn-group>button.active, .ui-datepicker-buttonpane .btn-group>button.active, .btn-group-vertical>.btn-check:checked+.btn, .gridjs-pages .btn-group-vertical>.btn-check:checked+button, .ui-datepicker-buttonpane .btn-group-vertical>.btn-check:checked+button, .btn-group-vertical>.btn-check:focus+.btn, .gridjs-pages .btn-group-vertical>.btn-check:focus+button, .ui-datepicker-buttonpane .btn-group-vertical>.btn-check:focus+button, .btn-group-vertical>.btn:hover, .gridjs-pages .btn-group-vertical>button:hover, .ui-datepicker-buttonpane .btn-group-vertical>button:hover, .btn-group-vertical>.btn:focus, .gridjs-pages .btn-group-vertical>button:focus, .ui-datepicker-buttonpane .btn-group-vertical>button:focus, .btn-group-vertical>.btn:active, .gridjs-pages .btn-group-vertical>button:active, .ui-datepicker-buttonpane .btn-group-vertical>button:active, .btn-group-vertical>.btn.active, .gridjs-pages .btn-group-vertical>button.active, .ui-datepicker-buttonpane .btn-group-vertical>button.active { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group { border-radius: .25rem } .btn-group>:not(.btn-check:first-child)+.btn, .gridjs-pages .btn-group>:not(.btn-check:first-child)+button, .ui-datepicker-buttonpane .btn-group>:not(.btn-check:first-child)+button, .btn-group>.btn-group:not(:first-child) { margin-left: -1px } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .gridjs-pages .btn-group>button:not(:last-child):not(.dropdown-toggle), .ui-datepicker-buttonpane .btn-group>button:not(:last-child):not(.dropdown-toggle), .btn-group>.btn.dropdown-toggle-split:first-child, .gridjs-pages .btn-group>button.dropdown-toggle-split:first-child, .ui-datepicker-buttonpane .btn-group>button.dropdown-toggle-split:first-child, .btn-group>.btn-group:not(:last-child)>.btn, .gridjs-pages .btn-group>.btn-group:not(:last-child)>button, .ui-datepicker-buttonpane .btn-group>.btn-group:not(:last-child)>button { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:nth-child(n+3), .gridjs-pages .btn-group>button:nth-child(n+3), .ui-datepicker-buttonpane .btn-group>button:nth-child(n+3), .btn-group>:not(.btn-check)+.btn, .gridjs-pages .btn-group>:not(.btn-check)+button, .ui-datepicker-buttonpane .btn-group>:not(.btn-check)+button, .btn-group>.btn-group:not(:first-child)>.btn, .gridjs-pages .btn-group>.btn-group:not(:first-child)>button, .ui-datepicker-buttonpane .btn-group>.btn-group:not(:first-child)>button { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split, .gridjs-pages .btn-group-sm>button+.dropdown-toggle-split, .ui-datepicker-buttonpane .btn-group-sm>button+.dropdown-toggle-split, .ui-datepicker-buttonpane button+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split, .gridjs-pages .btn-group-lg>button+.dropdown-toggle-split, .ui-datepicker-buttonpane .btn-group-lg>button+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .gridjs-pages .btn-group-vertical>button, .ui-datepicker-buttonpane .btn-group-vertical>button, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn:not(:first-child), .gridjs-pages .btn-group-vertical>button:not(:first-child), .ui-datepicker-buttonpane .btn-group-vertical>button:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .gridjs-pages .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle), .ui-datepicker-buttonpane .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn, .gridjs-pages .btn-group-vertical>.btn-group:not(:last-child)>button, .ui-datepicker-buttonpane .btn-group-vertical>.btn-group:not(:last-child)>button { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn~.btn, .gridjs-pages .btn-group-vertical>button~.btn, .ui-datepicker-buttonpane .btn-group-vertical>button~.btn, .gridjs-pages .btn-group-vertical>.btn~button, .gridjs-pages .btn-group-vertical>button~button, .ui-datepicker-buttonpane .btn-group-vertical>.btn~button, .gridjs-pages .ui-datepicker-buttonpane .btn-group-vertical>button~button, .ui-datepicker-buttonpane .gridjs-pages .btn-group-vertical>button~button, .ui-datepicker-buttonpane .btn-group-vertical>button~button, .btn-group-vertical>.btn-group:not(:first-child)>.btn, .gridjs-pages .btn-group-vertical>.btn-group:not(:first-child)>button, .ui-datepicker-buttonpane .btn-group-vertical>.btn-group:not(:first-child)>button { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: .5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #6e7985; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color) } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #e2e5ec; --bs-nav-tabs-border-radius: .25rem; --bs-nav-tabs-link-hover-border-color: #f3f5f9 #f3f5f9 #e2e5ec; --bs-nav-tabs-link-active-color: #41505f; --bs-nav-tabs-link-active-bg: #fbfcfe; --bs-nav-tabs-link-active-border-color: #e2e5ec #e2e5ec #fbfcfe; border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius) } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color) } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color) } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills { --bs-nav-pills-border-radius: .25rem; --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #506fd9 } .nav-pills .nav-link { background: none; border: 0; border-radius: var(--bs-nav-pills-border-radius) } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg) } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center } .nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: .5rem; --bs-navbar-color: rgba(0, 0, 0, 0.55); --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); --bs-navbar-active-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-padding-y: .33594rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); --bs-navbar-nav-link-padding-x: .5rem; --bs-navbar-toggler-padding-y: .25rem; --bs-navbar-toggler-padding-x: .75rem; --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); --bs-navbar-toggler-border-radius: .25rem; --bs-navbar-toggler-focus-width: .25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x) } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); white-space: nowrap } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color) } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: .5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .show>.nav-link, .navbar-nav .nav-link.active { color: var(--bs-navbar-active-color) } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem; color: var(--bs-navbar-color) } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color) } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition) } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand .offcanvas .offcanvas-header { display: none } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-dark { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: .5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: .25rem; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(.25rem - 1px); --bs-card-cap-padding-y: .5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: .75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius) } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color) } .card-title { margin-bottom: var(--bs-card-title-spacer-y) } .card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link+.card-link { margin-left: var(--bs-card-spacer-x) } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color) } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) } .card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); border-bottom: 0 } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg) } .card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)) } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius) } .card-img, .card-img-top, .card-img-bottom { width: 100% } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius) } .card-group>.card { margin-bottom: var(--bs-card-group-margin) } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0 } } .accordion { --bs-accordion-color: #41505f; --bs-accordion-bg: #fbfcfe; --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 1px; --bs-accordion-border-radius: .25rem; --bs-accordion-inner-border-radius: calc(.25rem - 1px); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: #41505f; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2341505f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234864c3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: #a8b7ec; --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #4864c3; --bs-accordion-active-bg: #eef1fb } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: .875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition) } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color) } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform) } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition) } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow) } .accordion-header { margin-bottom: 0 } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius) } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius) } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius) } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0 } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: #6e7985; --bs-breadcrumb-item-padding-x: .5rem; --bs-breadcrumb-item-active-color: #6e7985; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius) } .breadcrumb-item+.breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color) } .pagination { --bs-pagination-padding-x: .75rem; --bs-pagination-padding-y: .375rem; --bs-pagination-font-size: .875rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: #fff; --bs-pagination-border-width: 1px; --bs-pagination-border-color: #e2e5ec; --bs-pagination-border-radius: .25rem; --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: #f3f5f9; --bs-pagination-hover-border-color: #e2e5ec; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: #f3f5f9; --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-disabled-color: #6e7985; --bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-border-color: #e2e5ec; display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color) } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow) } .page-link.active, .active>.page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color) } .page-link.disabled, .disabled>.page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color) } .page-item .page-link { border-radius: 50%; } .page-item:not(:first-child) .page-link { margin-left: 2px } .page-item:first-child .page-link { /* border-top-left-radius: var(--bs-pagination-border-radius); */ border-bottom-left-radius: var(--bs-pagination-border-radius) } .page-item:last-child .page-link { /* border-top-right-radius: var(--bs-pagination-border-radius); */ border-bottom-right-radius: var(--bs-pagination-border-radius) } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: .75rem; --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: .5rem } .pagination-sm { --bs-pagination-padding-x: .5rem; --bs-pagination-padding-y: .25rem; --bs-pagination-font-size: .8125rem; --bs-pagination-border-radius: .25rem } .badge { --bs-badge-padding-x: .65em; --bs-badge-padding-y: .35em; --bs-badge-font-size: .75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: .25rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius) } .badge:empty { display: none } .btn .badge, .gridjs-pages button .badge, .ui-datepicker-buttonpane button .badge { position: relative; top: -1px } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: 1px solid var(--bs-alert-border-color); --bs-alert-border-radius: .25rem; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius) } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { --bs-alert-color: #304382; --bs-alert-bg: #dce2f7; --bs-alert-border-color: #cbd4f4 } .alert-primary .alert-link { color: #263668 } .alert-secondary { --bs-alert-color: #424950; --bs-alert-bg: #e2e4e7; --bs-alert-border-color: #d4d7da } .alert-secondary .alert-link { color: #353a40 } .alert-success { --bs-alert-color: #076e50; --bs-alert-bg: #cef1e7; --bs-alert-border-color: #b6e9da } .alert-success .alert-link { color: #065840 } .alert-info { --bs-alert-color: #055160; --bs-alert-bg: #cff4fc; --bs-alert-border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { --bs-alert-color: #664d03; --bs-alert-bg: #fff3cd; --bs-alert-border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { --bs-alert-color: #842029; --bs-alert-bg: #f8d7da; --bs-alert-border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { --bs-alert-color: #636465; --bs-alert-bg: #fefefe; --bs-alert-border-color: #fdfdfe } .alert-light .alert-link { color: #4f5051 } .alert-dark { --bs-alert-color: #14181d; --bs-alert-bg: #d3d4d6; --bs-alert-border-color: #bcbfc1 } .alert-dark .alert-link { color: #101317 } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { --bs-progress-height: 1rem; --bs-progress-font-size: .65625rem; --bs-progress-bg: #f3f5f9; --bs-progress-border-radius: .25rem; --bs-progress-box-shadow: inset 0 1px 2px rgba(33, 40, 48, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: var(--bs-primary); --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius) } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition) } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height) } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none } } .list-group { --bs-list-group-color: #212830; --bs-list-group-bg: #fff; --bs-list-group-border-color: rgba(0, 0, 0, 0.125); --bs-list-group-border-width: 1px; --bs-list-group-border-radius: .25rem; --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: .5rem; --bs-list-group-action-color: #41505f; --bs-list-group-action-hover-color: #41505f; --bs-list-group-action-hover-bg: #f8f9fc; --bs-list-group-action-active-color: #41505f; --bs-list-group-action-active-bg: #f3f5f9; --bs-list-group-disabled-color: #6e7985; --bs-list-group-disabled-bg: #fff; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius) } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered>.list-group-item::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg) } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg) } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg) } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color) } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 var(--bs-list-group-border-width) } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #304382; background-color: #dce2f7 } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #304382; background-color: #c6cbde } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #304382; border-color: #304382 } .list-group-item-secondary { color: #424950; background-color: #e2e4e7 } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #424950; background-color: #cbcdd0 } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #424950; border-color: #424950 } .list-group-item-success { color: #076e50; background-color: #cef1e7 } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #076e50; background-color: #b9d9d0 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #076e50; border-color: #076e50 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636465; background-color: #fefefe } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636465; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636465; border-color: #636465 } .list-group-item-dark { color: #14181d; background-color: #d3d4d6 } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #14181d; background-color: #bebfc1 } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #14181d; border-color: #14181d } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(80, 111, 217, 0.25); opacity: 1 } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: .75rem; --bs-toast-padding-y: .5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: .875rem; --bs-toast-color: ; --bs-toast-bg: rgba(255, 255, 255, 0.85); --bs-toast-border-width: 1px; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: .25rem; --bs-toast-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15); --bs-toast-header-color: #6e7985; --bs-toast-header-bg: rgba(255, 255, 255, 0.85); --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius) } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: var(--bs-toast-spacing) } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) } .toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x) } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: .5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: .5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(33, 40, 48, 0.075); --bs-modal-inner-border-radius: calc(.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: .5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px) } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0 } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: .5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg) } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity) } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius) } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height) } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding) } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius) } .modal-footer>* { margin: calc(var(--bs-modal-footer-gap) * .5) } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15) } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto } .modal-sm { --bs-modal-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: .5rem; --bs-tooltip-padding-y: .25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: .8125rem; --bs-tooltip-color: #fff; --bs-tooltip-bg: #000; --bs-tooltip-border-radius: .25rem; --bs-tooltip-opacity: .9; --bs-tooltip-arrow-width: .8rem; --bs-tooltip-arrow-height: .4rem; z-index: var(--bs-tooltip-zindex); display: block; padding: var(--bs-tooltip-arrow-height); margin: var(--bs-tooltip-margin); font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: var(--bs-tooltip-opacity) } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height) } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0 } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-top-color: var(--bs-tooltip-bg) } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width) } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-right-color: var(--bs-tooltip-bg) } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0 } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg) } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width) } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg) } .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius) } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: .8125rem; --bs-popover-bg: #fff; --bs-popover-border-width: 1px; --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: .5rem; --bs-popover-inner-border-radius: calc(.5rem - 1px); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: .5rem; --bs-popover-header-font-size: .875rem; --bs-popover-header-color: ; --bs-popover-header-bg: #f0f0f0; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: #41505f; --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: .5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius) } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height) } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0 } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before, .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border) } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg) } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width) } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before, .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border) } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg) } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border) } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg) } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg) } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width) } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before, .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border) } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg) } .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius) } .popover-header:empty { display: none } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color) } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%) } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: .5; transition: opacity 0.15s ease } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name) } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -.125em; --bs-spinner-border-width: .25em; --bs-spinner-animation-speed: .75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: .2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -.125em; --bs-spinner-animation-speed: .75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0 } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s } } .offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: ; --bs-offcanvas-bg: #fff; --bs-offcanvas-border-width: 1px; --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(33, 40, 48, 0.075) } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-sm .offcanvas-header { display: none } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-md .offcanvas-header { display: none } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-lg .offcanvas-header { display: none } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xl .offcanvas-header { display: none } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xxl .offcanvas-header { display: none } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); margin-top: calc(-.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)) } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: .5 } .placeholder.btn::before, .gridjs-pages button.placeholder::before, .ui-datepicker-buttonpane button.placeholder::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after { display: block; clear: both; content: "" } .text-bg-primary { color: #fff !important; background-color: RGBA(80, 111, 217, var(--bs-bg-opacity, 1)) !important } .text-bg-secondary { color: #000 !important; background-color: RGBA(110, 121, 133, var(--bs-bg-opacity, 1)) !important } .text-bg-success { color: #000 !important; background-color: RGBA(12, 183, 133, var(--bs-bg-opacity, 1)) !important } .text-bg-info { color: #000 !important; background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important } .text-bg-warning { color: #000 !important; background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important } .text-bg-danger { color: #fff !important; background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important } .text-bg-light { color: #000 !important; background-color: RGBA(248, 249, 252, var(--bs-bg-opacity, 1)) !important } .text-bg-dark { color: #fff !important; background-color: RGBA(33, 40, 48, var(--bs-bg-opacity, 1)) !important } .link-primary { color: #506fd9 !important } .link-primary:hover, .link-primary:focus { color: var(--bs-border-hover-color) !important } .link-secondary { color: #6e7985 !important } .link-secondary:hover, .link-secondary:focus { color: #8b949d !important } .link-success { color: #0cb785 !important } .link-success:hover, .link-success:focus { color: #3dc59d !important } .link-info { color: #0dcaf0 !important } .link-info:hover, .link-info:focus { color: #3dd5f3 !important } .link-warning { color: #ffc107 !important } .link-warning:hover, .link-warning:focus { color: #ffcd39 !important } .link-danger { color: #dc3545 !important } .link-danger:hover, .link-danger:focus { color: #b02a37 !important } .link-light { color: #f8f9fc !important } .link-light:hover, .link-light:focus { color: #f9fafd !important } .link-dark { color: #212830 !important } .link-dark:hover, .link-dark:focus { color: #1a2026 !important } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%) } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%) } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%) } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: sticky; top: 0; z-index: 1020 } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020 } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020 } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020 } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020 } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-x-auto { overflow-x: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: 0 0.5rem 1rem rgba(33, 40, 48, 0.15) !important } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(33, 40, 48, 0.075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(33, 40, 48, 0.175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%, -50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-0 { border: 0 !important } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-start-0 { border-left: 0 !important } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important } .border-1 { --bs-border-width: 1px } .border-2 { --bs-border-width: 2px } .border-3 { --bs-border-width: 3px } .border-4 { --bs-border-width: 4px } .border-5 { --bs-border-width: 5px } .border-opacity-10 { --bs-border-opacity: .1 } .border-opacity-25 { --bs-border-opacity: .25 } .border-opacity-50 { --bs-border-opacity: .5 } .border-opacity-75 { --bs-border-opacity: .75 } .border-opacity-100 { --bs-border-opacity: 1 } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.34375rem + 1.125vw) !important } .fs-2 { font-size: calc(1.3rem + .6vw) !important } .fs-3 { font-size: calc(1.27813rem + .3375vw) !important } .fs-4 { font-size: calc(1.25625rem + .075vw) !important } .fs-5 { font-size: 1.09375rem !important } .fs-6 { font-size: .875rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-semibold { font-weight: 600 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: #6e7985 !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: .25 } .text-opacity-50 { --bs-text-opacity: .5 } .text-opacity-75 { --bs-text-opacity: .75 } .text-opacity-100 { --bs-text-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: rgba(0, 0, 0, 0) !important } .bg-opacity-10 { --bs-bg-opacity: .1 } .bg-opacity-25 { --bs-bg-opacity: .25 } .bg-opacity-50 { --bs-bg-opacity: .5 } .bg-opacity-75 { --bs-bg-opacity: .75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: var(--bs-border-radius) !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important } .rounded-2 { border-radius: var(--bs-border-radius) !important } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important } .rounded-5 { border-radius: var(--bs-border-radius-2xl) !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width: 576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width: 1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width: 1200px) { .fs-1 { font-size: 2.1875rem !important } .fs-2 { font-size: 1.75rem !important } .fs-3 { font-size: 1.53125rem !important } .fs-4 { font-size: 1.3125rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } .accordion-item { border-color: #e2e5ec; background-color: #fff } .accordion-button { background-color: #fff; font-weight: 500 } .accordion-button:not(.collapsed) { background-color: rgba(243, 245, 249, 0.6); box-shadow: inset 0 -1px 0 #e2e5ec } .accordion-button::after { width: 1rem; height: 1rem; background-size: 1rem; opacity: .6 } .accordion-custom .accordion-item+.accordion-item { margin-top: 5px } .accordion-custom .accordion-item:not(:first-of-type) { border-top: 1px solid #e2e5ec } .accordion-custom .accordion-button { background-color: #f8f9fc } .accordion-custom .accordion-button:not(.collapsed) { background-color: #fff; box-shadow: none } .accordion-custom .accordion-body { padding-top: 0 } .accordion-primary .accordion-item { border-color: var(--bs-primary); border-width: 1.5px } .accordion-primary .accordion-item+.accordion-item { margin-top: 5px } .accordion-primary .accordion-item:not(:first-of-type) { border-top: 1.5px solid var(--bs-primary) } .accordion-primary .accordion-button { background-color: var(--bs-primary); color: #fff } .accordion-primary .accordion-button::after { content: '\EA4E'; font-family: 'remixicon'; font-size: 18px; font-weight: 400; background-image: none } .accordion-primary .accordion-button:not(.collapsed) { box-shadow: none; background-color: #fff; color: #506fd9 } .accordion-primary .accordion-button:not(.collapsed)::after { opacity: 1 } .accordion-primary .accordion-body { padding-top: 0 } .alert { padding-top: 12px; padding-bottom: 12px } .alert>i { font-size: 24px; line-height: .7; margin-right: 10px } .alert-link { font-weight: 600 } .alert-outline { background-color: transparent; border-width: 1.5px } .alert-outline.alert-primary { border-color: var(--bs-primary); color: #506fd9 } .alert-outline.alert-success { border-color: #0cb785; color: #0cb785 } .alert-outline.alert-warning { border-color: #ffc107; color: #ffc107 } .alert-outline.alert-danger { border-color: #dc3545; color: #dc3545 } .alert-outline.alert-info { border-color: #0dcaf0; color: #0dcaf0 } .alert-outline.alert-secondary { border-color: rgba(110, 121, 133, 0.6); color: #6e7985 } .alert-outline.alert-light { border: 1.5px solid #ccd2da; color: #6e7985 } .alert-outline.alert-dark { border-color: #6e7985 } .alert-solid { border-width: 0; color: #fff } .alert-solid.alert-primary { background-color: #506fd9 } .alert-solid.alert-secondary { background-color: #6e7985 } .alert-solid.alert-success { background-color: #0cb785 } .alert-solid.alert-warning { background-color: #ffc107 } .alert-solid.alert-danger { background-color: #dc3545 } .alert-solid.alert-info { background-color: #0dcaf0 } .alert-solid.alert-dark { background-color: #212830 } .alert-solid.alert-light { background-color: #fff; color: #6e7985 } .avatar { width: 36px; height: 36px; border-radius: 100%; display: block; position: relative } .avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; display: block } .avatar.online::after, .avatar.offline::after { content: ''; position: absolute; bottom: 0; right: 5px; width: 6px; height: 6px; border-radius: 100%; box-shadow: 0 0 0 1.5px #fbfcfe } .avatar.online::after { background-color: #0cb785 } .avatar.offline::after { background-color: #ccd2da } .avatar-rounded { border-radius: 8px } .avatar-initial { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #6e7985; color: #fff; border-radius: inherit; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; text-transform: uppercase } .avatar-xs { width: 20px; height: 20px } .avatar-xs .avatar-initial { font-size: 9px } .avatar-xs.online::after, .avatar-xs.offline::after { width: 3px; height: 3px; right: 0 } .avatar-sm { width: 26px; height: 26px } .avatar-sm .avatar-initial { font-size: 13px } .avatar-sm.online::after, .avatar-sm.offline::after { width: 5px; height: 5px; right: 3px } .avatar-lg { width: 46px; height: 46px } .avatar-lg .avatar-initial { font-size: 24px } .avatar-lg.online::after, .avatar-lg.offline::after { width: 7px; height: 7px } .avatar-xl { width: 61px; height: 61px } .avatar-xl .avatar-initial { font-size: 32px } .avatar-xl.online::after, .avatar-xl.offline::after { width: 8px; height: 8px; right: 7px; bottom: 2px } .badge { font-weight: 400; font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; border-radius: 2px } .badge:hover, .badge:focus { color: #fff } .badge.bg-warning, .badge.bg-light { color: #212830 } .badge-pill { border-radius: 10px } .badge-dot { display: inline-block; width: 8px; height: 8px; border-radius: 100% } .breadcrumb-custom1 .breadcrumb-item { font-size: 12px; text-transform: uppercase; letter-spacing: .5px } .breadcrumb-custom2 .breadcrumb-item+.breadcrumb-item::before { content: '\EA6E'; font-family: 'remixicon'; position: relative; top: 1.5px } .btn:focus, .gridjs-pages button:focus, .ui-datepicker-buttonpane button:focus { box-shadow: none } .btn-secondary, .ui-datepicker-buttonpane button, .btn-success { color: #fff } .btn-secondary:hover, .ui-datepicker-buttonpane button:hover, .btn-secondary:focus, .ui-datepicker-buttonpane button:focus, .btn-success:hover, .btn-success:focus { color: #fff } .btn-gray { background-color: rgba(226, 229, 236, 0.75); color: #6e7985 } .btn-outline-tertiary { border-color: #85b6ff; color: #85b6ff } .btn-outline-tertiary:hover, .btn-outline-tertiary:focus { background-color: #85b6ff; color: #fff } .btn-outline-secondary:hover, .btn-outline-secondary:focus { color: #fff } .btn-outline-info:hover, .btn-outline-info:focus { color: #fff } .btn-icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; padding-left: 0; padding-right: 0; width: 36px; height: 36px } .btn-white { border: 1px solid #ccd2da; background-color: #fff } .btn-white:hover, .btn-white:focus { border-color: #bdc5cf; background-color: #f8f9fc } .btn-outline-white { border: 1px solid rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75) } .btn-outline-white:hover { border-color: #fff; color: #fff } .card { border-color: #e2e5ec } .card-bless { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-header { background-color: #f8f9fc; border-bottom-color: #e2e5ec } .card-footer { border-top-color: #e2e5ec; background-color: #f8f9fc } .card-primary, .card-secondary, .card-success, .card-danger, .card-warning, .card-info, .card-dark { border-width: 0; color: rgba(255, 255, 255, 0.8) } .card-primary .card-header, .card-secondary .card-header, .card-success .card-header, .card-danger .card-header, .card-warning .card-header, .card-info .card-header, .card-dark .card-header { background-color: transparent; border-bottom-color: rgba(255, 255, 255, 0.2) } .card-primary { background-color: #506fd9 } .card-secondary { background-color: #6e7985 } .card-success { background-color: #0cb785 } .card-danger { background-color: #dc3545 } .card-warning { background-color: #ffc107 } .card-info { background-color: #0dcaf0 } .card-dark { background-color: #212830 } .card-light { border-width: 1px } .card-light .card-header { background-color: transparent } .dropdown-menu { border-color: rgba(65, 80, 95, 0.16); padding: 5px } .dropdown-item { padding: 5px 10px; border-radius: 3px; color: inherit } .dropdown-header { padding-left: 10px; padding-right: 10px; font-size: 11px; font-family: "Archivo", sans-serif; text-transform: uppercase; letter-spacing: .5px } .dropdown-divider { border-top-color: #e2e5ec; opacity: 1; margin: 5px 0 } .figure-overlay { position: relative } .figure-overlay figcaption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(33, 40, 48, 0.5) } .list-group-item { border-color: #e2e5ec } .star-group { display: flex; grid-gap: 2px; color: var(--bs-primary); font-size: 16px; line-height: 0.7 } .star-group span:last-child { color: #6e7985; font-size: .8125rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding-left: 5px; line-height: 0.9 } .marker { font-size: 12px; padding: 5px 10px; background-color: #fff; border-radius: 3px; position: absolute } .marker.top-left { top: 5px; left: 5px } .marker.top-right { top: 5px; right: 5px } .marker.bottom-right { bottom: 5px; right: 5px } .marker.bottom-left { bottom: 5px; left: 5px } .marker.marker-primary { background-color: var(--bs-primary); color: #fff } .marker.marker-success { background-color: #0cb785; color: #fff } .marker.marker-danger { background-color: #dc3545; color: #fff } .marker.marker-warning { background-color: #ffc107; color: #212830 } .marker.marker-info { background-color: #0dcaf0; color: #212830 } .marker.marker-dark { background-color: #212830; color: #fff } .marker-icon { width: 50px; height: 50px; position: absolute; overflow: hidden; border-radius: inherit } .marker-icon::before { content: ''; width: 80px; height: 80px; background-color: #fff; position: absolute; transform: rotate(45deg) } .marker-icon i { position: relative; color: #212830; font-size: 16px } .marker-icon.top-left { top: 0; left: 0; padding-left: 6px; padding-top: 2px } .marker-icon.top-left::before { top: -45px; left: -45px } .marker-icon.top-right { top: 0; right: 0; text-align: right; padding-right: 6px; padding-top: 2px } .marker-icon.top-right::before { top: -45px; right: -45px } .marker-icon.bottom-left { bottom: 0; left: 0; display: flex; align-items: flex-end; padding-bottom: 2px; padding-left: 6px } .marker-icon.bottom-left::before { bottom: -45px; left: -45px } .marker-icon.bottom-right { bottom: 0; right: 0; display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 2px; padding-right: 7px } .marker-icon.bottom-right::before { bottom: -45px; right: -45px } .marker-icon.marker-primary::before { background-color: #506fd9 } .marker-icon.marker-primary i { color: #fff } .marker-icon.marker-success::before { background-color: #0cb785 } .marker-icon.marker-success i { color: #fff } .marker-icon.marker-danger::before { background-color: #dc3545 } .marker-icon.marker-danger i { color: #fff } .marker-icon.marker-warning::before { background-color: #ffc107 } .marker-icon.marker-warning i { color: #212830 } .marker-icon.marker-info::before { background-color: #0dcaf0 } .marker-icon.marker-info i { color: #212830 } .marker-icon.marker-dark::before { background-color: #212830 } .marker-icon.marker-dark i { color: #fff } .marker-ribbon { position: absolute; font-size: 12px; padding: 5px 10px; background-color: #fff; border: 1px solid rgba(33, 40, 48, 0.3); top: 5px } .marker-ribbon::before { content: ''; position: absolute; bottom: -11px } .marker-ribbon.top-left { left: -10px } .marker-ribbon.top-left::before { left: -10px; border-right: 10px solid rgba(33, 40, 48, 0.3); border-bottom: 10px solid transparent; border-left: 10px solid transparent } .marker-ribbon.top-right { right: -10px } .marker-ribbon.top-right::before { right: -10px; border-left: 10px solid rgba(33, 40, 48, 0.3); border-bottom: 10px solid transparent; border-right: 10px solid transparent } .marker-ribbon.marker-primary { background-color: var(--bs-primary); color: #fff; border-width: 0 } .marker-ribbon.marker-primary::before { bottom: -10px } .marker-ribbon.marker-primary.top-left::before { border-right-color: rgba(35, 63, 160, 0.5) } .marker-ribbon.marker-primary.top-right::before { border-left-color: rgba(35, 63, 160, 0.5) } .marker-ribbon.marker-success { background-color: #0cb785; color: #fff; border-width: 0 } .marker-ribbon.marker-success::before { bottom: -10px } .marker-ribbon.marker-success.top-left::before { border-right-color: rgba(6, 87, 63, 0.5) } .marker-ribbon.marker-success.top-right::before { border-left-color: rgba(6, 87, 63, 0.5) } .marker-ribbon.marker-danger { background-color: #dc3545; color: #fff; border-width: 0 } .marker-ribbon.marker-danger::before { bottom: -10px } .marker-ribbon.marker-danger.top-left::before { border-right-color: rgba(146, 25, 37, 0.5) } .marker-ribbon.marker-danger.top-right::before { border-left-color: rgba(146, 25, 37, 0.5) } .marker-ribbon.marker-warning { background-color: #ffc107; color: #212830; border-width: 0 } .marker-ribbon.marker-warning::before { bottom: -10px } .marker-ribbon.marker-warning.top-left::before { border-right-color: rgba(160, 120, 0, 0.5) } .marker-ribbon.marker-warning.top-right::before { border-left-color: rgba(160, 120, 0, 0.5) } .marker-ribbon.marker-info { background-color: #0dcaf0; color: #212830; border-width: 0 } .marker-ribbon.marker-info::before { bottom: -10px } .marker-ribbon.marker-info.top-left::before { border-right-color: rgba(8, 121, 143, 0.5) } .marker-ribbon.marker-info.top-right::before { border-left-color: rgba(8, 121, 143, 0.5) } .marker-ribbon.marker-dark { background-color: #212830; color: #fff; border-width: 0 } .marker-ribbon.marker-dark::before { bottom: -10px } .marker-ribbon.marker-dark.top-left::before { border-right-color: rgba(0, 0, 0, 0.5) } .marker-ribbon.marker-dark.top-right::before { border-left-color: rgba(0, 0, 0, 0.5) } .modal-content { border-width: 0 } .modal-backdrop { background-color: #171b21 } .modal-backdrop.show { opacity: .8 } .nav-sidebar { display: flex; flex-direction: column } .nav-sidebar .nav-item.show .nav-link::after { content: '\EA4E' } .nav-sidebar .nav-item.show .nav-sub { display: flex } .nav-sidebar .nav-link { color: #41505f; display: flex; align-items: center } .nav-sidebar .nav-link:hover { color: #212830 } .nav-sidebar .nav-link.active { color: var(--bs-primary); font-weight: 500; letter-spacing: -.1px } .nav-sidebar .nav-link.has-sub { position: relative } .nav-sidebar .nav-link.has-sub::after { content: '\EA6E'; font-family: 'remixicon'; font-size: 14px; font-weight: 400; color: #9ea7b1; position: absolute; top: 50%; right: 15px; line-height: 0; opacity: .6 } .nav-sidebar .nav-link i { margin-right: 12px; line-height: 1; font-size: 20px; width: 18px; opacity: .85 } .nav-sidebar .nav-sub { flex-direction: column; position: relative; display: none } .nav-sidebar .nav-sub-link { display: block; padding: 6px 20px; font-size: .8125rem; text-indent: 30.5px; color: #6e7985; position: relative } .nav-sidebar .nav-sub-link::before { content: ''; position: absolute; top: 50%; left: 26px; width: 5px; height: 1.5px; background-color: #9ea7b1; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .nav-sidebar .nav-sub-link::before { transition: none } } .nav-sidebar .nav-sub-link:hover::before, .nav-sidebar .nav-sub-link:focus::before { width: 16px; left: 20.5px } .nav-sidebar .nav-sub-link.active { color: #212830; font-weight: 500 } .nav-sidebar .nav-sub-link.active::before { width: 16px; background-color: var(--bs-primary); left: 20.5px } .nav-line { border-bottom: 1px solid #e2e5ec; flex-wrap: nowrap; overflow: hidden } @media (min-width: 576px) { .nav-line { overflow: visible } } .nav-line .nav-link { color: #6e7985; padding-left: 0; padding-right: 0; border-radius: 0; position: relative; white-space: nowrap } .nav-line .nav-link::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1.5px solid var(--bs-primary); display: none } @media (min-width: 576px) { .nav-line .nav-link::before { bottom: -1px } } .nav-line .nav-link:hover { color: #313c47 } .nav-line .nav-link+.nav-link { margin-left: 25px } .nav-line .nav-link.active { color: #212830; font-weight: 600 } .nav-line .nav-link.active::before { display: block } .nav-classic { flex-direction: column } .nav-classic .nav-link { display: flex; align-items: center; padding-left: 0; padding-right: 0 } .nav-classic .nav-link+.nav-link { border-top: 1px dashed #e2e5ec } .nav-classic .nav-link:first-child { padding-top: 0 } .nav-classic .nav-link:last-child { padding-bottom: 0 } .nav-classic i { width: 20px; font-size: 20px; line-height: 1; color: #6e7985; margin-right: 10px } .nav-classic .badge { color: #6e7985; font-size: .8125rem; opacity: .75; margin-left: auto } .nav-icon { align-items: center } .nav-icon.nav-icon-lg .nav-link i { font-size: 20px } .nav-icon .nav-link { padding: 0; color: #6e7985; display: flex; align-items: center } .nav-icon .nav-link i { line-height: 1; font-size: 18px } .nav-icon .nav-link+.nav-link { margin-left: 10px } .nav-icon.nav-icon-sm .nav-link i { font-size: 16px } .nav-icon.nav-icon-sm .nav-link+.nav-link { margin-left: 2px } .offcanvas-start { border-right-width: 0 } .offcanvas-end { border-left-width: 0 } .offcanvas-top { border-bottom-width: 0 } .offcanvas-bottom { border-top-width: 0 } .offcanvas-header .close { color: #6e7985; font-size: 28px; font-weight: 300; line-height: 0; opacity: .6 } .offcanvas-header .close:hover, .offcanvas-header .close:focus { opacity: 1 } .offcanvas-backdrop { background-color: #101418 } .pagination-space .page-item+.page-item { margin-left: 5px } .pagination-space .page-link { border-radius: .25rem } .pagination-filled .page-item.disabled .page-link { background-color: #f8f9fc } .pagination-filled .page-item:not(.active) .page-link:hover { background-color: #f3f5f9 } .pagination-filled .page-link { border-width: 0; background-color: rgba(243, 245, 249, 0.6); color: #6e7985 } .pagination-circled .page-item+.page-item { margin-left: 5px } .pagination-circled .page-item:first-child .page-link { border-radius: 100%; font-size: 16px } .pagination-circled .page-item:last-child .page-link { border-radius: 100% } .pagination-circled .page-link { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 100%; font-size: .8125rem } .pagination-secondary .page-item.active .page-link { background-color: #6e7985; border-color: #6e7985; color: #fff } .pagination-secondary:not(.pagination-filled) .page-link { color: #6e7985 } .pagination-info .page-item.active .page-link { background-color: #0dcaf0; border-color: #0dcaf0; color: #fff } .pagination-info:not(.pagination-filled) .page-link { color: #0dcaf0 } .popover { border-color: #ccd2da } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { bottom: calc(-.5rem) } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { border-top-color: #ccd2da } .bs-popover-right>.popover-arrow::before { border-right-color: #ccd2da } .bs-popover-left>.popover-arrow::before { border-left-color: #ccd2da } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { border-bottom-color: #ccd2da } .popover-header { padding: 10px 12px; background-color: #f3f5f9; border-color: #ccd2da } .progress { height: 12px } .progress.h-1 { height: 2px } .progress.h-2 { height: 5px } .progress.h-3 { height: 8px } .progress.h-4 { height: 15px } .progress.h-5 { height: 20px } .progress-bar { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 9px } .toast-header .btn-close { transform: scale(0.8) } .table thead th { font-weight: 600; font-size: .8125rem } .table tbody th { font-weight: 600 } .table:not(.table-borderless)>:not(:first-child) { border-top-width: 1.5px; border-top-color: #ccd2da } .table-striped>tbody>tr:nth-of-type(2n+1)>* { box-shadow: inset 0 0 0 9999px rgba(243, 245, 249, 0.6) } .table-hover>tbody>tr:hover>* { box-shadow: inset 0 0 0 9999px rgba(243, 245, 249, 0.85) } .table-active td, .table-active th { box-shadow: inset 0 0 0 9999px rgba(243, 245, 249, 0.85) } .table-primary>:not(:first-child), .table-success>:not(:first-child), .table-warning>:not(:first-child), .table-danger>:not(:first-child), .table-info>:not(:first-child) { border-top-color: #fff } .table-primary tbody td, .table-primary tbody th, .table-success tbody td, .table-success tbody th, .table-warning tbody td, .table-warning tbody th, .table-danger tbody td, .table-danger tbody th, .table-info tbody td, .table-info tbody th { border-color: #fff } .form-control, .gridjs-input { padding-left: .6rem; padding-right: .6rem } .form-control:active, .gridjs-input:active, .form-control:focus, .gridjs-input:focus { border-color: #ccd2da; box-shadow: 0 1px 1px rgba(226, 229, 236, 0.25), 0 2px 2px rgba(226, 229, 236, 0.2), 0 4px 4px rgba(226, 229, 236, 0.15), 0 8px 8px rgba(226, 229, 236, 0.1) } .form-control::-moz-placeholder, .gridjs-input::-moz-placeholder { color: #9ea7b1 } .form-control::placeholder, .gridjs-input::placeholder { color: #9ea7b1 } .form-select:active, .form-select:focus { border-color: #ccd2da; box-shadow: 0 1px 1px rgba(226, 229, 236, 0.25), 0 2px 2px rgba(226, 229, 236, 0.2), 0 4px 4px rgba(226, 229, 236, 0.15), 0 8px 8px rgba(226, 229, 236, 0.1) } .form-select-sm { padding-left: 4px } .form-select-lg { padding-left: 8px } .form-check-input { border-color: rgba(33, 40, 48, 0.3) } .form-check-input[type="checkbox"] { border-radius: 2.5px } .form-check-input[role="switch"] { border-radius: 10px } .form-search { display: flex; align-items: center; border: 1px solid transparent; border-radius: 6px; background-color: #fff; padding: 3px 10px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07); transition: all 0.15s } @media (prefers-reduced-motion: reduce) { .form-search { transition: none } } .form-search.onfocus { border-color: #506fd9 } .form-search>i { font-size: 18px; font-weight: 700; line-height: 1 } .form-search .form-control, .form-search .gridjs-input { border-radius: 0; border-width: 0; background-color: transparent } .form-search .form-control:focus, .form-search .gridjs-input:focus { box-shadow: none } .form-search .form-control::-moz-placeholder, .form-search .gridjs-input::-moz-placeholder { color: #9ea7b1 } .form-search .form-control::placeholder, .form-search .gridjs-input::placeholder { color: #9ea7b1 } .header { height: 72px } .header .container { padding-left: 20px; padding-right: 20px; height: 100%; display: flex; align-items: center; justify-content: space-between } @media (min-width: 992px) { .header .container { padding-left: 0; padding-right: 0 } } .header .nav-icon .nav-link { padding: 0; font-size: 21px; line-height: 1; color: #6e7985; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .header .nav-icon .nav-link { transition: none } } .header .nav-icon .nav-link+.nav-link { margin-left: 8px } .header .nav-icon .nav-link:hover { color: var(--bs-primary); transform: scale(1.1) } .header-logo, .sidebar-logo { font-size: 24px; font-family: "Archivo", sans-serif; font-weight: 600; display: inline-block; line-height: 1; color: #212830; letter-spacing: -.5px; position: relative } .header-logo:hover, .sidebar-logo:hover, .header-logo:focus, .sidebar-logo:focus { color: #212830 } .header-main { height: 72px; position: fixed; top: 0; left: 0; right: 0; z-index: 800; border-bottom: 1px solid transparent; background-color: var(--bs-body-bg); display: flex; align-items: center; transition: all 0.25s; /* box-shadow: 0 1px 1px rgba(33, 40, 48, 0.01), 0 4px 4px rgba(33, 40, 48, 0.01), 0 16px 16px rgba(33, 40, 48, 0.01) */ } @media (prefers-reduced-motion: reduce) { .header-main { transition: none } } @media (min-width: 992px) { .header-main { left: 240px; border-left: 1px solid #f8f9fc } } @media (min-width: 1400px) { .header-main { left: 250px } } .header-main .form-search { width: 180px; box-shadow: none; background-color: #f3f5f9 } @media (max-width: 767.98px) { .header-main .form-search { height: 38px; border-radius: 4px } } @media (min-width: 576px) { .header-main .form-search { width: 270px } } @media (min-width: 1200px) { .header-main .form-search { width: 320px } } .header-main .form-search .form-control, .header-main .form-search .gridjs-input { padding-left: 3px } .header-main .form-search i { opacity: .6 } .header-main .form-search.onfocus { background-color: #fff } .header-main .menu-link { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 1.325rem; color: #6e7985 } .header-main .menu-link:hover { color: #506fd9 } .header-main .nav-link { color: #6e7985 } .header-main .nav-link:hover { color: #41505f } .header-main .nav-link.active { font-weight: 500; color: var(--bs-primary); letter-spacing: -.1px } .header-main .nav-link .badge { color: var(--bs-primary); border: 1px solid var(--bs-primary); border-radius: 4px; padding: 3px; margin-left: 2px } .header-main .dropdown-link { display: block; color: #6e7985; position: relative } .header-main .dropdown-link:hover { color: #41505f } .header-main .dropdown-link i { font-size: 20px; line-height: 1.4 } .header-main .dropdown-link small, .header-main .dropdown-link .small { position: absolute; top: -2px; right: -4px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #dc3545; color: #fff; font-size: 9px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; box-shadow: 0 0 0 1px #fff } .dropdown-skin .dropdown-link { display: flex; margin-top: 2px } .dropdown-skin .dropdown-link i { font-size: 22px; animation: rotation 5s infinite linear; color: #506fd9 } @keyframes rotation { from { transform: rotate(0deg) } to { transform: rotate(359deg) } } .dropdown-skin .dropdown-menu { width: 250px; margin-right: 10px; padding: 20px; border-color: #e2e5ec; border-radius: 6px; border-width: 0; box-shadow: 0 2px 10px rgba(110, 121, 133, 0.1), 0 10px 20px rgba(110, 121, 133, 0.1) } .dropdown-skin .dropdown-menu label { font-size: 10px; font-weight: 500; font-family: "Inter", sans-serif; color: #6e7985; text-transform: uppercase; display: block; letter-spacing: .5px; margin-bottom: 10px; line-height: 1.2 } .dropdown-skin .dropdown-menu hr { border-color: #e2e5ec; opacity: 1; margin: 20px 0 } .nav-skin { flex-wrap: nowrap; white-space: nowrap } .nav-skin .nav-link { border: 1px solid #ccd2da; font-size: .8125rem; padding: 4px 15px; color: #41505f } .nav-skin .nav-link:hover, .nav-skin .nav-link:focus { border-color: #9ea7b1; background-color: #f3f5f9; position: relative } .nav-skin .nav-link+.nav-link { margin-left: -1px } .nav-skin .nav-link:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .nav-skin .nav-link:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .nav-skin .nav-link.active { letter-spacing: normal; font-weight: 400; border-color: #6e7985; background-color: #e2e5ec; color: #212830; position: relative; z-index: 2 } .dropdown-notification { position: relative } .dropdown-notification .dropdown-link { margin-top: 5px } .dropdown-notification .dropdown-menu { margin-right: 10px; width: 320px; padding: 0; border-color: #e2e5ec; border-radius: 6px; border-width: 0; box-shadow: 0 2px 10px rgba(110, 121, 133, 0.1), 0 10px 20px rgba(110, 121, 133, 0.1) } @media (min-width: 576px) { .dropdown-notification .dropdown-menu { width: 340px } } .dropdown-notification .dropdown-menu-header { height: 48px; border-bottom: 1px solid #e2e5ec; display: flex; align-items: center; padding: 0 15px } .dropdown-notification .dropdown-menu-title { font-weight: 600; font-size: 15px; color: #212830; margin-bottom: 0 } .dropdown-notification .list-group { padding: 5px } .dropdown-notification .list-group-item { border-width: 0; display: flex; padding: 8px 10px; border-radius: 4px; background-color: transparent } .dropdown-notification .list-group-item:hover { background-color: rgba(243, 245, 249, 0.85); cursor: pointer } .dropdown-notification .list-group-item strong { font-weight: 600 } .dropdown-notification .avatar { margin-right: 15px; flex-shrink: 0 } .dropdown-notification .list-group-body { color: #313c47; line-height: 1.4; padding-right: 10px } .dropdown-notification .list-group-body p { margin-bottom: 2px } .dropdown-notification .list-group-body span { font-size: 11px; color: #6e7985 } .dropdown-notification .dropdown-menu-footer { text-align: center; padding: 8px 10px; border-top: 1px solid #e2e5ec; font-size: .8125rem } .dropdown-profile .dropdown-link .avatar { width: 34px; height: 34px } .dropdown-profile .dropdown-menu { width: 230px; padding: 0; border-color: #e2e5ec; border-radius: 6px; border-width: 0; box-shadow: 0 2px 10px rgba(110, 121, 133, 0.1), 0 10px 20px rgba(110, 121, 133, 0.1) } .dropdown-profile .dropdown-menu-body { padding: 20px 20px 15px } .dropdown-profile .dropdown-menu-body h5, .dropdown-profile .dropdown-menu-body .h5 { font-size: 16px } .dropdown-profile .nav { flex-direction: column; margin: 0 -10px } .dropdown-profile .nav a { display: flex; align-items: center; padding: 7px 8px; color: #41505f; border-radius: 4px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .dropdown-profile .nav a { transition: none } } .dropdown-profile .nav a:hover { background-color: #f3f5f9; color: #212830 } .dropdown-profile .nav a i { font-size: 20px; line-height: 1; margin-right: 10px } .dropdown-profile hr { opacity: .12; margin: 5px -2px } @media (max-width: 991.98px) { .sidebar-show { overflow: hidden } .sidebar-show .sidebar { left: 0; opacity: 1; visibility: visible } .sidebar-show .header-main, .sidebar-show .main-mobile-header, .sidebar-show .main { transform: translateX(290px) } .sidebar-show .main-backdrop { opacity: 1; visibility: visible } } .sidebar-offset .sidebar { left: -250px; box-shadow: none } .sidebar-offset .header-main { left: 0 } .sidebar-offset .main { margin-left: 0 } .sidebar-offset.sidebar-show { overflow: hidden } .sidebar-offset.sidebar-show .sidebar { left: 0; box-shadow: 1px 0 1px rgba(33, 40, 48, 0.01), 4px 0 4px rgba(33, 40, 48, 0.01), 16px 0 16px rgba(33, 40, 48, 0.01) } .sidebar-offset.sidebar-show .header-main, .sidebar-offset.sidebar-show .main { transform: translateX(250px) } .sidebar-offset.sidebar-show .main-backdrop { opacity: 1; visibility: visible } @media (min-width: 992px) { .sidebar-hide .sidebar { left: -250px; opacity: 0; visibility: hidden } .sidebar-hide .header-main { left: 0; border-left-width: 0 } .sidebar-hide .main { margin-left: 0 } .sidebar-hide .music-player { left: 23px } } .sidebar { width: 290px; height: 100vh; position: fixed; top: 0; left: -290px; opacity: 0; visibility: hidden; background-color: #fff; z-index: 1000; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar { transition: none } } @media (min-width: 992px) { .sidebar { width: 240px; opacity: 1; visibility: visible; left: 0; box-shadow: 1px 0 1px rgba(33, 40, 48, 0.01), 4px 0 4px rgba(33, 40, 48, 0.01), 16px 0 16px rgba(33, 40, 48, 0.01) } } @media (min-width: 1400px) { .sidebar { width: 250px } } .sidebar::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); z-index: 5; opacity: 0; visibility: hidden; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar::before { transition: none } } .sidebar.footer-menu-show::before { visibility: visible; opacity: 1 } .sidebar.footer-menu-show .sidebar-footer { bottom: 0 } .sidebar-header { padding: 0 20px; height: 72px; display: flex; align-items: center; border-bottom: 1px solid #f3f5f9 } .sidebar-body { height: calc(100% - 136px); position: relative } /* .sidebar-body .nav-group { border-bottom: 1px solid #f3f5f9 } */ .sidebar-body .nav-group.show .nav-label::after { content: '\EA4E' } .sidebar-body .nav-group.show .nav-sidebar { display: block } .sidebar-body .nav-label { display: block; padding: 12px 20px; font-size: 11px; font-family: "Archivo", sans-serif; text-transform: uppercase; color: #6e7985; letter-spacing: .7px; position: relative } .sidebar-body .nav-label:hover, .sidebar-body .nav-label:focus { color: #6e7985 } .sidebar-body .nav-label::after { content: '\EA6E'; font-family: 'remixicon'; font-size: 14px; font-weight: 400; position: absolute; top: 50%; right: 15px; line-height: 0; opacity: .6 } .sidebar-body .nav-sidebar { display: none; padding: 0 0 20px } .sidebar-body .nav-sidebar .nav-link { padding: 8px 20px } .sidebar-body .nav-sidebar .nav-item.show .nav-sub { display: block } .sidebar-body>.ps__rail-y { background-color: #e2e5ec; width: 2px } .sidebar-body>.ps__rail-y>.ps__thumb-y { background-color: #6e7985; width: 2px; left: 0 } .sidebar-footer { position: absolute; bottom: -250px; left: 0; right: 0; border-top: 1px solid #f3f5f9; background-color: #fff; z-index: 10; box-shadow: -20px -20px 20px #fff; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar-footer { transition: none } } .sidebar-footer .dropdown-link { width: 28px; height: 28px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #6e7985; opacity: .6; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar-footer .dropdown-link { transition: none } } .sidebar-footer .dropdown-link:hover, .sidebar-footer .dropdown-link:focus { background-color: rgba(243, 245, 249, 0.6); opacity: 1 } .sidebar-footer-top { height: 64px; display: flex; align-items: center; padding-right: 12px; padding-left: 15px } .sidebar-footer-thumb { width: 36px; height: 36px; border-radius: 100%; margin-right: 10px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar-footer-thumb { transition: none } } .sidebar-footer-thumb:hover { cursor: pointer; transform: scale(1.1) } .sidebar-footer-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit } .sidebar-footer-body { flex: 1 } .sidebar-footer-body h6, .sidebar-footer-body .h6 { margin-bottom: 2px; font-weight: 600 } .sidebar-footer-body h6 a, .sidebar-footer-body .h6 a { color: #212830 } .sidebar-footer-body p { margin-bottom: 0; font-size: .75rem; color: #6e7985 } .sidebar-footer-menu { padding: 10px 12px } .sidebar-footer-menu .nav { flex-direction: column; margin: 0 } .sidebar-footer-menu a { height: 35px; padding: 0 8px; color: #41505f; display: flex; align-items: center; border-radius: 3px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .sidebar-footer-menu a { transition: none } } .sidebar-footer-menu a:hover { background-color: #f3f5f9; color: #212830 } .sidebar-footer-menu a>i { line-height: 1; font-size: 20px; margin-right: 12px } .sidebar-footer-menu hr { margin: 10px 10px; opacity: .12 } .sidebar-right { width: 290px } .sidebar-label { display: block; margin-bottom: 5px; padding: 0 10px; font-size: .75rem; font-weight: 500; color: #6e7985 } .sidebar-prime { background-color: var(--bs-primary); background-image: linear-gradient(to bottom, #324daa, #506fd9) } .sidebar-prime::before { background-color: rgba(59, 94, 212, 0.75) } .sidebar-prime .sidebar-logo { color: #fff } .sidebar-prime .sidebar-header { border-bottom-color: rgba(255, 255, 255, 0.12) } .sidebar-prime .sidebar-body .nav-group { border-bottom-color: rgba(255, 255, 255, 0.12) } .sidebar-prime .sidebar-body .nav-label { color: rgba(255, 255, 255, 0.45) } .sidebar-prime .sidebar-body>.ps__rail-y { background-color: rgba(255, 255, 255, 0.1) } .sidebar-prime .sidebar-body>.ps__rail-y>.ps__thumb-y { background-color: rgba(255, 255, 255, 0.75) } .sidebar-prime .nav-sidebar .nav-link { color: rgba(255, 255, 255, 0.6) } .sidebar-prime .nav-sidebar .nav-link:hover, .sidebar-prime .nav-sidebar .nav-link:focus { color: #fff } .sidebar-prime .nav-sidebar .nav-link.has-sub::after { color: rgba(255, 255, 255, 0.6) } .sidebar-prime .nav-sidebar .nav-link.has-sub.active { color: #fff } .sidebar-prime .nav-sidebar .nav-link.active { color: #fff; font-weight: 400 } .sidebar-prime .nav-sidebar .nav-sub-link { color: rgba(255, 255, 255, 0.5) } .sidebar-prime .nav-sidebar .nav-sub-link::before { background-color: rgba(255, 255, 255, 0.45) } .sidebar-prime .nav-sidebar .nav-sub-link.active { color: #fff } .sidebar-prime .sidebar-footer { background-color: var(--bs-primary); border-top-color: rgba(255, 255, 255, 0.12); box-shadow: none } .sidebar-prime .sidebar-footer .dropdown-link { color: rgba(255, 255, 255, 0.6) } .sidebar-prime .sidebar-footer .dropdown-link:hover, .sidebar-prime .sidebar-footer .dropdown-link:focus { background-color: #4365d6; color: #fff } .sidebar-prime .sidebar-footer-body h6 a, .sidebar-prime .sidebar-footer-body .h6 a { color: #fff } .sidebar-prime .sidebar-footer-body p { color: rgba(255, 255, 255, 0.6) } .sidebar-prime .sidebar-footer-menu a { color: rgba(255, 255, 255, 0.6) } .sidebar-prime .sidebar-footer-menu a:hover, .sidebar-prime .sidebar-footer-menu a:focus { background-color: #4365d6; color: #fff } .sidebar-prime .sidebar-footer-menu hr { background-color: #fff; opacity: .1 } .sidebar-dark { background-color: #192030 } @media (min-width: 992px) { .sidebar-dark { box-shadow: none } } .sidebar-dark::before { background-color: rgba(16, 21, 31, 0.75) } .sidebar-dark .sidebar-logo { color: #fff } .sidebar-dark .sidebar-header { border-bottom-color: rgba(255, 255, 255, 0.06) } .sidebar-dark .sidebar-body .nav-group { border-bottom-color: rgba(255, 255, 255, 0.06) } .sidebar-dark .sidebar-body .nav-label { color: rgba(255, 255, 255, 0.25) } .sidebar-dark .sidebar-body>.ps__rail-y { background-color: rgba(255, 255, 255, 0.1) } .sidebar-dark .sidebar-body>.ps__rail-y>.ps__thumb-y { background-color: rgba(255, 255, 255, 0.75) } .sidebar-dark .nav-sidebar .nav-link { color: rgba(255, 255, 255, 0.6) } .sidebar-dark .nav-sidebar .nav-link:hover, .sidebar-dark .nav-sidebar .nav-link:focus { color: rgba(255, 255, 255, 0.85) } .sidebar-dark .nav-sidebar .nav-link.active { color: var(--bs-primary); font-weight: 400 } .sidebar-dark .nav-sidebar .nav-link.has-sub::after { color: rgba(255, 255, 255, 0.6) } .sidebar-dark .nav-sidebar .nav-sub-link { color: rgba(255, 255, 255, 0.5) } .sidebar-dark .nav-sidebar .nav-sub-link::before { background-color: rgba(255, 255, 255, 0.4) } .sidebar-dark .nav-sidebar .nav-sub-link.active { color: rgba(255, 255, 255, 0.85) } .sidebar-dark .nav-sidebar .nav-sub-link.active::before { background-color: #506fd9 } .sidebar-dark .sidebar-footer { background-color: #192030; border-top-color: rgba(255, 255, 255, 0.06); box-shadow: none } .sidebar-dark .sidebar-footer .dropdown-link { color: rgba(255, 255, 255, 0.6) } .sidebar-dark .sidebar-footer .dropdown-link:hover, .sidebar-dark .sidebar-footer .dropdown-link:focus { background-color: #141926; color: #fff } .sidebar-dark .sidebar-footer-body h6 a, .sidebar-dark .sidebar-footer-body .h6 a { color: #fff } .sidebar-dark .sidebar-footer-body p { color: rgba(255, 255, 255, 0.4) } .sidebar-dark .sidebar-footer-menu a { color: rgba(255, 255, 255, 0.6) } .sidebar-dark .sidebar-footer-menu a:hover, .sidebar-dark .sidebar-footer-menu a:focus { background-color: var(--border-color); color: #fff } .sidebar-dark .sidebar-footer-menu hr { background-color: #fff; opacity: .1 } .main { min-height: 100vh; margin-top: 72px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .main { transition: none } } @media (min-width: 992px) { .main { margin-left: 240px; margin-top: 0 } } @media (min-width: 1400px) { .main { margin-left: 250px } } .main-app { margin-top: 72px } .main-title-label { font-size: 11px; font-family: "Archivo", sans-serif; text-transform: uppercase; color: var(--bs-primary); letter-spacing: .5px; display: block; margin-bottom: 5px } .main-title { text-indent: -1px; margin-bottom: 30px; color: #212830; font-size: 25px; letter-spacing: -.2px } @media (min-width: 992px) { .main-title { font-size: 25px } } .main-title-text { font-size: 16px; color: #41505f } .main-separator { margin: 40px 0; background-color: #e2e5ec; opacity: .12 } .main-subtitle { color: #212830; font-weight: 600; margin-bottom: 10px } .main-mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; padding: 0 23px; display: flex; align-items: center; background-color: #fff; border-bottom: 1px solid transparent; z-index: 800; transition: all 0.3s } @media (prefers-reduced-motion: reduce) { .main-mobile-header { transition: none } } @media (min-width: 992px) { .main-mobile-header { display: none } } .main-mobile-header.scroll { box-shadow: 0 1px 1px rgba(226, 229, 236, 0.08), 0 2px 2px rgba(226, 229, 236, 0.12), 0 4px 4px rgba(226, 229, 236, 0.16), 0 8px 8px rgba(226, 229, 236, 0.2) } .main-mobile-header .menu-link { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #6e7985 } .main-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; background-color: rgba(33, 40, 48, 0.6); opacity: 0; visibility: hidden; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .main-backdrop { transition: none } } .section-title { font-size: 15px; font-weight: 600; color: #212830 } .section-title-sm { font-size: 14px } .main-label-group { display: flex; align-items: center; justify-content: space-between; font-size: .8125rem } .main-label-group label { display: block; margin-bottom: 0; font-weight: 500 } .main-footer { margin-top: 60px; border-top: 1px solid rgba(226, 229, 236, 0.6); padding-top: 20px; font-size: .8125rem; color: #6e7985 } @media (min-width: 576px) { .main-footer { display: flex; align-items: center; justify-content: space-between } } .main-footer span { display: block } .main-footer span+span { margin-top: 5px } @media (min-width: 576px) { .main-footer span+span { margin-top: 0 } } .card-one { height: 100%; border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-one .card-header { border-bottom-color: rgba(226, 229, 236, 0.55); background-color: transparent; padding: 15px; display: flex; align-items: center } .card-one .card-header .card-title { font-weight: 600; font-size: 15px; color: #212830; margin-bottom: 0; line-height: 1.4 } .card-one .card-header .nav-icon { margin-right: -4px } .card-one .nav-icon .nav-link { opacity: .6 } .card-one .nav-icon .nav-link:hover { opacity: 1 } .card-one .nav-pills { font-size: .8125rem } .card-one .nav-pills .nav-link { border-radius: 3px; color: #6e7985; padding: 4px 15px } .card-one .nav-pills .nav-link.active { background-color: #e2e5ec; color: #41505f } .card-one .card-body { padding: 15px; position: relative } .card-one small, .card-one .small { color: #6e7985; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 12px } .card-one .legend { margin: 0; padding: 0; list-style: none; line-height: 1.25 } .card-one .legend li { display: inline-flex; align-items: center; position: relative; font-size: .75rem } .card-one .legend li::before { content: ''; width: 8px; height: 8px; border-radius: 100%; margin-right: 5px } .card-one .legend li+li { margin-left: 10px } .card-one .legend li:first-child::before { background-color: #506fd9 } .card-one .legend li:nth-child(2)::before { background-color: #dbdffd } .card-one .legend li:last-child::before { background-color: #85b6ff } .card-one .card-icon { flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 4px } .card-one .card-icon i { font-size: 24px; line-height: 1 } .card-one .people-item { padding: 10px 15px } .card-one .people-item+.people-item { margin-top: 0; border-top: 1px solid #f3f5f9 } .card-one .people-item .avatar { margin-right: 8px } .card-one .people-item .nav-link+.nav-link { margin-left: 5px } .card-one .card-footer { padding: 15px; background-color: transparent; border-top-color: #f3f5f9 } .card-one .list-group-item { border-color: #f3f5f9 } .card-value { font-family: "Inter", sans-serif; font-weight: 500; color: #212830; display: flex; align-items: center; grid-gap: 2px; letter-spacing: -.2px } .card-value span { font-weight: 400 } .card-value i { margin-right: 5px; text-indent: -3px; color: #506fd9 } .flot-chart { width: 100% } .flot-chart.ht-80 { height: 80px } .flot-chart.ht-180 { height: 180px } .flot-chart.ht-280 { height: 280px } .flot-chart.ht-290 { height: 290px } .flot-chart .flot-tick-label { font-family: "Inter", sans-serif } .flot-chart .flot-x-axis .flot-tick-label { font-size: 10px; font-weight: 500; color: #6e7985 } .flot-chart .flot-y-axis .flot-tick-label { font-size: 10px; color: #9ea7b1 } .chart-bar-one { height: 350px } @media (min-width: 768px) { .chart-bar-one { height: 100% } } .table-one { margin-bottom: 0 } .table-one thead th, .table-one tbody td { padding-left: 0; padding-right: 0; vertical-align: middle } .table-one thead th:not(:first-child), .table-one tbody td:not(:first-child) { text-align: right } .table-one tbody td { border-color: #f3f5f9 } .table-one tbody tr:last-child td { border-bottom-width: 0; padding-bottom: 0 } .table-one tbody td:not(:first-child) { font-family: "Inter", sans-serif } .table-two { white-space: nowrap } .table-two thead th, .table-two tbody td { vertical-align: middle } .table-two thead th:not(:first-child), .table-two tbody td:not(:first-child) { text-align: right } .table-two thead th:first-child, .table-two tbody td:first-child { padding-left: 0 } .table-two thead th:last-child, .table-two tbody td:last-child { padding-right: 0 } .table-two tbody td { border-color: #f3f5f9; font-family: "Inter", sans-serif } .earning-item h4, .earning-item .h4 { margin-bottom: 3px; font-family: "Inter", sans-serif; font-weight: 500; color: #212830; letter-spacing: -.5px } .earning-item h4 span, .earning-item .h4 span { font-weight: 400; color: #41505f } .earning-item label { display: block; margin-bottom: 0; font-size: .8125rem; font-weight: 500; color: #6e7985 } .earning-icon { width: 48px; height: 48px; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; margin-bottom: 15px } .flot-chart-one .flot-x-axis .flot-tick-label { font-family: "Inter", sans-serif; font-size: 10px } .flot-chart-two { width: calc(100% + 14px); margin-left: -7px; margin-bottom: -7px } .flot-chart-two .flot-tick-label { font-family: "Inter", sans-serif; font-size: 9px; color: #6e7985; position: relative; padding-bottom: 8px } .performance-value { display: flex; align-items: baseline; font-family: "Inter", sans-serif; letter-spacing: -.2px } .progress-one { border-radius: 3px } .progress-one .progress-bar+.progress-bar { border-left: 1.5px solid #fff } .table-three { margin-bottom: 0 } .table-three tbody td { vertical-align: middle; border-color: #f3f5f9; padding: 5px } .table-three tbody td:first-child { padding-left: 0 } .table-three tbody td:last-child { padding-right: 0 } .table-three tbody td:nth-child(2), .table-three tbody td:nth-child(3) { font-weight: 500; color: #212830 } .table-three tbody td:nth-child(3), .table-three tbody td:last-child { text-align: right; font-family: "Inter", sans-serif } .table-three .badge-dot { display: inline-block; width: 12px; height: 12px; position: relative; transform: translateY(1px) } .table-three .badge-dot::before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 100%; background-color: #fff; z-index: 5; top: 3px; left: 3px } .vmap-one { height: 200px } @media (min-width: 768px) { .vmap-one { height: 300px } } @media (min-width: 1200px) { .vmap-one { height: 350px } } .table-four { margin-bottom: 0 } .table-four thead th { background-color: #f8f9fc; padding-left: 10px; padding-right: 10px } .table-four thead tr:first-child th { text-align: center } .table-four thead tr:last-child th:not(:first-child) { text-align: right } .table-four tbody td { padding-left: 10px; padding-right: 10px; white-space: nowrap } .table-four tbody td:not(:first-child) { font-family: "Inter", sans-serif; text-align: right } .table-five { margin-bottom: 0 } .table-five tbody td { vertical-align: center; padding-top: 7px; padding-bottom: 7px; padding-right: 0; border-color: #f3f5f9 } .table-five tbody td:first-child { padding-left: 0 } .table-five tbody td:not(:first-child) { font-family: "Inter", sans-serif; text-align: right } .table-five tbody td>div { display: flex; align-items: center; grid-gap: 5px } .table-five tbody tr:last-child td { border-bottom-width: 0 } .chart-donut-one { height: 180px } @media (min-width: 1200px) { .chart-donut-one { height: 215px } } .flot-chart-three { height: 195px; position: relative; left: -30px; width: calc(100% + 60px); overflow: hidden } .flot-chart-three .flot-tick-label { text-transform: uppercase; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 500; color: #6e7985; letter-spacing: .2px; opacity: .75 } .list-group-one .list-group-item { border-left-width: 0; border-right-width: 0 } .list-group-one .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; border-top-width: 0; padding-top: 0 } .list-group-one .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-width: 0 } .list-group-one .avatar { display: flex; align-items: center; justify-content: center; font-size: 20px } .bg-litecoin { background-color: #325a98 } .news-item { position: relative } @media (min-width: 576px) { .news-item { display: flex } } .news-item+.news-item { margin-top: 15px; padding-top: 15px; border-top: 1px solid #f3f5f9 } .news-img { width: 100%; height: 140px; flex-shrink: 0; margin-bottom: 15px } @media (min-width: 576px) { .news-img { width: 150px; height: 100px; margin-bottom: 0; margin-right: 15px } } .news-img img { border-radius: 4px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news-body { flex: 1 } .news-title { line-height: 1.3; font-size: 15px } .crypto-item { display: flex; align-items: center; position: absolute; top: 15px; left: 15px } .crypto-item .avatar { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 21px; margin-right: 10px; width: 40px; height: 40px } .crypto-body { flex: 1 } .crypto-body .card-label { display: block; font-size: .75rem; font-weight: 500; margin-bottom: 2px; color: #6e7985 } .crypto-body .card-value { margin-bottom: 0; font-size: 15px } .flot-chart-four { width: calc(100% + 48px); height: 100px; position: relative; left: -25px } .flot-chart-four .flot-tick-label { font-family: "Inter", sans-serif; font-size: 8px; color: #9ea7b1 } .card-footer-crypto { border-top-width: 0; display: flex; align-items: center; grid-gap: 15px; font-size: 11px; font-weight: 500; color: #6e7985 } .card-footer-crypto strong { font-weight: 600; font-family: "Inter", sans-serif; color: #212830 } .flot-chart-five { width: calc(100% + 15px); height: 120px; position: relative; left: -8px; margin-top: -20px } .flot-chart-five .flot-tick-label { font-size: 8px; font-family: "Inter", sans-serif; font-weight: 500; color: #6e7985 } .finance-info { position: absolute; top: 0; left: 0; right: 0; z-index: 5; border-top-left-radius: inherit; border-top-right-radius: inherit; background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0)) } .finance-value { font-family: "Inter", sans-serif; font-size: 32px; letter-spacing: -1px; color: #212830; text-indent: -2px } @media (min-width: 1200px) { .finance-value { font-size: 40px } } .finance-value span { font-weight: 300; color: #41505f } .finance-subvalue { display: flex; align-items: center; grid-gap: 3px; font-size: 20px } .finance-subvalue span { font-family: "Inter", sans-serif; letter-spacing: -.2px } .finance-subvalue small, .finance-subvalue .small { font-size: 18px; font-weight: 400; align-self: flex-end; margin-bottom: .5px; color: #41505f } .flot-chart-six { height: 400px; position: relative; left: -30px; width: calc(100% + 56px) } @media (min-width: 1200px) { .flot-chart-six { height: 100% } } .flot-chart-six .flot-tick-label { text-transform: uppercase; font-size: 9px; font-family: "Archivo", sans-serif; font-weight: 500; letter-spacing: .5px; color: #6e7985 } .nav-finance-one { position: absolute; top: 0; right: 0; z-index: 10; font-family: "Inter", sans-serif; font-size: .8125rem } .nav-finance-one a { color: #6e7985; letter-spacing: -.2px } .nav-finance-one a.active { font-weight: 500; color: var(--bs-primary); text-decoration: underline } .nav-finance-one a+a { margin-left: 10px } .flot-chart-seven { position: relative; width: calc(100% + 12px); height: 90px; left: -5px } .card-wallet { position: relative; overflow: hidden } .card-wallet .card-body { padding: 23px 25px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; z-index: 5 } .card-wallet .card-body h5, .card-wallet .card-body .h5 { font-weight: 500; color: #212830 } .card-wallet .card-title { font-size: 12px; font-family: "Inter", sans-serif; display: block } .card-wallet .finance-icon { position: absolute; top: 5px; right: 24px; display: flex; align-items: center } .card-wallet .finance-icon i { line-height: 1; color: #506fd9 } .card-wallet .finance-icon i:first-child { font-size: 42px } .card-wallet .finance-icon i:last-child { font-size: 58px } .card-wallet .finance-icon i+i { margin-left: 5px } .card-wallet .card-value { color: #212830; letter-spacing: -.5px; text-indent: -1px } .card-wallet .card-value span { font-weight: 300 } .card-wallet .badge-dot { background-color: #212830; color: #212830 } .card-wallet .flot-chart { width: calc(100% + 18px); height: 200px; position: relative; left: -10px } @media (min-width: 576px) { .card-wallet .flot-chart { height: 230px } } @media (min-width: 768px) { .card-wallet .flot-chart { height: 100% } } @media (min-width: 1200px) { .card-wallet .flot-chart { height: 100% } } .flot-chart-eight { position: relative; height: 200px; width: calc(100% + 15px); left: -5px } .flot-chart-eight .flot-tick-label { font-weight: 500 } .flot-chart-eight .flot-y-axis .flot-tick-label { font-size: 10px; font-family: "Inter", sans-serif } .flot-chart-eight .flot-x-axis .flot-tick-label { letter-spacing: .2px; text-transform: uppercase; font-size: 9px; font-family: "Archivo", sans-serif; color: #6e7985 } .progress-finance { height: 80px; border-radius: 2px } .progress-finance .progress-bar { font-size: .875rem } .progress-finance .progress-bar:nth-child(2) { background-color: #85b6ff } .progress-finance .progress-bar:last-child { background-color: #4c5366 } .flot-chart-nine { width: calc(100% + 10px); height: 200px; position: relative; left: -5px; top: -5px } @media (min-width: 768px) { .flot-chart-nine { height: calc(100% + 10px) } } .flot-chart-nine .flot-tick-label { font-family: "Inter", sans-serif; font-weight: 500; text-transform: uppercase } .flot-chart-nine .flot-y-axis { font-size: 10px } .flot-chart-nine .flot-x-axis { font-size: 9px; color: #9ea7b1 } .finance-peity-donut { height: 290px } @media (min-width: 1200px) { .finance-peity-donut { height: 100% } } .finance-donut-value { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center } .finance-donut-value h1, .finance-donut-value .h1 { font-weight: 600; font-family: "Inter", sans-serif; letter-spacing: -1px; margin-bottom: 0 } .finance-donut-value p { font-family: "Inter", sans-serif; margin-bottom: 0; color: #6e7985 } .finance-item-circle { margin: auto; width: 120px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100%; background-color: #f3f5f9 } @media (min-width: 1200px) { .finance-item-circle { width: 150px; height: 150px } } .finance-item-circle h1, .finance-item-circle .h1 { font-family: "Inter", sans-serif; font-weight: 600; color: #212830; margin-bottom: 0 } .finance-item-circle label { display: block; font-size: .8125rem; font-weight: 500; color: #212830 } .helpdesk-icon { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; border-radius: 8px } .helpdesk-icon i { font-size: 36px } .chartjs-one { height: 250px; position: relative } .chartjs-two { height: 250px } @media (min-width: 1200px) { .chartjs-two { height: 100% } } .flot-chart-ten { position: relative; width: calc(100% + 16px); height: 240px; left: -8px; bottom: -8px } @media (min-width: 768px) { .flot-chart-ten { height: calc(100% + 8px); bottom: auto } } .peity-two { position: relative } .peity-two>div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center } .table-ratings tbody td { font-family: "Inter", sans-serif; vertical-align: middle; padding-left: 2px; padding-right: 2px; border-color: #f3f5f9 } .table-ratings tbody td:first-child { padding-left: 0 } .table-ratings tbody td:last-child { padding-right: 0 } .table-ratings tbody td strong { font-weight: 500; color: #313c47 } .table-ratings tbody td i { line-height: 1 } .table-ratings tbody td:nth-child(3), .table-ratings tbody td:last-child { text-align: right } .table-ratings tbody td:nth-child(3) { font-weight: 500; color: #212830 } .table-ratings tbody tr:last-child td { border-bottom-width: 0; padding-bottom: 0 } .flot-chart-eleven { position: relative; height: 200px; width: calc(100% + 16px); left: -8px } .flot-chart-eleven .flot-tick-label { text-transform: uppercase; font-family: "Inter", sans-serif; font-size: 10px; font-weight: 500; color: #6e7985 } .table-agent { white-space: nowrap } .table-agent thead th { vertical-align: middle; font-size: .8125rem } .table-agent thead th:first-child { width: 3% } .table-agent thead th:nth-child(2) { width: 9% } .table-agent thead th:nth-child(3) { width: 28% } .table-agent tbody td { vertical-align: middle; border-color: #f3f5f9 } .table-agent tbody td:last-child { text-align: right } .table-agent tbody tr:last-child td { border-bottom-width: 0 } .table-agent .form-check { margin-bottom: 0 } .table-agent .link-more { display: flex; font-size: 18px; line-height: 1; color: #6e7985 } .table-agent .badge { display: block } .table-agent h6, .table-agent .h6 { color: #313c47 } .card-ticket-earnings { overflow: hidden } .card-ticket-earnings .card-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5 } .flot-chart-twelve { position: relative; width: calc(100% + 35px); height: 380px; left: -25px; bottom: -25px } @media (min-width: 576px) { .flot-chart-twelve { height: 340px } } @media (min-width: 1200px) { .flot-chart-twelve { height: 100% } } .card-ticket-available { overflow: hidden } .card-ticket-available .card-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5 } .card-ticket-available .flot-chart { height: 200px } @media (min-width: 576px) { .card-ticket-available .flot-chart { height: 170px } } .card-ticket-sold { position: relative; overflow: hidden } .card-ticket-sold .card-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5 } .card-ticket-sold .flot-chart { width: calc(100% + 16px); height: 210px; position: relative; left: -8px; bottom: -8px } .chartjs-three { height: 270px } @media (min-width: 1200px) { .chartjs-three { height: 325px } } .chart-donut-two { height: 225px } .card-events-category .card-value { display: flex; align-items: baseline; letter-spacing: -1px } .card-events-category .card-value small, .card-events-category .card-value .small { display: inline-block; margin-bottom: 2px; padding-left: 2px; font-weight: 400; font-size: 16px; letter-spacing: normal } .events-reviews { margin: 0; padding: 0; list-style: none } .events-reviews li { padding: 12px 0; border-top: 1px solid #f3f5f9 } .events-reviews li:last-child { padding-bottom: 0 } .events-reviews .avatar { margin-right: 10px; flex-shrink: 0 } .events-reviews .review-body h6, .events-reviews .review-body .h6 { margin-bottom: 2px } .events-reviews .review-body small, .events-reviews .review-body .small { padding-left: 2px } .events-reviews p { font-size: .8125rem; color: #6e7985; line-height: 1.45; margin-bottom: 0 } .events-list { margin: 0; padding: 0; list-style: none } .events-list li { display: flex } .events-list li+li { margin-top: 10px } .events-list li.active .event-date { background-color: var(--bs-primary); color: #fff } .events-list li.active .ev-item { border-left-color: var(--bs-primary); background-color: rgba(80, 111, 217, 0.08) } .events-list li.active .ev-item h6, .events-list li.active .ev-item .h6 { color: #506fd9 } .event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 45px; height: 50px; background-color: #e2e5ec; color: #212830; border-radius: 4px; flex-shrink: 0; margin-right: 15px } .event-date small, .event-date .small { text-transform: uppercase; display: block; font-size: 10px; font-weight: 500; font-family: "Archivo", sans-serif; letter-spacing: .5px; opacity: .65; color: inherit; line-height: 1.2 } .event-date h5, .event-date .h5 { font-size: 22px; font-family: "Inter", sans-serif; font-weight: 500; letter-spacing: -1px; margin-bottom: 0 } .events-body { flex: 1 } .events-body .ev-item { padding: 5px 10px; background-color: #fbfcfe; border-left: 2px solid #6e7985 } .events-body .ev-item+.ev-item { margin-top: 2px } .events-body .ev-item small, .events-body .ev-item .small { display: block; font-family: "Inter", sans-serif; font-size: 11px; margin-bottom: 1px; color: #9ea7b1 } .events-body .ev-item h6, .events-body .ev-item .h6 { color: #212830; font-weight: 600; margin-bottom: 5px } .events-body .ev-item p { font-size: .75rem; color: #6e7985; margin-bottom: 3px; line-height: 1.4 } .flot-chart-thirteen { width: calc(100% + 16px); height: 200px; position: relative; left: -8px } @media (min-width: 1200px) { .flot-chart-thirteen { bottom: -8px } } .flot-chart-thirteen .flot-tick-label { text-transform: uppercase; font-size: 9px; font-family: "Inter", sans-serif; font-weight: 500; padding-top: 5px; white-space: nowrap; color: #6e7985 } .card-daily-trends { position: relative; overflow: hidden; padding: 20px 10px } .card-daily-trends .card-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5 } .card-daily-trends .card-value { display: flex; align-items: flex-end; margin-bottom: 0; letter-spacing: -1px } .card-daily-trends .card-value span { display: block; font-size: 18px; letter-spacing: normal; color: #6e7985; margin-left: 3px; margin-bottom: 6px } .card-daily-trends .flot-chart { position: relative; height: 235px; margin-top: 20px } @media (min-width: 768px) { .card-daily-trends .flot-chart { height: 100% } } .chart-donut-three { position: relative; height: 230px } @media (min-width: 992px) and (max-width: 1199.98px) { .chart-donut-three { height: 210px } } .card-article .card-body { padding: 20px } .card-article .card-title { color: #212830; font-weight: 600 } @media (min-width: 1400px) { .card-article .card-title { font-size: 24px } } .storage-item { display: flex; align-items: center } .storage-item+.storage-item { margin-top: 20px } .storage-item .storage-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 6px; margin-right: 15px; background-color: #f3f5f9 } .storage-item .storage-icon i { font-size: 32px } .flot-chart-fourteen { position: relative; height: 240px } @media (min-width: 1200px) { .flot-chart-fourteen { height: 100% } } .flot-chart-fourteen .flot-tick-label { font-family: "Inter", sans-serif; font-size: 11px } .flot-chart-fourteen .flot-x-axis .flot-tick-label { text-transform: uppercase; font-weight: 500; font-size: 8px } @media (min-width: 1200px) { .flot-chart-fourteen .flot-x-axis .flot-tick-label { font-size: 10px } } .card-product .card-icon { border-radius: 100%; background-color: rgba(80, 111, 217, 0.1); color: var(--bs-primary); display: flex; align-items: center } .card-product .card-label { display: block; color: #6e7985; margin-bottom: 3px } .card-product-inventory .flot-chart { height: 250px } @media (min-width: 1200px) { .card-product-inventory .flot-chart { height: 100% } } .product-wrapper { border-radius: 4px; background-color: #f8f9fc; overflow: auto } .product-wrapper+.product-wrapper { margin-top: 5px } .product-wrapper .table { margin-bottom: 0; white-space: nowrap; min-width: 620px } .product-wrapper .table td { border-width: 0; vertical-align: middle } .product-wrapper .table td:first-child { width: 5% } .product-wrapper .table td:nth-child(2) { width: 40% } .product-wrapper .table td:nth-child(3) { width: 14% } .product-thumb { width: 40px; height: 45px; background-color: #fff; border-radius: 4px; padding: 5px } .product-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .revenue-item { position: relative } .revenue-item+.revenue-item { margin-top: 20px } .revenue-item .progress { height: 5px; border-radius: 2px } .revenue-item-body { display: flex; align-items: center; margin-bottom: 10px } .revenue-item-body span:first-child { flex: 1 } .revenue-item-body span:nth-child(2) { font-weight: 500; font-family: "Inter", sans-serif; text-align: right; color: #212830 } .revenue-item-body span:last-child { font-family: "Inter", sans-serif; text-align: right; width: 45px; margin-left: 10px } .card-purchases .flot-chart { position: relative; height: 180px; width: calc(100% + 8px); left: -4px } .total-sales-body { position: absolute; top: 0; right: 0; left: 0; padding: 20px; background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.1)); z-index: 5; border-top-left-radius: 6px; border-top-right-radius: 6px } .flot-chart-fifteen { position: relative; height: 230px; width: calc(100% + 20px); left: -10px; overflow: hidden } @media (min-width: 768px) { .flot-chart-fifteen { height: 100% } } .flot-chart-fifteen .flot-tick-label { text-transform: uppercase; font-size: 9px; font-family: "Inter", sans-serif; font-weight: 500; color: #6e7985 } .product-review-footer { display: flex; align-items: center; grid-gap: 10px } .product-review-footer a { display: flex; color: #6e7985; font-size: 13px; position: relative } .product-review-footer a:hover { color: #506fd9 } .product-review-footer a+a { padding-left: 10px } .product-review-footer a+a::before { content: ''; border-left: 1px dotted #9ea7b1; position: absolute; top: 0; left: 0; bottom: 0 } .product-review-footer i { font-size: 16px; line-height: 1.2 } .page-app .main-app { min-height: 0; height: calc(100vh - 72px) } .page-app .main-footer { margin-top: 0; border-top-width: 0; display: flex; flex-direction: column; align-items: center; padding-top: 15px; padding-bottom: 5px } @media (min-width: 576px) { .page-app .main-footer { flex-direction: row; padding-top: 20px; padding-bottom: 0 } } .page-app .main-footer span+span { margin-top: 2px } @media (min-width: 576px) { .page-app .main-footer span+span { margin-top: 0 } } .page-app .header-link { line-height: 1; display: flex; align-items: center; justify-content: center; color: #6e7985; font-size: 18px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .page-app .header-link { transition: none } } .page-app .header-link:hover, .page-app .header-link:focus { color: #506fd9 } .page-app .dropdown-menu { border-color: rgba(226, 229, 236, 0.6); border-width: 0; border-radius: 6px; box-shadow: 0 1px 1px rgba(204, 210, 218, 0.25), 0 2px 2px rgba(204, 210, 218, 0.2), 0 4px 4px rgba(204, 210, 218, 0.15), 0 8px 8px rgba(204, 210, 218, 0.1), 0 16px 16px rgba(204, 210, 218, 0.05) } .page-app .dropdown-item { display: flex; align-items: center; padding: 7px 10px } .page-app .dropdown-item i { font-size: 18px; line-height: 1; margin-right: 10px } .main-file-manager { min-height: 0; height: calc(100vh - 72px); margin-top: 72px; position: relative } @media (max-width: 991.98px) { .main-file-manager.show .file-sidebar { left: 0; border-right: 1px solid rgba(226, 229, 236, 0.6) } .main-file-manager.show .file-content { transform: translateX(230px) } } .file-sidebar { position: absolute; top: 0; left: -230px; bottom: 0; width: 230px; overflow: hidden; padding: 20px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .file-sidebar { transition: none } } @media (min-width: 992px) { .file-sidebar { left: 0; border-right: 1px solid rgba(226, 229, 236, 0.6) } } .file-sidebar .nav-link { border-radius: 4px; padding-left: 10px; padding-right: 10px } .file-sidebar .nav-link:hover { background-color: #f3f5f9 } .file-sidebar .nav-link.active { background-color: rgba(80, 111, 217, 0.1) } .file-sidebar .nav-link+.nav-link { margin-top: 1px } .file-sidebar .sidebar-label { padding: 0 } .sidebar-storage { display: flex; align-items: center } .sidebar-storage>i { font-size: 32px; line-height: 1 } .sidebar-storage .storage-info { font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; color: #6e7985; margin-bottom: 2px } .sidebar-storage .progress { height: 3px } .file-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .file-content { transition: none } } @media (min-width: 992px) { .file-content { left: 230px } } .file-content .table-responsive { margin: 0 -15px; padding: 0 15px } .card-file .dropdown-file, .card-folder .dropdown-file { position: absolute; top: 10px; right: 10px } .card-file .dropdown-link, .card-folder .dropdown-link { font-size: 16px; color: #6e7985 } .card-file .dropdown-item, .card-folder .dropdown-item { font-size: .8125rem; padding-left: 8px } .card-file { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07); padding: 10px; position: relative; height: 100% } .card-file .card-file-icon { width: 100%; height: 120px; background-color: #f3f5f9; display: flex; align-items: center; justify-content: center; font-size: 48px; border-radius: 3px } .card-file .card-file-icon.danger { color: #dc3545; background-color: rgba(220, 53, 69, 0.08) } .card-file .card-file-icon.primary { color: var(--bs-primary); background-color: rgba(80, 111, 217, 0.08) } .card-file .card-file-icon.info { color: #0dcaf0; background-color: rgba(13, 202, 240, 0.08) } .card-file .card-file-icon.success { color: #0cb785; background-color: rgba(12, 183, 133, 0.08) } .card-file .card-body { padding: 0; margin-top: 10px } .card-file .card-body h6, .card-file .card-body .h6 { margin-bottom: 5px; font-size: .8125rem } @media (min-width: 576px) { .card-file .card-body h6, .card-file .card-body .h6 { font-size: .875rem } } .card-file .card-body h6 a, .card-file .card-body .h6 a { color: #212830 } .card-file .card-body span { display: block; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985; text-transform: uppercase; margin-bottom: 10px } .card-file .card-footer { background-color: transparent; border-top-width: 0; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 0; color: #6e7985 } .card-folder { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07); position: relative } .card-folder .dropdown-file { top: 2px; right: 0 } .card-folder .card-body { display: flex; align-items: center; padding: 8px } @media (min-width: 576px) { .card-folder .card-body { padding: 10px } } .card-folder .card-body>i { font-size: 40px; line-height: .75; color: var(--bs-primary); margin-right: 8px } @media (min-width: 576px) { .card-folder .card-body>i { font-size: 48px; margin-right: 10px } } .card-folder .card-body h6, .card-folder .card-body .h6 { margin-bottom: 2px; font-size: .8125rem; width: inherit } @media (min-width: 576px) { .card-folder .card-body h6, .card-folder .card-body .h6 { font-size: .875rem } } .card-folder .card-body h6 a, .card-folder .card-body .h6 a { color: #212830; display: block; width: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .card-folder .card-body span { display: block; font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985 } @media (min-width: 576px) { .card-folder .card-body span { font-size: .75rem } } .card-folder .card-content { flex: 1; max-width: calc(100% - 55px) } @media (min-width: 576px) { .card-folder .card-content { max-width: calc(100% - 60px) } } .table-files { border-collapse: separate; border-spacing: 0 5px; font-size: .8125rem; min-width: 520px } .table-files thead th:nth-child(2), .table-files thead th:nth-child(3), .table-files tbody td:nth-child(2), .table-files tbody td:nth-child(3) { text-align: right } .table-files thead th { font-weight: 400; font-size: .8125rem; color: #6e7985; padding-top: 0; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; border-bottom: 0 } .table-files thead th:first-child { width: 55% } .table-files thead th:nth-child(2) { width: 20% } .table-files thead th:nth-child(3) { width: 15% } .table-files thead th:last-child { width: 10% } .table-files tbody tr { border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .table-files tbody tr td { border-bottom: 0; background-color: #fff; padding: 10px; vertical-align: middle; border: 1px solid transparent } .table-files tbody tr td:not(:first-child) { border-left-width: 0 } .table-files tbody tr td:not(:last-child) { border-right-width: 0 } .table-files tbody tr td:first-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit } .table-files tbody tr td:nth-child(2), .table-files tbody tr td:nth-child(3) { text-align: right } .table-files tbody tr td:last-child { text-align: right; border-top-right-radius: inherit; border-bottom-right-radius: inherit } .table-files .dropdown-link { line-height: 1; font-size: 18px; color: #6e7985; display: flex; align-items: center; justify-content: flex-end } .table-files .media { display: flex; align-items: center } .table-files .media-icon { margin-right: 10px; font-size: 24px; color: #6e7985; line-height: 1 } .table-files .media-icon.primary { color: #506fd9 } .table-files .media-icon.success { color: #0cb785 } .table-files .media-icon.orange { color: #fd7e14 } .table-files .media-icon.danger { color: #dc3545 } .table-files .file-name { margin-bottom: 0 } .table-files .file-name a { color: #212830 } .menu-file-manager { display: flex; align-items: center; font-size: 20px; color: #6e7985; margin-right: 10px } @media (min-width: 992px) { .menu-file-manager { display: none } } .main-email { min-height: 0; height: calc(100vh - 72px); margin-top: 72px; position: relative } @media (max-width: 767.98px) { .main-email.show { overflow: hidden } .main-email.show .email-sidebar { left: 0; border-right: 1px solid rgba(226, 229, 236, 0.6) } .main-email.show .email-list { transform: translateX(230px) } } @media (max-width: 1199.98px) { .main-email.show-content .email-list { display: none } .main-email.show-content .email-content { display: block } } .email-sidebar { position: absolute; top: 0; left: -230px; bottom: 0; width: 230px; overflow: hidden; padding: 20px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .email-sidebar { transition: none } } @media (min-width: 768px) { .email-sidebar { left: 0; border-right: 1px solid rgba(226, 229, 236, 0.6) } } .email-sidebar .nav-link { padding-left: 10px; padding-right: 10px; border-radius: 4px } .email-sidebar .nav-link:hover { background-color: #f3f5f9 } .email-sidebar .nav-link.active { background-color: rgba(80, 111, 217, 0.1); color: #506fd9 } .email-sidebar .nav-link+.nav-link { margin-top: 1px } .email-sidebar hr { opacity: 1; background-color: rgba(226, 229, 236, 0.6) } .email-sidebar .sidebar-label { padding: 0 } .email-menu { display: flex; align-items: center; font-size: 20px; color: #6e7985; margin-right: 10px } @media (min-width: 768px) { .email-menu { display: none } } .email-list { position: absolute !important; top: 0; bottom: 0; left: 0; width: 100vw; overflow: hidden; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .email-list { transition: none } } @media (min-width: 768px) { .email-list { left: 0px; width: 100vw; border-right: 1px solid rgba(226, 229, 236, 0.6) } } @media (min-width: 1200px) { .email-list { width: 340px } } .email-list-header { height: 56px; padding: 0 15px; display: flex; align-items: center; border-bottom: 1px solid rgba(226, 229, 236, 0.6) } @media (min-width: 768px) { .email-list-header { padding: 0 20px } } .email-list-header h5, .email-list-header .h5 { font-weight: 600; font-size: 16px; color: #212830 } .email-list-header .dropdown-link { display: flex; align-items: center; font-size: 18px; line-height: 1; color: #6e7985; width: 10px; text-indent: -4px } .email-list-header .dropdown-menu label { text-transform: uppercase; font-size: 11px; font-family: "Archivo", sans-serif; letter-spacing: .5px; color: #6e7985; padding-left: 7px; margin-bottom: 5px } .email-list-header .dropdown-item { position: relative; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; display: flex; align-items: center } .email-list-header .dropdown-item+.dropdown-item { margin-top: 1px } .email-list-header .dropdown-item::before { content: '\eb7b'; font-family: 'remixicon'; font-size: 16px; line-height: 0; position: absolute; top: 50%; left: 5px; display: none } .email-list-header .dropdown-item.active { background-color: rgba(80, 111, 217, 0.1); color: #506fd9 } .email-list-header .dropdown-item.active::before { display: block } .email-list-label { margin-bottom: 0; display: block; padding: 6px 20px; font-size: .75rem; font-weight: 500; color: #6e7985; border-bottom: 1px solid rgba(226, 229, 236, 0.6) } .email-item { padding: 15px 20px; border-bottom: 1px solid rgba(226, 229, 236, 0.6); display: flex } .email-item:hover { background-color: rgba(243, 245, 249, 0.6); cursor: pointer } .email-item:last-child { border-bottom-width: 0 } .email-item .avatar { margin-right: 12px; flex-shrink: 0 } .email-item.unread .email-item-subject { color: var(--bs-primary); font-weight: 600 } .email-item.unread .email-item-sender, .email-item.unread .email-item-summary { color: #212830; font-weight: 500 } .email-item.selected { background-color: #f1f4fc } .email-item-body { flex: 1; position: relative } .email-item-sender, .email-item-date { font-size: .75rem; color: #6e7985 } .email-item-star { display: flex; align-items: center; margin-left: 5px; color: #6e7985; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .email-item-star { transition: none } } .email-item-star:hover { color: #ffc107 } .email-item-star.active { color: #ffc107 } .email-item-star.active:hover { color: #ffc107 } .email-item-date { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin-left: auto } .email-item-summary { margin-bottom: 0; font-size: .8125rem } .email-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: none } @media (min-width: 768px) { .email-content { left: 0px } } @media (min-width: 1200px) { .email-content { left: 340px; display: block } } .email-content.show .email-content-empty { display: none } .email-content.show .email-content-header { display: flex } .email-content.show .email-content-body { display: block } .email-content-empty { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; font-weight: 300; color: rgba(110, 121, 133, 0.4) } .email-content-header { height: 56px; border-bottom: 1px solid rgba(226, 229, 236, 0.6); align-items: center; padding: 0 15px; display: none } @media (min-width: 992px) { .email-content-header { padding: 0 20px } } .email-content-header .nav { width: 100%; grid-gap: 10px } .email-content-header .nav-link { padding: 0; font-size: 20px; color: #41505f } .email-content-body { position: relative; display: none } .email-content-body hr { opacity: 1; background-color: #e2e5ec } .email-content-body .section-label { font-size: .75rem; font-family: "Archivo", sans-serif; text-transform: uppercase; color: #6e7985; letter-spacing: .5px; display: block } .email-msg-item strong { font-weight: 600 } .email-msg-item .nav-icon { align-items: center; grid-gap: 10px } .email-msg-item .nav-icon .nav-link { padding: 0; font-size: 18px; line-height: 1; color: #6e7985 } .email-msg-item .nav-icon .nav-link:hover { color: #506fd9 } .card-attachment { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-attachment .card-body { display: flex; align-items: center; position: relative; padding: 10px } .card-attachment .card-icon { width: 48px; height: 48px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-right: 10px } .card-attachment .card-icon.primary { background-color: rgba(80, 111, 217, 0.16); color: #506fd9 } .card-attachment .card-icon.success { background-color: rgba(12, 183, 133, 0.16); color: #0cb785 } .card-attachment .card-content { flex: 1; padding-right: 10px } .card-attachment .card-content h6, .card-attachment .card-content .h6 { font-weight: 600; margin-bottom: 5px } .card-attachment .card-content h6 a, .card-attachment .card-content .h6 a { color: #212830 } .card-attachment .card-content h6 a:hover, .card-attachment .card-content .h6 a:hover { color: #506fd9 } .card-attachment .card-content span { display: flex; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #9ea7b1; text-transform: uppercase } .compose-wrapper .ql-snow.ql-container { border-radius: 4px; margin-bottom: 10px } .compose-wrapper .ql-editor { border-radius: inherit; padding: 15px; font-size: .875rem; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .compose-wrapper .ql-snow.ql-toolbar { padding: 0; border-radius: 0; border: 0 } .compose { position: fixed; bottom: 0; right: 0; z-index: 800 } @media (min-width: 768px) { .compose { padding: 20px 20px 0; max-height: 100vh; overflow-y: auto } } .compose.minimize .compose-content { width: 280px } .compose.minimize .compose-body, .compose.minimize .nav-toolbar, .compose.minimize .compose-footer { display: none } .compose.fullscreen:not(.minimize) { top: 0; right: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(33, 40, 48, 0.5) } .compose.fullscreen:not(.minimize) .compose-content { width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 1px 2px rgba(49, 60, 71, 0.07), 0 2px 4px rgba(49, 60, 71, 0.07), 0 4px 8px rgba(49, 60, 71, 0.07), 0 8px 16px rgba(49, 60, 71, 0.07), 0 16px 32px rgba(49, 60, 71, 0.07), 0 32px 64px rgba(49, 60, 71, 0.07) } @media (min-width: 768px) { .compose.fullscreen:not(.minimize) .compose-content { width: 80% } } .compose.fullscreen:not(.minimize) .nav-link-fullscreen i:first-child { display: none } .compose.fullscreen:not(.minimize) .nav-link-fullscreen i:last-child { display: block } .compose-content { position: relative; width: 100vw; height: 100vh; display: flex; flex-direction: column } @media (min-width: 768px) { .compose-content { width: 498px; height: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 1px 2px rgba(158, 167, 177, 0.07), 0 2px 4px rgba(158, 167, 177, 0.07), 0 4px 8px rgba(158, 167, 177, 0.07), 0 8px 16px rgba(158, 167, 177, 0.07), 0 16px 32px rgba(158, 167, 177, 0.07), 0 32px 64px rgba(158, 167, 177, 0.07) } } @media (min-width: 1200px) { .compose-content { width: 520px } } .compose-header { height: 48px; padding: 0 15px; background-color: #212830; color: #fff; display: flex; align-items: center; border-top-left-radius: inherit; border-top-right-radius: inherit; cursor: pointer } .compose-header h6, .compose-header .h6 { flex: 1; font-weight: 400; font-size: 14px; margin-bottom: 0 } .compose-header .nav { margin-top: 1.5px; margin-left: 10px; align-items: center } .compose-header .nav-link { padding: 0; font-size: 18px; color: rgba(255, 255, 255, 0.75); line-height: 1 } .compose-header .nav-link:not(:last-child) { display: none } @media (min-width: 768px) { .compose-header .nav-link:not(:last-child) { display: block } } .compose-header .nav-link+.nav-link { margin-left: 8px } .compose-header .nav-link-fullscreen i:last-child { display: none } .compose-body { flex: 1; background-color: #fff; border-bottom: 1px solid rgba(226, 229, 236, 0.6); padding: 20px; display: flex; flex-direction: column } .compose-body .form-group+.form-group { margin-top: 15px } .compose-body .form-group:last-child { flex: 1 } .compose-body input.form-control, .compose-body input.gridjs-input { font-size: 14px; padding: 0 0 12px; border-radius: 0; border-width: 0 0 1px; border-bottom-color: #f3f5f9; color: #212830 } .compose-body input.form-control::-moz-placeholder, .compose-body input.gridjs-input::-moz-placeholder { color: #6e7985; text-shadow: none } .compose-body input.form-control::placeholder, .compose-body input.gridjs-input::placeholder { color: #6e7985; text-shadow: none } .compose-body input.form-control:focus, .compose-body input.gridjs-input:focus { box-shadow: none } .compose-body textarea.form-control, .compose-body textarea.gridjs-input { padding: 0; font-size: 14px; border-radius: 0; border-width: 0; color: #212830; resize: none; height: 100% } .compose-body textarea.form-control:focus, .compose-body textarea.gridjs-input:focus { box-shadow: none } .nav-toolbar { align-items: center; padding: 10px; background-color: #fff } .nav-toolbar .nav-link { padding: 0; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; color: #41505f; border-radius: 4px } @media (min-width: 768px) { .nav-toolbar .nav-link { width: 32px; height: 32px } } .nav-toolbar .nav-link:hover, .nav-toolbar .nav-link:focus { background-color: rgba(243, 245, 249, 0.65); color: #212830 } .nav-toolbar .nav-link i { font-size: 16px; line-height: 1 } @media (min-width: 768px) { .nav-toolbar .nav-link i { font-size: 18px } } .nav-toolbar .nav-link:last-child { width: 20px } .nav-toolbar .nav-separator { display: block; margin: 0 4px; width: 1px; height: 18px; background-color: #f3f5f9 } .compose-footer { background-color: #fff; border-top: 1px solid rgba(226, 229, 236, 0.6); padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .compose-footer .btn-icontext { padding-left: 15px; padding-right: 15px } .compose-footer .btn-icontext i { font-size: 16px } .chat-panel { background-color: #fff; border-radius: 6px; position: relative; height: calc(100vh - 145px); box-shadow: 0 1px 2px rgba(195, 202, 212, 0.07), 0 2px 4px rgba(195, 202, 212, 0.07), 0 4px 8px rgba(195, 202, 212, 0.07), 0 8px 16px rgba(195, 202, 212, 0.07), 0 16px 32px rgba(195, 202, 212, 0.07), 0 32px 64px rgba(195, 202, 212, 0.07) } @media (min-width: 992px) { .chat-panel { height: calc(100vh - 155px) } } @media (max-width: 767.98px) { .chat-panel.msg-show .chat-sidebar { display: none } .chat-panel.msg-show .chat-body { display: block } } .chat-sidebar { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; border-bottom-left-radius: inherit; border-top-left-radius: inherit; background-color: #fbfcfe } @media (min-width: 768px) { .chat-sidebar { width: 280px; border-right: 1px solid rgba(226, 229, 236, 0.6) } } @media (min-width: 1200px) { .chat-sidebar { width: 300px } } .chat-sidebar .sidebar-header { background-color: #fff; border-top-left-radius: inherit; border-top-right-radius: inherit; padding: 20px; height: auto; border-bottom-color: rgba(226, 229, 236, 0.6) } .chat-sidebar .sidebar-title { font-size: 16px; font-weight: 600; color: #212830; margin-bottom: 0 } .chat-sidebar .sidebar-body { padding: 20px 10px 10px; height: calc(100% - 60px); position: relative; overflow: hidden } .chat-contacts { padding: 0 10px } @media (min-width: 768px) { .chat-contacts .avatar { width: 32px; height: 32px } } @media (min-width: 1200px) { .chat-contacts .avatar { width: 36px; height: 36px } } .chat-group, .contact-group { position: relative } .chat-group .chat-item, .contact-group .chat-item, .chat-group .contact-item, .contact-group .contact-item { display: flex; align-items: center; padding: 10px; border-radius: 4px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .chat-group .chat-item, .contact-group .chat-item, .chat-group .contact-item, .contact-group .contact-item { transition: none } } .chat-group .chat-item:hover, .contact-group .chat-item:hover, .chat-group .contact-item:hover, .contact-group .contact-item:hover { background-color: #f3f5f9; cursor: pointer } .chat-group .chat-item+.chat-item, .contact-group .chat-item+.chat-item, .chat-group .contact-item+.chat-item, .contact-group .contact-item+.chat-item, .chat-group .chat-item+.contact-item, .contact-group .chat-item+.contact-item, .chat-group .contact-item+.contact-item, .contact-group .contact-item+.contact-item { margin-top: 1px } .chat-group .chat-item.unread .chat-item-body h6, .contact-group .chat-item.unread .chat-item-body h6, .chat-group .unread.contact-item .chat-item-body h6, .contact-group .unread.contact-item .chat-item-body h6, .chat-group .chat-item.unread .contact-item-body h6, .contact-group .chat-item.unread .contact-item-body h6, .chat-group .unread.contact-item .contact-item-body h6, .contact-group .unread.contact-item .contact-item-body h6, .chat-group .chat-item.unread .chat-item-body .h6, .contact-group .chat-item.unread .chat-item-body .h6, .chat-group .unread.contact-item .chat-item-body .h6, .contact-group .unread.contact-item .chat-item-body .h6, .chat-group .chat-item.unread .contact-item-body .h6, .contact-group .chat-item.unread .contact-item-body .h6, .chat-group .unread.contact-item .contact-item-body .h6, .contact-group .unread.contact-item .contact-item-body .h6 { font-weight: 600; position: relative; letter-spacing: -.2px } .chat-group .chat-item.unread .chat-item-body h6::after, .contact-group .chat-item.unread .chat-item-body h6::after, .chat-group .unread.contact-item .chat-item-body h6::after, .contact-group .unread.contact-item .chat-item-body h6::after, .chat-group .chat-item.unread .contact-item-body h6::after, .contact-group .chat-item.unread .contact-item-body h6::after, .chat-group .unread.contact-item .contact-item-body h6::after, .contact-group .unread.contact-item .contact-item-body h6::after, .chat-group .chat-item.unread .chat-item-body .h6::after, .contact-group .chat-item.unread .chat-item-body .h6::after, .chat-group .unread.contact-item .chat-item-body .h6::after, .contact-group .unread.contact-item .chat-item-body .h6::after, .chat-group .chat-item.unread .contact-item-body .h6::after, .contact-group .chat-item.unread .contact-item-body .h6::after, .chat-group .unread.contact-item .contact-item-body .h6::after, .contact-group .unread.contact-item .contact-item-body .h6::after { content: ''; position: absolute; top: calc(50% - 2px); right: -12px; width: 6px; height: 6px; background-color: var(--bs-primary); border-radius: 100% } .chat-group .chat-item.unread .chat-item-body span, .contact-group .chat-item.unread .chat-item-body span, .chat-group .unread.contact-item .chat-item-body span, .contact-group .unread.contact-item .chat-item-body span, .chat-group .chat-item.unread .contact-item-body span, .contact-group .chat-item.unread .contact-item-body span, .chat-group .unread.contact-item .contact-item-body span, .contact-group .unread.contact-item .contact-item-body span { font-weight: 500; color: #506fd9 } .chat-group .chat-item.selected, .contact-group .chat-item.selected, .chat-group .selected.contact-item, .contact-group .selected.contact-item { background-color: rgba(80, 111, 217, 0.1) } .chat-group .chat-item.selected .avatar-initial, .contact-group .chat-item.selected .avatar-initial, .chat-group .selected.contact-item .avatar-initial, .contact-group .selected.contact-item .avatar-initial { background-color: var(--bs-primary); color: #fff } .chat-group .chat-item.selected .chat-item-body h6, .contact-group .chat-item.selected .chat-item-body h6, .chat-group .selected.contact-item .chat-item-body h6, .contact-group .selected.contact-item .chat-item-body h6, .chat-group .chat-item.selected .contact-item-body h6, .contact-group .chat-item.selected .contact-item-body h6, .chat-group .selected.contact-item .contact-item-body h6, .contact-group .selected.contact-item .contact-item-body h6, .chat-group .chat-item.selected .chat-item-body .h6, .contact-group .chat-item.selected .chat-item-body .h6, .chat-group .selected.contact-item .chat-item-body .h6, .contact-group .selected.contact-item .chat-item-body .h6, .chat-group .chat-item.selected .contact-item-body .h6, .contact-group .chat-item.selected .contact-item-body .h6, .chat-group .selected.contact-item .contact-item-body .h6, .contact-group .selected.contact-item .contact-item-body .h6 { color: #506fd9 } .chat-group .avatar-initial, .contact-group .avatar-initial { background-color: #ccd2da; color: #41505f } .chat-group .chat-item-body, .contact-group .chat-item-body, .chat-group .contact-item-body, .contact-group .contact-item-body { padding-left: 10px; flex: 1; width: calc(100% - 46px) } .chat-group .chat-item-body h6, .contact-group .chat-item-body h6, .chat-group .contact-item-body h6, .contact-group .contact-item-body h6, .chat-group .chat-item-body .h6, .contact-group .chat-item-body .h6, .chat-group .contact-item-body .h6, .contact-group .contact-item-body .h6 { color: #212830; margin-bottom: 2px } .chat-group .chat-item-body span, .contact-group .chat-item-body span, .chat-group .contact-item-body span, .contact-group .contact-item-body span { display: block; font-size: .75rem; color: #6e7985; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .chat-group .chat-item-body strong, .contact-group .chat-item-body strong, .chat-group .contact-item-body strong, .contact-group .contact-item-body strong { font-weight: 600 } .chat-group .chat-item-body small, .contact-group .chat-item-body small, .chat-group .contact-item-body small, .contact-group .contact-item-body small, .chat-group .chat-item-body .small, .contact-group .chat-item-body .small, .chat-group .contact-item-body .small, .contact-group .contact-item-body .small { font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985 } .chat-body { height: 100%; display: none; border-top-right-radius: inherit; border-bottom-right-radius: inherit } @media (min-width: 768px) { .chat-body { display: block; margin-left: 280px } } @media (min-width: 1200px) { .chat-body { margin-left: 300px } } .chat-body .nav-icon { align-items: center } .chat-body .nav-icon .nav-link { padding: 0; color: #6e7985; font-size: 18px; line-height: 1; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .chat-body .nav-icon .nav-link { transition: none } } .chat-body .nav-icon .nav-link:hover, .chat-body .nav-icon .nav-link:focus { color: var(--bs-primary); transform: scale(1.1) } .chat-body .nav-icon .nav-link+.nav-link { margin-left: 10px } .chat-body .nav-icon .ri-close-fill { font-size: 24px } .chat-body-header, .chat-body-footer { background-color: #fff; height: 60px; display: flex; align-items: center; padding: 0 15px } .chat-body-header { border-bottom: 1px solid rgba(226, 229, 236, 0.6); border-top-right-radius: inherit } .chat-body-footer { border-top: 1px solid rgba(226, 229, 236, 0.6); border-bottom-right-radius: inherit } .chat-body-header .chat-item, .chat-body-header .contact-item { display: flex; align-items: center } .chat-body-header .avatar { margin-right: 10px } @media (min-width: 992px) { .chat-body-header .avatar { width: 40px; height: 40px } } .chat-body-header .chat-item-body h6, .chat-body-header .contact-item-body h6, .chat-body-header .chat-item-body .h6, .chat-body-header .contact-item-body .h6 { font-weight: 600; color: #212830 } .chat-body-header .chat-item-body span, .chat-body-header .contact-item-body span { display: block; color: #6e7985; font-size: 12px } .chat-body-footer .nav-icon .nav-link+.nav-link { margin-left: 5px } .chat-body-content { height: calc(100% - 120px); padding: 15px; position: relative; overflow: hidden } .chat-body-content .nav-icon { display: none } .chat-body-content .divider:first-child { margin-top: 0 } .msg-box { flex: 1; margin: 0 15px; display: flex; align-items: center; position: relative } .msg-box .form-control, .msg-box .gridjs-input { background-color: #f3f5f9; border-color: transparent; border-radius: 4px; padding-right: 24px; transition: none } .msg-box .form-control:focus, .msg-box .gridjs-input:focus { box-shadow: none; border-color: #e2e5ec; background-color: #fff } .msg-send { display: block; font-size: 18px; color: #6e7985; position: absolute; top: 5px; right: 8px } .msg-item { display: flex } .msg-item+.msg-item { margin-top: 20px } .msg-item.reverse { flex-direction: row-reverse } .msg-item.reverse .msg-body { align-items: flex-end } .msg-item.reverse .row { flex-direction: row-reverse } .msg-item.reverse .msg-bubble { background-color: var(--bs-primary); color: #fff } .msg-item.reverse .msg-bubble span { color: rgba(255, 255, 255, 0.6) } .msg-item.reverse+.reverse { margin-top: 5px } .msg-item .avatar { margin-right: 10px; flex-shrink: 0 } .msg-item .msg-body { position: relative; flex: 1; display: flex; flex-direction: column } .msg-item .row { align-items: center; flex-wrap: nowrap; max-width: calc(100% - 46px) } .msg-item .row+.row { margin-top: 5px } .msg-item .row.nav-show .nav-icon { display: flex } .msg-item .nav-icon .nav-link { font-size: 18px } .msg-item .nav-icon .nav-link+.nav-link { margin-left: 5px } .msg-bubble { padding: 12px 15px; background-color: #f3f5f9; border-radius: 6px; line-height: 1.42 } .msg-bubble span { display: block; margin-top: 5px; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #9ea7b1; text-align: right } .contact-panel { position: relative; height: calc(100vh - 145px); display: flex } @media (min-width: 992px) { .contact-panel { height: calc(100vh - 155px) } } @media (max-width: 1199.98px) { .contact-panel.sidebar-show { overflow: hidden } .contact-panel.sidebar-show .contact-sidebar { left: 0; opacity: 1; visibility: visible } .contact-panel.sidebar-show .contact-body { transform: translateX(226px) } } @media (max-width: 767.98px) { .contact-panel.contact-show .contact-list { display: none } .contact-panel.contact-show .contact-content { display: block } } .contact-sidebar { width: 210px; height: 100%; position: absolute; top: 0; left: -234px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .contact-sidebar { transition: none } } @media (min-width: 1200px) { .contact-sidebar { position: relative; display: block; padding-right: 12px; margin-right: 12px; opacity: 1; visibility: visible; left: 0 } } .contact-sidebar .nav-sidebar .nav-link { padding-left: 10px; padding-right: 10px; border-radius: 4px } .contact-sidebar .nav-sidebar .nav-link:hover { background-color: #f3f5f9 } .contact-sidebar .nav-sidebar .nav-link.active { background-color: rgba(80, 111, 217, 0.08) } .contact-sidebar .nav-sidebar .nav-link+.nav-link { margin-top: 1px } .contact-sidebar .nav-sidebar .nav-link small, .contact-sidebar .nav-sidebar .nav-link .small { margin-left: auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 12px; font-weight: 400; color: #9ea7b1 } .contact-sidebar hr { opacity: .1 } .btn-contact-new { width: 100%; display: flex; align-items: center; justify-content: center } .btn-contact-new i { font-size: 16px; line-height: 1.2; margin-right: 2px; margin-top: .5px } .contact-body { flex: 1; height: 100%; background-color: #fff; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07); border-radius: 6px; position: relative; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .contact-body { transition: none } } .contact-list { width: 100%; position: absolute; top: 0; left: 0; bottom: 0 } @media (min-width: 768px) { .contact-list { width: 280px; border-right: 1px solid rgba(226, 229, 236, 0.6) } } .contact-list-header { height: 60px; background-color: #fff; border-top-left-radius: 6px; border-top-right-radius: inherit; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid rgba(226, 229, 236, 0.6); display: flex; align-items: center } @media (min-width: 1200px) { .contact-list-header { padding-left: 20px } } .contact-list-header .sidebar-title { font-size: 16px; font-weight: 600; color: #212830; margin-bottom: 0 } .contact-menu { display: flex; align-items: center; font-size: 21px; margin-right: 10px; color: #6e7985 } .contact-list-body { height: calc(100% - 60px); padding: 10px; position: relative; overflow: hidden } .contact-list-body .sidebar-label:first-child { margin-top: 5px } .contact-item { position: relative } .contact-item:hover .nav-icon, .contact-item:focus .nav-icon { display: flex } .contact-item .nav-icon { position: absolute; right: 10px; display: none } .contact-item .nav-link { font-size: 16px; color: #9ea7b1; padding: 0 } .contact-item .nav-link+.nav-link { margin-left: 5px } .contact-item .nav-link:hover { color: #41505f } .contact-item-body span { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: .8125rem } .contact-content { display: none; height: 100%; overflow: hidden; position: relative; padding: 20px } @media (min-width: 768px) { .contact-content { margin-left: 280px; display: block } } .contact-content .avatar { width: 100px; height: 100px } .contact-content .avatar-initial { font-size: 52px; font-weight: 300 } .contact-content hr { opacity: .12 } .contact-close { position: absolute; top: 10px; right: 10px; font-size: 24px; color: #6e7985 } .contact-close:hover { color: #41505f } @media (min-width: 768px) { .contact-close { display: none } } .main-calendar { min-height: inherit; height: calc(100vh - 72px); margin-top: 72px; position: relative } @media (max-width: 1199.98px) { .main-calendar.show .calendar-sidebar { left: 0 } .main-calendar.show .calendar-body { transform: translateX(300px); padding-left: 0 } } .calendar-sidebar { position: absolute; top: 0; left: -300px; bottom: 0; width: 300px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .calendar-sidebar { transition: none } } @media (min-width: 1200px) { .calendar-sidebar { left: 0 } } .calendar-sidebar .sidebar-header { height: 86px; border-bottom-width: 0 } .calendar-sidebar .form-search { width: 100% } .calendar-sidebar .sidebar-body { height: 100%; padding: 20px; position: relative; overflow: hidden } .calendar-sidebar .sidebar-body .mutual-badge ul .avatar { width: 20px; height: 20px } .calendar-sidebar .sidebar-body .event-body h6, .calendar-sidebar .sidebar-body .event-body .h6 { margin-bottom: 5px } .calendar-sidebar .sidebar-body .event-body h6 a, .calendar-sidebar .sidebar-body .event-body .h6 a { color: #212830 } .calendar-sidebar .sidebar-body .event-body h6 a:hover, .calendar-sidebar .sidebar-body .event-body .h6 a:hover { color: #506fd9 } .calendar-sidebar .ui-datepicker .ui-datepicker-calendar th { padding-left: 6px; padding-right: 6px } @media (min-width: 1200px) { .calendar-sidebar .ui-datepicker .ui-datepicker-calendar th { padding-left: 9px; padding-right: 9px } } .calendar-sidebar .ui-datepicker .ui-datepicker-calendar td a { padding-left: 0 } @media (min-width: 1200px) { .calendar-sidebar .ui-datepicker .ui-datepicker-calendar td a { padding-left: 6px } } .nav-calendar { flex-direction: column } .nav-calendar .nav-link { padding: 0; display: flex; align-items: center; color: #41505f } .nav-calendar .nav-link+.nav-link { margin-top: 10px } .nav-calendar .nav-link.calendar span { background-color: var(--bs-primary); box-shadow: 0 0 0 2px #506fd9 } .nav-calendar .nav-link.birthday span { background-color: #0cb785; box-shadow: 0 0 0 2px #0cb785 } .nav-calendar .nav-link.holiday span { background-color: #dc3545; box-shadow: 0 0 0 2px #dc3545 } .nav-calendar .nav-link.discover span { background-color: #0dcaf0; box-shadow: 0 0 0 2px #0dcaf0 } .nav-calendar .nav-link.meetup span { background-color: #ffc107; box-shadow: 0 0 0 2px #ffc107 } .nav-calendar .nav-link.other span { background-color: #6f42c1; box-shadow: 0 0 0 2px #6f42c1 } .nav-calendar span { width: 10px; height: 10px; border-radius: 100%; border: 2px solid #fff; margin-right: 10px } .calendar-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .calendar-body { transition: none } } @media (min-width: 1200px) { .calendar-body { left: 300px; padding-left: 0 } } .calendar-body .fc-toolbar-chunk { display: flex } .calendar-body .fc-header-toolbar { display: block } @media (min-width: 768px) { .calendar-body .fc-header-toolbar { display: flex } } .calendar-body .fc-header-toolbar .fc-toolbar-chunk:first-child { justify-content: space-between; margin-bottom: 15px } @media (min-width: 768px) { .calendar-body .fc-header-toolbar .fc-toolbar-chunk:first-child { margin-bottom: 0 } } .calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) { float: left; margin-top: 7px } @media (min-width: 576px) { .calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) { margin-top: 5px } } @media (min-width: 768px) { .calendar-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) { float: none; margin-top: 0 } } .calendar-body .fc-header-toolbar .fc-toolbar-chunk:last-child { float: right } @media (min-width: 768px) { .calendar-body .fc-header-toolbar .fc-toolbar-chunk:last-child { float: none } } .calendar-body .fc-button { display: flex; align-items: center; text-transform: capitalize; height: 36px; padding-left: 12px; padding-right: 12px } .calendar-body .fc-custom1-button { padding-left: 6.5px; padding-right: 6.5px } @media (min-width: 1200px) { .calendar-body .fc-custom1-button { display: none } .calendar-body .fc-custom1-button+.fc-button-group { margin-left: 0 } } .calendar-body .fc-custom1-button .fc-icon::before { content: '\EA60'; font-family: 'remixicon' } .calendar-body .fc-prev-button, .calendar-body .fc-next-button { width: 36px; height: 36px; justify-content: center; padding: 0 } .calendar-body .fc-icon { line-height: 1; padding-left: 0; padding-right: 0 } .calendar-body .fc-button-primary { background-color: #fff; color: #6e7985; border-color: #e2e5ec } .calendar-body .fc-button-primary:hover, .calendar-body .fc-button-primary:focus, .calendar-body .fc-button-primary:active { background-color: #fff; color: #6e7985; border-color: #d3d7e2; box-shadow: none } .calendar-body .fc-button-primary:disabled { background-color: #fff; color: #6e7985; border-color: #e2e5ec } .calendar-body .fc-button-primary:not(:disabled).fc-button-active, .calendar-body .fc-button-primary:not(:disabled):active { background-color: rgba(80, 111, 217, 0.1); color: var(--bs-primary); border-color: #7a91e2; position: relative; z-index: 5 } .calendar-body .fc-button-primary:not(:disabled).fc-button-active:focus, .calendar-body .fc-button-primary:not(:disabled):active:focus { box-shadow: none } .calendar-body .fc-toolbar-title { font-weight: 600; font-size: 18px; color: #212830; letter-spacing: -.2px; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media (min-width: 576px) { .calendar-body .fc-toolbar-title { font-size: 22px; max-width: none; overflow: inherit; text-overflow: inherit } } .calendar-body .fc-scrollgrid { border-color: #e2e5ec; background-color: #fff } .calendar-body .fc-col-header th { border-color: #e2e5ec; font-size: 12px; padding-top: 5px; padding-bottom: 5px } .calendar-body .fc-col-header th a { color: #41505f; font-weight: 600; text-transform: uppercase } .calendar-body .fc-daygrid-day { border-color: #e2e5ec } .calendar-body .fc-daygrid-day-number { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #41505f; padding: 5px 8px } .calendar-body .fc-h-event .fc-event-main { color: #41505f } .calendar-body .fc-daygrid-block-event .fc-event-time, .calendar-body .fc-daygrid-block-event .fc-event-title { padding-left: 5px } .calendar-body .fc-daygrid-dot-event .fc-event-title { color: #41505f; font-weight: 500 } .calendar-body .fc-daygrid-event { color: #6e7985; border-radius: 2px } .calendar-body .fc-daygrid-event:hover { background-color: #e2e5ec } .calendar-body .fc-daygrid-day.fc-day-today { background-color: rgba(80, 111, 217, 0.08) } .calendar-body .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { color: #506fd9 } .calendar-body .fc-event-title { cursor: pointer } .modal-event .modal-header { padding: 15px 20px 0; border-bottom-width: 0 } .modal-event .modal-header .btn-close { transform: scale(0.9) } .modal-event .modal-header .btn-close:focus { box-shadow: none } .modal-event .modal-title { font-size: 18px; font-weight: 600; color: #212830 } .modal-event .modal-body { padding: 20px; position: relative } .modal-event .modal-footer { padding: 0 20px 20px; border-top-width: 0 } .modal-event .form-label { color: #6e7985; margin-bottom: 5px; font-size: 13px } .modal-event .date-item { display: flex; align-items: center } .modal-event .date-item i { font-size: 18px; line-height: 1; margin-right: 5px; opacity: .75 } .modal-event .date-item+.date-item { margin-top: 10px } .modal-event .date-item span { font-weight: 500; color: #212830 } .modal-event p { color: #212830 } @media (min-width: 1200px) and (max-width: 1399.98px) { .app-task .sidebar-right { width: 270px } } .task-label { display: block; margin-bottom: 0; font-size: .75rem; font-weight: 600; font-family: "Archivo", sans-serif; text-transform: uppercase; letter-spacing: .5px } .dropdown-task .dropdown-link { font-size: .75rem; display: flex; align-items: center; color: #6e7985 } .dropdown-task .dropdown-link:hover { color: #506fd9 } .dropdown-task .dropdown-link i { font-size: 16px; line-height: 1; margin-top: 2px } .card-task { border-width: 0; border-radius: 6px; cursor: pointer; border: 1px solid transparent; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07); transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .card-task { transition: none } } .card-task:hover { border-color: #ccd2da } .card-task+.card-task { margin-top: 12px } .card-task .badge { font-size: 10px } .card-task .card-date { font-size: .75rem; color: #6e7985; white-space: nowrap; align-self: flex-start } .card-task p { color: #6e7985 } .card-task .card-title { margin-bottom: 0; font-weight: 600; color: #212830 } .card-task .progress { height: 4px } .card-task .card-footer { padding-top: 0; border-top-width: 0; background-color: transparent; display: flex; align-items: center; justify-content: space-between } .card-task .card-footer .avatar { width: 18px; height: 18px } .card-task .card-footer .nav-link { color: #9ea7b1; display: flex; align-items: center; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 0; grid-gap: 2px } .card-task .card-footer .nav-link:hover { color: #506fd9 } .card-task .card-footer .nav-link i { font-size: 14px } .card-task .card-footer .nav-link+.nav-link { margin-left: 10px } .task-calendar .ui-datepicker-inline { max-width: none; border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .task-calendar .ui-datepicker .ui-datepicker-calendar { width: 100% } @media (min-width: 1200px) and (max-width: 1399.98px) { .task-calendar .ui-datepicker .ui-datepicker-calendar th { padding-left: 12px; padding-right: 4px; text-align: right } } .task-calendar .ui-datepicker .ui-datepicker-calendar td { border-color: #e2e5ec } .task-calendar .ui-datepicker .ui-datepicker-calendar td:last-child { border-right: 1px solid #e2e5ec } .task-calendar .ui-datepicker .ui-datepicker-calendar td a { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: .8125rem } @media (min-width: 1200px) and (max-width: 1399.98px) { .task-calendar .ui-datepicker .ui-datepicker-calendar td a { padding-left: 0; padding-right: 6px } } .task-calendar .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: #f3f5f9 } .task-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { background-color: transparent; color: #506fd9 } .task-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover { background-color: #f3f5f9; color: #506fd9 } .task-category { color: #fff; border-radius: 6px } .task-category .category-percent { font-weight: 500; font-family: "Inter", sans-serif } .task-category .category-percent span { font-size: 70%; font-weight: 400 } .task-category>span { display: block; font-size: .8125rem; opacity: .65 } @media (max-width: 1199.98px) { .app-music.sideright-show .sidebar-right { right: 0; opacity: 1; visibility: visible } .app-music.sideright-show .main-backdrop { opacity: 1; visibility: visible } } .app-music .sidebar-right { width: 300px; position: fixed; top: 0; right: -300px; bottom: 0; background-color: #fff; padding: 20px; opacity: 0; visibility: hidden; z-index: 1000; overflow-y: auto; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .app-music .sidebar-right { transition: none } } @media (min-width: 1200px) { .app-music .sidebar-right { width: 260px; position: static; background-color: transparent; padding: 0; opacity: 1; visibility: visible; z-index: auto; overflow-y: inherit } } .app-music .sidebar-right .nav-link { color: #41505f; padding: 8px 0 } .app-music .sidebar-right .nav-link:hover { color: #506fd9 } .app-music .sidebar-right .nav-link:hover i { color: inherit } .app-music .sidebar-right .nav-link .badge { padding: 0 } .app-music .main-label-group label { font-size: 15px; font-weight: 600; color: #212830; letter-spacing: -.2px } .app-music .main-label-group a { font-size: .8125rem } .app-music .row-wrapper { overflow-x: auto } @media (min-width: 768px) { .app-music .row-wrapper { overflow: inherit } } .app-music .row-wrapper>.row { width: 640px } @media (min-width: 768px) { .app-music .row-wrapper>.row { width: auto } } .music-headline { position: relative; height: 260px; overflow: hidden; border-radius: 6px } .music-headline:hover img { transform: scale(1.05) } .music-headline img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .music-headline img { transition: none } } .music-headline>div { position: absolute; left: 20px; right: 20px; bottom: 20px; color: rgba(255, 255, 255, 0.75); text-shadow: 1px 1px 2px rgba(33, 40, 48, 0.4) } @media (min-width: 992px) { .music-headline>div { width: 80%; left: 25px; bottom: 25px; right: auto } } @media (min-width: 1200px) { .music-headline>div { width: 50% } } .music-headline label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px } .music-headline h2, .music-headline .h2 { color: #fff; font-weight: 600 } .music-headline .btn-icon { font-size: 32px; width: 48px; height: 48px; border-radius: 100%; border-width: 1.5px } .music-item { position: relative } .music-item span { font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985; display: block } .music-thumb { display: block; overflow: hidden; border-radius: 6px } .music-thumb:hover img { transform: scale(1.1) } .music-thumb img { transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .music-thumb img { transition: none } } .music-title { margin-bottom: 5px; font-weight: 600 } .music-title a { color: #212830 } .music-title a:hover { color: #506fd9 } .music-text { font-size: .75rem; margin-bottom: 10px } .music-text-sm { font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985; display: block } .card-album { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } @media (min-width: 768px) { .card-album { width: 230px } } .card-album label { font-size: 10px; font-family: "Archivo", sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #6e7985; margin-bottom: 3px } .card-album .music-title { font-size: 15px; margin-bottom: 7px } .card-album .music-text { font-size: .8125rem } .media-music { display: flex; align-items: center } .media-music+.media-music { margin-top: 15px } .media-music .media-img { display: block; width: 56px; height: 56px; overflow: hidden; border-radius: 4px; flex-shrink: 0; margin-right: 12px } .media-music .media-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .media-music h6, .media-music .h6 { font-weight: 600; margin-bottom: 4px } .media-music h6 a, .media-music .h6 a { color: #212830 } .media-music h6 a:hover, .media-music .h6 a:hover { color: #506fd9 } .media-music p { font-size: .75rem; color: var(--bs-primary); margin-bottom: 5px } .media-music span { display: block; font-size: .8125rem; color: #6e7985; line-height: 1.4 } .table-music { border-collapse: separate; border-spacing: 0 8px; margin-top: -8px } .table-music tbody tr { border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .table-music tbody tr:hover td { border-color: #506fd9 } .table-music tbody td { vertical-align: middle; padding-top: 8px; padding-bottom: 8px; border: 1px solid transparent; background-color: #fff } .table-music tbody td:not(:first-child) { border-left-width: 0 } .table-music tbody td:not(:last-child) { border-right-width: 0 } .table-music tbody td:first-child { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding-left: 15px } .table-music tbody td:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .table-music img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; max-width: 30px } .table-music a { display: block; font-weight: 600; line-height: 1.4; color: #212830 } .table-music a:hover { color: #506fd9 } .table-music small, .table-music .small { display: block; font-size: 11px; color: #6e7985 } .table-music .time { font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985 } .table-music .dropdown-link { display: inline-block; font-size: 16px; color: #6e7985; margin-top: 2px } .table-music .media-music .media-img { width: 36px; height: 36px; flex-shrink: 0 } .table-music .media-music .media-img img { max-width: none } .table-music .media-music h6, .table-music .media-music .h6 { margin-bottom: 0 } .table-music .media-music span { font-size: .75rem } .music-player { background-color: #fff; padding: 10px 15px; display: flex; align-items: center; border-radius: 6px; box-shadow: 0 1px 2px rgba(158, 167, 177, 0.07), 0 2px 4px rgba(158, 167, 177, 0.07), 0 4px 8px rgba(158, 167, 177, 0.07), 0 8px 16px rgba(158, 167, 177, 0.07), 0 16px 32px rgba(158, 167, 177, 0.07), 0 32px 64px rgba(158, 167, 177, 0.07) } .music-player .media-music .media-img { width: 48px; height: 48px; margin-right: 0 } @media (min-width: 992px) { .music-player .media-music .media-img { margin-right: 12px } } .music-player .media-music .media-body { display: none } @media (min-width: 992px) { .music-player .media-music .media-body { display: block } } .music-player .media-music h6, .music-player .media-music .h6 { font-size: .8125rem } .music-player .media-music span { font-size: .75rem } .music-range { display: flex; align-items: center; margin-bottom: 5px } .music-range .progress { margin-bottom: 0; margin-left: 8px; margin-right: 8px; height: 5px; flex: 1; background-color: #e2e5ec } .music-range>span { font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #6e7985 } .nav-player { align-items: center } .nav-player .nav-link { padding: 0; font-size: 14px; line-height: 1; color: #41505f } @media (min-width: 992px) { .nav-player .nav-link { font-size: 16px } } .nav-player .nav-link+.nav-link { margin-left: 5px } @media (min-width: 992px) { .nav-player .nav-link+.nav-link { margin-left: 10px } } .nav-player .nav-link.lg { font-size: 20px } .nav-player .nav-link.play { width: 36px; height: 36px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--bs-primary); color: #fff } .nav-player .nav-link.play i { display: block } .nav-player .nav-link.play:hover { background-color: #4868d7 } .music-volume { display: flex; align-items: center; margin-left: 10px } @media (min-width: 576px) { .music-volume { width: 80px } } .music-volume a { font-size: 16px; color: #41505f; margin-right: 5px } .music-volume .progress { flex: 1; height: 3px; display: none; background-color: #e2e5ec } @media (min-width: 576px) { .music-volume .progress { display: flex } } .app-video .btn-upload { text-transform: uppercase; letter-spacing: 1px; font-family: "Archivo", sans-serif; font-size: 11px; font-weight: 500; height: 36px; display: flex; align-items: center; padding-left: 10px; padding-right: 10px; border-width: 1.5px; grid-gap: 5px } @media (min-width: 992px) { .app-video .btn-upload { padding-left: 15px; padding-right: 15px } } .app-video .btn-upload i { font-size: 14px } .app-video .carousel { border-radius: 6px; overflow: hidden } .app-video .carousel-control-prev, .app-video .carousel-control-next { width: auto; top: auto; bottom: 25px } .app-video .carousel-control-prev { left: auto; right: 60px } .app-video .carousel-control-next { right: 20px } .app-video .main-label-group label { font-size: 15px; font-weight: 600; color: #212830 } .app-video .row-wrapper { margin-left: -20px; margin-right: -5px; overflow-x: auto; padding: 0 20px 20px } @media (min-width: 1200px) { .app-video .row-wrapper { overflow: inherit; margin-left: 0; margin-right: 0; padding: 0 } } .app-video .row-wrapper>.row { width: 900px } @media (min-width: 1200px) { .app-video .row-wrapper>.row { width: auto } } .video-headline { height: 420px; position: relative; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .video-headline img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .video-headline-body { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; text-shadow: 1px 1px 4px rgba(33, 40, 48, 0.6); background-image: linear-gradient(to bottom, rgba(12, 15, 18, 0), #0c0f12) } @media (min-width: 768px) { .video-headline-body>div { width: 75% } } @media (min-width: 1200px) { .video-headline-body>div { width: 50% } } .video-headline-body .video-title { font-weight: 400; color: inherit } .video-headline-body label { display: block; font-size: .8125rem; margin-bottom: 5px; opacity: .75 } .video-headline-body h3, .video-headline-body .h3 { margin-bottom: 0; font-weight: 400; font-family: "Inter", sans-serif } .video-headline-body .btn-icon { font-size: 32px; width: 48px; height: 48px; border-radius: 100%; border-width: 1.5px } .card-video { border-radius: 6px; border-width: 0; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-video .card-title { font-weight: 600 } .card-video .card-title a { color: #212830 } .card-video .card-title a:hover { color: #506fd9 } .video-player { position: relative; height: 200px } @media (min-width: 576px) { .video-player { height: 260px } } @media (min-width: 768px) { .video-player { height: 320px } } @media (min-width: 1200px) { .video-player { height: 280px } } .video-player .progress { position: absolute; bottom: 42px; left: 0; right: 0; height: 3px; border-radius: 0 } .video-player .nav { position: absolute; bottom: 0; left: 0; right: 0; align-items: center; padding: 10px; background-color: rgba(33, 40, 48, 0.16) } @media (min-width: 576px) { .video-player .nav { padding: 10px 15px } } .video-player .nav-link { padding: 0; color: rgba(255, 255, 255, 0.75); display: block; line-height: 1; font-size: .75rem } .video-player .nav-link:hover { color: #fff } .video-player .nav-link i { font-size: 21px; position: relative; top: 1px } .video-player .nav-link+.nav-link { margin-left: 10px } .video-player-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px } .card-movie { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-movie img { border-radius: 4px; width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover } @media (min-width: 576px) { .card-movie img { height: 100% } } .card-movie .card-label { display: block; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: var(--bs-primary); margin-bottom: 3px } .card-movie .card-title { font-size: 16px; font-weight: 600 } .card-movie .card-title a { color: #212830 } .card-movie .card-title a:hover { color: #506fd9 } .card-video-item { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-video-item .card-title { width: 100%; margin-bottom: 2px; font-weight: 600 } .card-video-item .card-title a { color: #212830 } .card-video-item .card-author { font-size: .8125rem } .card-video-item .card-text { margin-top: 10px; font-size: .75rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: flex; align-items: center; grid-gap: 10px; color: #6e7985 } .card-poster { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-poster img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit } @media (min-width: 576px) { .media-profile { display: flex } } .media-profile .media-img { flex-shrink: 0; width: 150px; margin-right: 25px; border-radius: 100% } .media-profile .media-img img { border-radius: inherit } .media-profile .media-body { flex: 1; position: relative; line-height: 1.55 } .media-profile .media-name { font-size: 24px; font-weight: 600; color: #212830; margin-bottom: 3px } .profile-item { display: flex; align-items: center } .profile-item>i { font-size: 32px; line-height: 1; margin-right: 12px; color: #9ea7b1 } .profile-item-body p { font-weight: 600; color: #212830; margin-bottom: 2px } .profile-item-body span { color: #6e7985; font-size: .8125rem; display: block } .post-bar { height: 54px; border-radius: 6px; background-color: #fff; display: flex; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .post-bar-item { width: 40px; height: 100%; display: flex; align-items: center; justify-content: center } @media (min-width: 576px) { .post-bar-item { width: 54px } } .post-bar-item+.post-bar-item { border-left: 1px solid #f3f5f9 } .post-bar-item a { color: #6e7985; display: block; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .post-bar-item a { transition: none } } .post-bar-item a:hover { color: #506fd9 } .post-bar-item i { font-size: 18px; line-height: 1 } @media (min-width: 576px) { .post-bar-item i { font-size: 20px } } .post-bar-item:first-child { flex: 1; width: auto; justify-content: flex-start; padding: 0 20px } .post-bar-item:first-child a:hover { color: #212830 } .card-post { position: relative; border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-post .card-header { padding: 18px 20px; background-color: transparent; display: flex; align-items: center; justify-content: space-between; border-bottom-color: #f3f5f9 } .card-post .card-title { font-size: 15px; font-weight: 600; margin-bottom: 0; color: #212830 } .card-post .link-more { font-size: 18px; line-height: .7; color: #9ea7b1; position: relative; top: 1px; right: -3px } .card-post .link-more:hover { color: #6e7985 } .card-post .card-body { padding: 20px; line-height: 1.55 } .card-post .card-footer { padding: 10px; background-color: transparent; border-top-color: #f3f5f9 } .card-post .card-footer .nav-link { display: flex; align-items: center; color: #6e7985; padding-left: 10px; border-radius: 4px } .card-post .card-footer .nav-link:hover { background-color: rgba(80, 111, 217, 0.05); color: #506fd9 } .card-post .card-footer .nav-link i { font-size: 20px; margin-right: 3px; line-height: 1 } .post-header { display: flex; align-items: center } .post-header .avatar { margin-right: 10px } .post-content h6, .post-content .h6 { color: #212830; font-weight: 600; margin-bottom: 2px } .post-content span { display: block; font-size: .8125rem; color: #6e7985 } .post-date { display: block; margin-left: auto; font-size: .8125rem; align-self: flex-start; line-height: 1.2; color: #6e7985 } .post-preview { padding: 15px; background-color: #f8f9fc } .post-preview h5, .post-preview .h5 { font-size: .938rem; font-weight: 600; color: #212830; margin-bottom: 5px; letter-spacing: -.5px } .post-preview p { color: #313c47; margin-bottom: 2px } .post-preview span { display: block; font-size: .8125rem; color: #6e7985 } .experience-item { position: relative } @media (min-width: 576px) { .experience-item { display: flex } } .experience-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; font-size: 48px; background-color: #e2e5ec; color: #9ea7b1; margin-bottom: 20px; border-radius: 6px } @media (min-width: 576px) { .experience-icon { margin-bottom: 0; margin-right: 20px } } .experience-body { flex: 1 } .experience-body h5, .experience-body .h5 { font-size: .938rem; font-weight: 600; color: #212830; margin-bottom: 5px } .experience-body p { margin-bottom: 2px } .experience-body p:last-of-type { margin-bottom: 0; font-size: .8125rem; color: #6e7985 } .experience-body ul { margin: 0; padding-left: 13px } .profile-mutual h6, .profile-mutual .h6 { color: #212830; font-weight: 600; margin-bottom: 5px } .profile-mutual p { margin-bottom: 0; font-size: .8125rem; color: #6e7985 } .interest-item { display: flex; position: relative } .interest-item+.interest-item { margin-top: 20px } .interest-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background-color: #f8f9fc; margin-right: 15px; flex-shrink: 0; color: #fff; font-size: 48px; border-radius: 6px } .interest-body h6, .interest-body .h6 { margin-bottom: 3px; font-weight: 600; font-size: .938rem; color: #212830 } .interest-body p { margin-bottom: 0 } .list-contact-info { margin: 0; padding: 0; list-style: none } .list-contact-info li { display: flex; align-items: center; padding: 8px 0 } .list-contact-info li:first-child { padding-top: 0 } .list-contact-info li:last-child { padding-bottom: 0 } .list-contact-info li i { font-size: 20px; line-height: 1; margin-right: 12px } .mutual-group { margin: 0; padding: 0; list-style: none; display: flex } .mutual-group li { position: relative } .mutual-group li+li { margin-left: -10px } .mutual-group .avatar { box-shadow: 0 0 0 2px #fff } .people-group { margin: 0; padding: 0; list-style: none } .people-item { display: flex; align-items: center } .people-item+.people-item { margin-top: 20px } .people-item .avatar { margin-right: 12px } .people-body { flex: 1 } .people-body h6, .people-body .h6 { margin-bottom: 3px } .people-body h6 a, .people-body .h6 a { color: #212830 } .people-body h6 a:hover, .people-body .h6 a:hover { color: #506fd9 } .people-body span { display: block; font-size: .75rem; color: #6e7985 } .card-people { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-people .card-body { padding: 15px } @media (min-width: 1400px) { .card-people .card-body { padding: 20px } } .card-people .avatar-xl { width: 84px; height: 84px } .card-people .avatar-xl::after { right: 10px; bottom: 5px } .card-people h6, .card-people .h6 { margin-bottom: 2px; font-weight: 600 } .card-people h6 a, .card-people .h6 a { color: #212830 } .card-people h6 a:hover, .card-people .h6 a:hover { color: #506fd9 } .card-people p { font-size: .8125rem; color: #6e7985 } .mutual-badge { display: flex; align-items: center } .mutual-badge ul { margin: 0; padding: 0; list-style: none; display: flex } .mutual-badge ul .avatar { display: block; width: 16px; height: 16px; border: 1.5px solid #fff } .mutual-badge li+li { margin-left: -8px } .mutual-badge label { display: block; margin-left: 5px; margin-bottom: 0; font-size: 11px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: rgba(110, 121, 133, 0.75) } .activity-group { margin: 0; margin-left: 15px; padding: 0; list-style: none; border-left: 2px solid #e2e5ec } .activity-group li+li { margin-top: 30px } .activity-date { padding-left: 40px; margin-bottom: 10px; font-size: .75rem; font-weight: 500; color: #6e7985; position: relative } .activity-date::before { content: ''; position: absolute; top: 7px; left: 0; width: 20px; border-top: 2px solid #e2e5ec } .activity-item { padding-left: 40px; position: relative } .activity-item strong { font-weight: 600 } .activity-item::before { content: ''; position: absolute; top: -6px; left: -17px; width: 32px; height: 32px; border-radius: 100%; background-color: var(--bs-primary); color: rgba(255, 255, 255, 0.75); z-index: 5; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: 'remixicon' } .activity-item.comment::before { content: '\EB4D'; background-color: #0dcaf0 } .activity-item.post::before { content: '\F04A' } .activity-item.like::before { content: '\F207'; background-color: #0cb785 } .activity-item.search::before { content: '\F0D1'; background-color: #ea4c89 } .activity-item .avatar { flex-shrink: 0 } .card-comment { border-width: 0; border-radius: 6px; color: #6e7985; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-comment strong { color: #41505f } .card-event { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-event .card-img-top { border-top-left-radius: 6px; border-top-right-radius: 6px; height: 120px; -o-object-fit: cover; object-fit: cover; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .card-event .card-img-top { transition: none } } .card-event .card-img-top:hover { opacity: .75 } .card-event .card-body { padding: 20px; position: relative } .card-event h6, .card-event .h6 { font-size: 15px; font-weight: 600; margin-bottom: 2px } .card-event h6 a, .card-event .h6 a { color: #212830 } .card-event h6 a:hover, .card-event .h6 a:hover { color: #506fd9 } .card-event .card-footer { background-color: transparent; border-top-width: 0; padding: 0 20px 20px; display: flex; align-items: center; grid-gap: 7px } .card-event .card-footer .btn, .card-event .card-footer .gridjs-pages button, .gridjs-pages .card-event .card-footer button, .card-event .card-footer .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .card-event .card-footer button { display: flex; align-items: center; justify-content: center; grid-gap: 5px } .card-event .card-footer .btn:first-child, .card-event .card-footer .gridjs-pages button:first-child, .gridjs-pages .card-event .card-footer button:first-child, .card-event .card-footer .ui-datepicker-buttonpane button:first-child, .ui-datepicker-buttonpane .card-event .card-footer button:first-child { flex: 1 } .card-event .card-footer i { font-size: 16px; line-height: 1 } .event-group { margin: 0; padding: 0; list-style: none } .event-item { display: flex; align-items: center } .event-item+.event-item { margin-top: 20px } .event-icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background-color: #0dcaf0; border-radius: 6px; color: #fff; margin-right: 10px } .event-icon i { font-size: 24px; line-height: 1 } .event-body h6, .event-body .h6 { margin-bottom: 2px } .event-body h6 a, .event-body .h6 a { color: #212830 } .event-body h6 a:hover, .event-body .h6 a:hover { color: #506fd9 } .event-body p { font-size: .75rem; color: #6e7985; margin-bottom: 5px } .card-settings { border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .card-settings .card-header { padding: 20px; background-color: transparent; border-bottom-color: #f3f5f9 } .card-settings .card-title { font-size: 15px; font-weight: 600; color: #212830; margin-bottom: 5px } .card-settings .card-text { color: #6e7985; margin-bottom: 0 } .setting-item { padding: 20px; position: relative } .setting-item+.setting-item { border-top: 1px solid #f3f5f9 } .setting-item h6, .setting-item .h6 { margin-bottom: 3px } .setting-item p { margin-bottom: 0; font-size: .75rem; color: #6e7985 } .setting-item .table { white-space: nowrap; font-size: .8125rem } @media (min-width: 992px) { .setting-item .table { font-size: .875rem } } .setting-item .table th { padding-top: 0; font-size: .8125rem } .setting-item .table td { vertical-align: middle; padding-top: 8px; padding-bottom: 8px } .setting-item .table th:first-child, .setting-item .table td:first-child { padding-left: 0 } .setting-item .table th:last-child, .setting-item .table td:last-child { padding-right: 0 } .setting-item .table th:not(:first-child), .setting-item .table td:not(:first-child) { text-align: right } .setting-item .table>:not(:first-child), .setting-item .table th, .setting-item .table td { border-color: #f3f5f9 } .setting-item .table nav { display: flex; align-items: center; justify-content: flex-end } .setting-item .table a { display: block; color: #6e7985; font-size: 16px; line-height: 1; opacity: .6 } .setting-item .table a:hover { opacity: 1; color: #506fd9 } .setting-item .table a+a { margin-left: 5px } .card-app { height: 100%; border-color: #e2e5ec; border-radius: 4px; box-shadow: 0 1px 1px rgba(226, 229, 236, 0.25), 0 2px 2px rgba(226, 229, 236, 0.2), 0 4px 4px rgba(226, 229, 236, 0.15), 0 8px 8px rgba(226, 229, 236, 0.1), 0 16px 16px rgba(226, 229, 236, 0.05) } .card-app .card-body { display: flex; padding: 15px } .card-app .card-logo { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 4px; background-color: #6e7985; color: #fff; flex-shrink: 0; font-size: 32px } .card-app .card-logo.bg-facebook { background-color: #1877f2; } .card-app .card-logo.bg-twitter { background-color: #1da1f2; } .card-app .card-logo.bg-youtube { background-color: #ff0000; } .card-app .card-logo.bg-linkedin { background-color: #0a66c2; } .card-app .card-logo.bg-instagram { background-color: #c32aa3; } .card-app .card-logo.bg-tiktok { background-color: #010101; } .card-app .card-logo.bg-google { background-color: #ea4335; } .card-app .card-footer { background-color: transparent; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; font-size: .8125rem } .card-app .card-footer a { color: #9ea7b1 } .card-app .card-footer a:hover { color: #506fd9 } .card-app .card-footer .form-check { min-height: inherit } .card-app .card-footer .form-switch { margin-bottom: 0 } .card-app .card-footer .form-switch .form-check-input { margin-left: 0 } .page-sign { min-height: 100vh; padding: 40px 0; display: flex; align-items: center; justify-content: center; background-color: #fff } @media (min-width: 576px) { .page-sign { background-color: #fbfcfe } } .page-sign.d-block { background-image: linear-gradient(to right, var(--bs-auth-bg) 33%, var(--bs-primary) 100%) } .page-sign.d-block .row { min-height: inherit } .page-sign.d-block .col-wrapper { min-height: inherit; display: flex; align-items: center; justify-content: center; background-color: #fff } .page-sign.d-block .card-sign { border-radius: 0; box-shadow: none } .page-sign .header-logo, .page-sign .sidebar-logo { font-size: 28px } .card-sign { width: 100%; border-width: 0; border-radius: 0 } @media (min-width: 400px) { .card-sign { width: 380px } } @media (min-width: 576px) { .card-sign { border-radius: 10px; box-shadow: 0 2.8px 2.2px rgba(110, 121, 133, 0.02), 0 6.7px 5.3px rgba(110, 121, 133, 0.028), 0 12.5px 10px rgba(110, 121, 133, 0.035), 0 22.3px 17.9px rgba(110, 121, 133, 0.042), 0 41.8px 33.4px rgba(110, 121, 133, 0.05), 0 100px 80px rgba(110, 121, 133, 0.07) } } .card-sign .card-header { background-color: transparent; border-bottom-width: 0; padding: 30px 30px 0 } .card-sign .card-title { letter-spacing: -.5px; margin-bottom: 8px; font-weight: 400; font-size: 24px; color: #212830 } .card-sign .card-text { color: #6e7985; margin-bottom: 0 } .card-sign .card-thumb { display: block; margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 100px; height: 100px; border-radius: 100% } .card-sign .card-thumb img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover } .card-sign .card-body { padding: 30px; position: relative } .card-sign .card-body small, .card-sign .card-body .small { font-size: 12px; color: #6e7985; display: block } .card-sign .card-body strong { font-weight: 600; color: #212830 } .card-sign .form-label { font-weight: 500; font-size: .8125rem; display: block } .card-sign .form-control, .card-sign .gridjs-input { font-weight: 500; color: #212830; height: 40px } .card-sign .form-control::-moz-placeholder, .card-sign .gridjs-input::-moz-placeholder { font-weight: 400; color: rgba(110, 121, 133, 0.6); text-shadow: none } .card-sign .form-control::placeholder, .card-sign .gridjs-input::placeholder { font-weight: 400; color: rgba(110, 121, 133, 0.6); text-shadow: none } .card-sign .form-control:focus, .card-sign .gridjs-input:focus { border-color: #506fd9 } .card-sign .btn, .card-sign .gridjs-pages button, .gridjs-pages .card-sign button, .card-sign .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .card-sign button { display: flex; width: 100%; height: 40px; align-items: center; justify-content: center; /* text-transform: uppercase; */ font-size: 12px; font-family: "Archivo", sans-serif; letter-spacing: 1px; color: #fff } .card-sign .btn i, .card-sign .gridjs-pages button i, .gridjs-pages .card-sign button i, .card-sign .ui-datepicker-buttonpane button i, .ui-datepicker-buttonpane .card-sign button i { line-height: 1; font-size: 16px; margin-right: 5px } .card-sign .divider { text-transform: uppercase; font-family: "Archivo", sans-serif; letter-spacing: .5px } .card-sign .divider span { font-size: 10px; color: rgba(110, 121, 133, 0.75) } .card-sign .card-footer { background-color: transparent; text-align: center; padding: 0 30px 30px; color: #6e7985; border-top-width: 0 } .btn-facebook { background-color: #395498 } .btn-facebook:hover, .btn-facebook:focus { background-color: #324a85 } .btn-google { background-color: #fd6584 } .btn-google:hover, .btn-google:focus { background-color: #fd4c70 } .auth-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; mix-blend-mode: luminosity; opacity: .3 } .card-auth { max-width: 420px; border-width: 0; border-radius: 0; background-color: transparent } .card-auth .card-title { font-size: 24px; color: #212830; margin-bottom: 15px } .card-auth .card-text { color: #6e7985 } .card-auth .btn, .card-auth .gridjs-pages button, .gridjs-pages .card-auth button, .card-auth .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .card-auth button { width: 100%; display: flex; align-items: center; justify-content: center; height: 40px; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; font-family: "Archivo", sans-serif } .page-auth .content .container { height: calc(100vh - 72px); display: flex; align-items: center; justify-content: center } .page-auth .form-control, .page-auth .gridjs-input { height: 40px } .page-error .content .container { min-height: calc(100vh - 72px); padding: 40px 20px; display: flex; align-items: center } @media (min-width: 992px) { .page-error .content .container { padding: 50px 0 } } .page-error .content .row { flex-direction: column-reverse; align-items: center } @media (min-width: 992px) { .page-error .content .row { flex-direction: row; justify-content: space-around } } .error-number { font-size: 80px; font-weight: 300; font-family: "Inter", sans-serif; line-height: 1; color: #9ea7b1; margin-bottom: 20px; letter-spacing: -3px } @media (min-width: 992px) { .error-number { font-size: 140px } } .error-title { font-size: 24px; font-weight: 600; color: #212830; letter-spacing: -.5px; margin-bottom: 10px } @media (min-width: 992px) { .error-title { font-size: 32px } } .error-subtitle { color: #41505f; font-weight: 400; margin-bottom: 40px } .error-text { color: #6e7985; margin-bottom: 40px; text-align: center } .btn-error { height: 42px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 12px; font-family: "Archivo", sans-serif; letter-spacing: 1px } .main-pricing .btn, .main-pricing .gridjs-pages button, .gridjs-pages .main-pricing button, .main-pricing .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .main-pricing button { padding: 10px 20px; line-height: 1.2 } @media (min-width: 992px) { .main-pricing .btn, .main-pricing .gridjs-pages button, .gridjs-pages .main-pricing button, .main-pricing .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .main-pricing button { padding: 12px 25px } } .pricing-title { font-size: 32px; font-weight: 700; color: #212830; letter-spacing: -1px } @media (min-width: 576px) { .pricing-title { font-size: 36px; width: 80% } } @media (min-width: 768px) { .pricing-title { font-size: 40px; width: 75% } } @media (min-width: 992px) { .pricing-title { font-size: 46px } } @media (min-width: 1200px) { .pricing-title { width: 60% } } .pricing-text { font-size: 16px; color: #6e7985 } .table-pricing { min-width: 780px } .table-pricing thead th { border-bottom-width: 0; padding-bottom: 0; vertical-align: top } .table-pricing thead th span { display: block; margin-bottom: 10px } .table-pricing thead th>small, .table-pricing thead th>.small { display: block; font-size: .75rem; font-weight: 400; line-height: 1.3; color: #41505f } .table-pricing thead th.selected .pricing-price { color: #506fd9 } .table-pricing thead th.selected .pricing-price small, .table-pricing thead th.selected .pricing-price .small { color: inherit } .table-pricing thead th:not(:first-child), .table-pricing tbody td:not(:first-child) { text-align: center } .table-pricing thead th.selected, .table-pricing tbody td.selected { background-color: rgba(80, 111, 217, 0.06) } .table-pricing>:not(:first-child) { border-top: 0 } .table-pricing tbody td { padding: 10px 0; vertical-align: middle } .table-pricing tbody td i { font-size: 24px; font-weight: 700; color: #506fd9 } .table-pricing tbody td .btn, .table-pricing tbody td .gridjs-pages button, .gridjs-pages .table-pricing tbody td button, .table-pricing tbody td .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .table-pricing tbody td button { width: 100%; padding-left: 10px; padding-right: 10px } .table-pricing tbody td:first-child { text-transform: capitalize; font-weight: 500; color: #212830; padding-right: 10px; white-space: nowrap } .table-pricing tbody td:first-child small, .table-pricing tbody td:first-child .small { font-weight: 400; text-transform: none; color: #6e7985; display: block; line-height: 1.4; white-space: normal } .table-pricing tbody td:first-child i { font-size: 16px; font-weight: 400; line-height: 1; position: relative; top: 1px } .table-pricing tbody td:not(:first-child) span { display: block; padding: 8px 0; font-family: "Inter", sans-serif; font-weight: 500 } .table-pricing tr:last-child td { border-bottom-width: 0; padding: 40px 10px 10px } .table-pricing .title td { padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1.5px; border-bottom-color: #9ea7b1 } .table-pricing .title td:first-child { text-transform: uppercase; font-weight: 700; color: #212830 } .table-pricing .title:not(:first-child) td { padding-top: 25px } .pricing-price { font-size: 36px; font-weight: 700; font-family: "Inter", sans-serif; letter-spacing: -1px; color: #212830 } .pricing-price small, .pricing-price .small { font-size: 13px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #6e7985; letter-spacing: -.2px } .main-faq .nav-classic .nav-link { color: #41505f } .main-faq .nav-classic .nav-link:hover { color: #506fd9 } .accordion-faq .accordion-item { background-color: #fff; border: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(204, 210, 218, 0.07), 0 2px 4px rgba(204, 210, 218, 0.07), 0 4px 8px rgba(204, 210, 218, 0.07), 0 8px 16px rgba(204, 210, 218, 0.07), 0 16px 32px rgba(204, 210, 218, 0.07), 0 32px 64px rgba(204, 210, 218, 0.07) } .accordion-faq .accordion-item+.accordion-item { margin-top: 5px } .accordion-faq .accordion-button { background-color: transparent; font-size: 15px; font-weight: 600; color: var(--bs-primary); border-bottom: 0 } .accordion-faq .accordion-button.collapsed { color: #212830 } .accordion-faq .accordion-button:not(.collapsed) { box-shadow: none } .accordion-faq .accordion-button:focus { box-shadow: none } .main-docs { position: relative } @media (min-width: 1200px) { .main-docs { padding-right: 220px } } .main-docs .container { margin: auto; padding: 20px } @media (min-width: 992px) { .main-docs .container { width: 680px; padding: 30px } } .main-docs p { margin-bottom: 20px } .doc-mobile-header { background-color: #fbfcfe } .doc-mobile-header.scroll { background-color: #fff } .nav-docs { width: 200px; position: fixed; top: 30px; right: 25px; flex-direction: column; display: none } @media (min-width: 1200px) { .nav-docs { display: flex } } .nav-docs label { font-size: 11px; font-family: "Archivo", sans-serif; text-transform: uppercase; letter-spacing: .5px; color: #9ea7b1; display: block; margin-bottom: 10px } .nav-docs .nav-link { color: #6e7985; padding: 0; padding-left: 15px; font-size: 13px; position: relative } .nav-docs .nav-link::before { content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 1.5px; background-color: #6e7985; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .nav-docs .nav-link::before { transition: none } } .nav-docs .nav-link.active { color: #212830 } .nav-docs .nav-link.active::before { width: 20px; left: -15px; background-color: #506fd9 } .nav-docs .nav-link+.nav-link { margin-top: 8px } .nav-docs hr { border-color: #e2e5ec; opacity: .75 } .card-example { border-radius: 0; border-color: #e2e5ec; background-color: inherit; position: relative; margin-top: 30px } .card-example>.card-body { padding: 20px; position: relative } .card-example>.card-body::before { content: 'Example'; padding: 2px 5px; background-color: #fbfcfe; position: absolute; top: -10px; left: 15px; font-size: 10px; font-family: "Archivo", sans-serif; font-weight: 500; text-transform: uppercase; color: rgba(110, 121, 133, 0.6); letter-spacing: 1px } .card-example>.card-footer { border-top-color: #e2e5ec; background-color: #fff; padding: 0 } .card-example>.card-footer pre { margin-top: 0; margin-bottom: 0; background-color: inherit; padding: 12px 15px } .card-example>.card-footer code[class*="language-"], .card-example>.card-footer pre[class*="language-"] { font-size: 12px; font-family: 'Roboto Mono', monospace; letter-spacing: -.2px } .row-example span { display: block; padding: 10px; border: 1px solid #e2e5ec; background-color: #fff; font-size: .8125rem } .offcanvas-demo { position: relative; border: 1px solid #e2e5ec; background-color: #f8f9fc } .offcanvas-demo .offcanvas { position: relative; visibility: visible; transform: none; border-right-color: #e2e5ec; z-index: 0 } .offcanvas-demo .offcanvas-start { border-right-width: 1px } .scrollspy-demo { border: 1px solid #e2e5ec; background-color: #fff; position: relative; height: 250px; overflow: auto } .toast-demo { padding: 15px; background-color: #f3f5f9 } .toast-demo .toast { display: block } .wizard-demo { font-size: 13px } .wizard-demo.wizard>.content>.title { font-size: 15px } .cc-group { display: flex; font-size: 24px; color: #9ea7b1 } .media-animate { display: flex } .media-animate .nav { flex-direction: column } .media-animate .nav-link { display: flex; align-items: center; padding: 0; color: #6e7985; position: relative; background-color: rgba(243, 245, 249, 0.6); padding: 6px 10px; font-size: 13px; width: 150px } .media-animate .nav-link+.nav-link { margin-top: 1px } .media-animate .nav-link.active { background-color: #e2e5ec; color: #41505f } .media-animate .media-body { flex: 1; display: flex; align-items: center; justify-content: center } .media-animate .animate-title { font-size: 36px; font-weight: 600; font-family: "Archivo", sans-serif; display: inline-block; line-height: 1; color: #212830; letter-spacing: -1px; text-shadow: 3px 3px 2px #ccd2da } .demo-background { display: flex } .demo-background>div+div { margin-left: 1px } .demo-border, .demo-bordered { display: flex } .demo-border>span, .demo-bordered>span { background-color: #fff; display: block; flex: 1; height: 50px } .demo-border>span+span, .demo-bordered>span+span { margin-left: 10px } .demo-bordered>span { border: 1px solid #e2e5ec } .demo-text p, .demo-text a { display: block; padding: 8px 10px; margin-bottom: 0; background-color: #fff } .demo-text p+p, .demo-text p+a, .demo-text a+p, .demo-text a+a { margin-top: 1px } .demo-flex .border { padding: 2px } .demo-flex .d-flex>div+div { margin-left: 2px } .demo-flex .flex-row-reverse>div+div { margin-left: 0; margin-right: 2px } .table-spacing { color: #6e7985 } .table-spacing strong { font-weight: 600 } .table-spacing td:not(:first-child) code { font-family: "Open Sans", sans-serif; font-size: .875rem } .icon-group { margin-top: 20px; background-color: #fff; border: 1px solid #e2e5ec; padding: 30px 20px } .icon-group .col { text-align: center } .icon-group i { font-size: 24px; line-height: 1; color: #41505f } .icon-group svg { color: #41505f } .main-footer-docs { margin-top: 0; padding: 20px; border-top-width: 0; position: relative } @media (min-width: 992px) { .main-footer-docs { margin-left: 250px; padding: 20px 40px 40px } } .main-footer-docs::before { content: ''; position: absolute; top: 0; left: 20px; right: 20px; border-top: 1px solid rgba(226, 229, 236, 0.6) } @media (min-width: 992px) { .main-footer-docs::before { left: 40px; right: 40px } } .landing-headline { height: 100vh; position: relative; padding-top: 20px; padding-bottom: 40px; display: flex; flex-direction: column } @media (min-width: 576px) { .landing-headline { height: 110vh } } @media (min-width: 992px) { .landing-headline { height: 100vh } } .landing-headline::before { content: ''; width: 50px; height: 30%; position: absolute; top: -10px; left: 25%; background-color: var(--bs-primary); transform: skewY(-10deg); opacity: .1; display: none } .landing-headline::after { content: ''; width: 35%; height: 40%; position: absolute; top: -10%; left: calc(25% + 60px); background-color: var(--bs-primary); transform: skewY(-10deg); opacity: .05; display: none } .landing-header { display: flex; align-items: center } .landing-header .menu-link { font-size: 20px; color: #41505f; display: flex; align-items: center; justify-content: center; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .landing-header .menu-link { transition: none } } .landing-header .menu-link i { animation: scaling .7s infinite linear } @keyframes scaling { 0% { transform: scale(1) } 75% { transform: scale(1.25) } 100% { transform: scale(1) } } .landing-header .menu-link:hover i, .landing-header .menu-link:focus i { transform: scale(1.25); animation: none } .landing-header .sidebar-logo { font-size: 28px; margin-right: auto } .landing-header .sidebar-logo::after { bottom: 4px } .landing-header .nav-icon .nav-link { transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .landing-header .nav-icon .nav-link { transition: none } } .landing-header .nav-icon .nav-link:hover, .landing-header .nav-icon .nav-link:focus { transform: scale(1.2) } .landing-header .nav-icon .nav-link i { font-size: 20px } .landing-body { margin-top: 25px; height: calc(100% - 55px) } .landing-body .btn-lg, .landing-body .btn-group-lg>.btn, .landing-body .gridjs-pages .btn-group-lg>button, .gridjs-pages .landing-body .btn-group-lg>button, .landing-body .ui-datepicker-buttonpane .btn-group-lg>button, .ui-datepicker-buttonpane .landing-body .btn-group-lg>button { font-size: 15px; line-height: 1.4; border-radius: 4px } .landing-body .btn-secondary.disabled, .landing-body .ui-datepicker-buttonpane button.disabled, .ui-datepicker-buttonpane .landing-body button.disabled { color: #fff; opacity: .6 } .landing-body .dropdown-link { display: flex; align-items: center; justify-content: space-between; height: 100%; width: 150px; border-radius: 4px } .landing-body .dropdown-link i { font-size: 18px; line-height: 1; margin-top: 1px; margin-right: -2px } .landing-body .dropdown-menu { width: 100%; border-color: #ccd2da; box-shadow: 0 1px 2px rgba(158, 167, 177, 0.07), 0 2px 4px rgba(158, 167, 177, 0.07), 0 4px 8px rgba(158, 167, 177, 0.07), 0 8px 16px rgba(158, 167, 177, 0.07), 0 16px 32px rgba(158, 167, 177, 0.07), 0 32px 64px rgba(158, 167, 177, 0.07) } .landing-body .dropdown-item.active { color: var(--bs-primary); background-color: rgba(80, 111, 217, 0.1) } .landing-body .dropdown-item+.dropdown-item { margin-top: 1px } @media (min-width: 992px) { .headline-text { width: 40% } } @media (max-width: 991.98px) { .headline-text h4, .headline-text .h4 { font-size: 18px } } .headline-text .btn-lg, .headline-text .btn-group-lg>.btn, .headline-text .gridjs-pages .btn-group-lg>button, .gridjs-pages .headline-text .btn-group-lg>button, .headline-text .ui-datepicker-buttonpane .btn-group-lg>button, .ui-datepicker-buttonpane .headline-text .btn-group-lg>button { height: 45px; display: flex; align-items: center; padding-left: 30px; padding-right: 30px } .headline-content { width: 100%; height: 100%; position: relative; max-height: 250px } @media (min-width: 576px) { .headline-content { max-height: 720px } } @media (min-width: 992px) { .headline-content { width: 60%; max-height: 410px } } @media (min-width: 1200px) { .headline-content { max-height: 500px } } @media (min-width: 1400px) { .headline-content { max-height: 580px } } @media (min-width: 1920px) { .headline-content { max-height: 840px } } .headline-content::before { content: ''; position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; background-image: radial-gradient(circle, #1a2f76, #fff); border-radius: 100%; filter: blur(100px) } .headline-content .img-item { position: absolute; background-color: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px rgba(26, 47, 118, 0.07), 0 2px 4px rgba(26, 47, 118, 0.07), 0 4px 8px rgba(26, 47, 118, 0.07), 0 8px 16px rgba(26, 47, 118, 0.07), 0 16px 32px rgba(26, 47, 118, 0.07), 0 32px 64px rgba(26, 47, 118, 0.07) } .headline-content .img-item img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left } .headline-content .img-item.one { width: 52%; height: 100%; top: 0; left: 50%; margin-left: -26%; z-index: 10 } .headline-content .img-item.two { width: 48%; height: 90%; top: 5%; left: 50%; margin-left: -38% } .headline-content .img-item.three { width: 48%; height: 90%; top: 5%; right: 50%; margin-right: -38% } .landing-section { padding: 80px 0 } .landing-section .landing-body { min-height: 600px } .landing-text { font-size: 16px; text-align: center } @media (min-width: 992px) { .landing-text { width: 75%; margin-left: auto; margin-right: auto; font-size: 18px } } .card-dashboard-demo { height: 250px; overflow: hidden; position: relative; border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(33, 40, 48, 0.07), 0 2px 4px rgba(33, 40, 48, 0.07), 0 4px 8px rgba(33, 40, 48, 0.07), 0 8px 16px rgba(33, 40, 48, 0.07), 0 16px 32px rgba(33, 40, 48, 0.07), 0 32px 64px rgba(33, 40, 48, 0.07) } @media (min-width: 576px) { .card-dashboard-demo { height: 200px } } @media (min-width: 768px) { .card-dashboard-demo { height: 280px } } @media (min-width: 992px) { .card-dashboard-demo { height: 300px } } @media (min-width: 1200px) { .card-dashboard-demo { height: 230px } } @media (min-width: 1400px) { .card-dashboard-demo { height: 290px } } .card-dashboard-demo img { border-radius: inherit; width: 100%; position: absolute; top: 0; left: 0; transition: all 1s ease-in-out } @media (prefers-reduced-motion: reduce) { .card-dashboard-demo img { transition: none } } .card-dashboard-demo>div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.75); opacity: 0; transition: all 0.25s } @media (prefers-reduced-motion: reduce) { .card-dashboard-demo>div { transition: none } } .card-dashboard-demo:hover img { top: -53% } .card-dashboard-demo:hover>div { opacity: 1 } .card-sidebar-demo, .card-app-demo { padding: 10px; border-width: 0; border-radius: 6px; box-shadow: 0 1px 2px rgba(76, 83, 102, 0.07), 0 2px 4px rgba(76, 83, 102, 0.07), 0 4px 8px rgba(76, 83, 102, 0.07), 0 8px 16px rgba(76, 83, 102, 0.07), 0 16px 32px rgba(76, 83, 102, 0.07), 0 32px 64px rgba(76, 83, 102, 0.07) } .landing-icons { font-size: 20px } @media (min-width: 992px) { .landing-icons { font-size: 24px } } .icon-bootstrap { color: #7711f7 } .icon-html5 { color: #dd4b25 } .icon-css3 { color: #1655a2 } .icon-sass { color: #c66394 } .icon-js { color: #ffc107 } .icon-npm { color: #c53635 } .icon-gulp { color: #d34446 } .ps { overflow: hidden } .ps>.ps__rail-y { width: 3px; background-color: rgba(58, 78, 136, 0.06); z-index: 10; position: absolute; left: auto !important; right: 0; opacity: 0; margin: 1px; transition: opacity 0.2s } @media (prefers-reduced-motion: reduce) { .ps>.ps__rail-y { transition: none } } .ps>.ps__rail-y>.ps__thumb-y { position: absolute; border-radius: 0; width: 3px; left: 0; background-color: #9ea7b1 } .ps.ps--active-y:hover>.ps__rail-y, .ps.ps--active-y:focus>.ps__rail-y { opacity: 1 } .scrollbar-sm>.ps__rail-y { width: 1px } .scrollbar-sm>.ps__rail-y>.ps__thumb-y { width: 1px } .scrollbar-lg>.ps__rail-y { width: 6px } .scrollbar-lg>.ps__rail-y>.ps__thumb-y { width: 6px } .scrollbar-primary>.ps__rail-y>.ps__thumb-y { background-color: #0d6efd } .scrollbar-dark>.ps__rail-y>.ps__thumb-y { background-color: #212830 } .gridjs-head { margin-bottom: 10px } .gridjs-footer { margin-top: 10px } .gridjs-pagination { display: flex; align-items: center; justify-content: space-between } .gridjs-summary { white-space: nowrap; margin-right: 20px } .gridjs-pages { display: flex } .gridjs-pages button { border: 1px solid #ccd2da } .gridjs-pages button+button { margin-left: 5px } .gridjs-pages button.gridjs-currentPage { background-color: var(--bs-primary); border-color: transparent; color: #fff } .gridjs-th { position: relative } .gridjs-th-sort .gridjs-th-content { float: left } .gridjs-th-sort .gridjs-sort { position: relative; padding: 0; border: 0; background-color: transparent; width: 24px; height: 24px; float: right } .gridjs-th-sort .gridjs-sort::before, .gridjs-th-sort .gridjs-sort::after { font-family: 'remixicon'; font-size: 14px; position: absolute; color: #9ea7b1 } .gridjs-th-sort .gridjs-sort::before { content: '\EA77'; top: -1px } .gridjs-th-sort .gridjs-sort::after { content: '\EA4D'; bottom: -1px } .gridjs-th-sort .gridjs-sort-asc::before { top: 1px } .gridjs-th-sort .gridjs-sort-asc::after { display: none } .gridjs-th-sort .gridjs-sort-desc::before { display: none } .gridjs-th-sort .gridjs-sort-desc::after { bottom: 1px } .gridjs-resizable { position: absolute; top: 0; bottom: 0; right: 0; width: 3px; cursor: ew-resize } .gridjs-resizable:hover { background-color: #f3f5f9 } .select2-results__option { border-radius: 0; margin-bottom: 1px; font-size: inherit } .select2-container--default .select2-results__option--selected { background-color: #f3f5f9 } .select2-container--default .select2-selection--single { background-color: #fff; border-color: #ccd2da; border-radius: .25rem; height: 36px; outline: none } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #41505f; line-height: calc(1.5em + .812rem + 2px)-0.1rem; padding-left: .75rem; height: 100%; display: flex; align-items: center } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #6e7985 } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 36px; line-height: calc(1.5em + .812rem + 2px) } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -3px } .select2-container--default .select2-selection--single .select2-selection__clear { font-size: 20px; font-weight: 400; order: 2; margin-left: auto; margin-right: 25px; color: #6e7985; position: relative; z-index: 100; height: 100% } .select2-container--default .select2-selection--single .select2-selection__clear:hover { color: #41505f } .select2-container--default .select2-selection--multiple { background-color: #fff; border-color: #ccd2da; border-radius: .25rem; min-height: 36px; outline: none; display: flex } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 4px; display: inline-block; margin-bottom: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice { position: relative; margin-top: 4px; margin-right: 4px; margin-left: 0; padding: 3px 10px 3px 20px; border-color: transparent; border-radius: .1875rem; background-color: var(--bs-primary); color: #fff; font-size: 13px; line-height: 1.45 } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; opacity: .5; font-size: 14px; font-weight: 400; display: inline-block; position: absolute; top: 4px; left: 3px; line-height: 1.2; border-right: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: transparent; color: #fff; opacity: .85 } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #ccd2da } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #ccd2da; border-radius: 0; padding: 5px 10px } .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder { color: #6e7985 } .select2-container--default .select2-search--dropdown .select2-search__field::placeholder { color: #6e7985 } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #fff } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #506fd9 } .select2-container--default .select2-results>.select2-results__options { margin: 4px } .select2-container--default .select2-search--inline .select2-search__field { margin-bottom: 5px; margin-left: 0; line-height: 26px; opacity: .6 } .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder { color: #6e7985; font-weight: 400; opacity: 1 } .select2-container--default .select2-search--inline .select2-search__field::placeholder { color: #6e7985; font-weight: 400; opacity: 1 } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f3f5f9 } .select2-container--default.select2-container--disabled .select2-selection__choice { padding-left: 10px; background-color: #9ea7b1 } .select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove { display: none } .select2-container--open { font-size: 14px } .select2-container--open .select2-selection--single, .select2-container--open .select2-selection--multiple { background-color: #fff; border-color: #ccd2da } .select2-container--open .select2-dropdown--above { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-bottom-right-radius: 0; border-bottom-left-radius: 0; top: 0 } .select2-dropdown { border-color: #ccd2da; z-index: 200 } .select2-search--dropdown { padding-bottom: 0 } .select2-results__option { padding: 6px 10px; font-size: inherit } .has-success .select2-container--default .select2-selection--single { border-color: theme-color("success") } .has-warning .select2-container--default .select2-selection--single { border-color: theme-color("warning") } .has-danger .select2-container--default .select2-selection--single { border-color: theme-color("danger") } .select2-xs+.select2-container { font-size: 12px } .select2-dropdown-xs .select2-results__option { font-size: 12px } .select2-sm+.select2-container { font-size: 14px } .select2-dropdown-sm .select2-results__option { font-size: 14px } .select2-bd-0+.select2-container--default .select2-selection--single { border-width: 0 } .bg-gray+.select2-container--default .select2-selection--single { background-color: #3b4956 } .bg-gray+.select2-container--default .select2-selection--single .select2-selection__rendered { color: #e2e5ec } .bootstrap-tagsinput { display: flex; flex-wrap: wrap; box-shadow: none; padding-top: 5px; padding-left: 2.5px; padding-right: 2.5px; padding-bottom: 0; border-color: #ccd2da; border-radius: .25rem } .bootstrap-tagsinput .tag { display: inline-flex; align-items: center; background-color: var(--bs-primary); color: #fff; padding: 2px 7px; margin: 0 2.5px 5px; font-size: .8125rem; border-radius: 3px } .bootstrap-tagsinput .tag [data-role="remove"] { display: inline-block; height: 16px; width: 10px; position: relative; opacity: .5 } .bootstrap-tagsinput .tag [data-role="remove"]::after { content: '\EB99'; font-family: 'remixicon'; font-size: 14px; position: absolute; top: calc(50% + .5px); line-height: 0; text-indent: -3px } .bootstrap-tagsinput .tag [data-role="remove"]:hover, .bootstrap-tagsinput .tag [data-role="remove"]:focus { opacity: 1; box-shadow: none } .bootstrap-tagsinput>input { min-height: auto; font-size: .8125rem } .bootstrap-tagsinput .tt-menu { margin-top: 7px; margin-left: -10px; background-color: #fff; min-width: 150px; padding: 2px; border-radius: 4px; border: 1px solid #ccd2da; box-shadow: 0 1px 1px rgba(226, 229, 236, 0.25), 0 2px 2px rgba(226, 229, 236, 0.2), 0 4px 4px rgba(226, 229, 236, 0.15), 0 8px 8px rgba(226, 229, 236, 0.1), 0 16px 16px rgba(226, 229, 236, 0.05) } .bootstrap-tagsinput .tt-suggestion { font-size: .8125rem; padding: 4px 8px; border-radius: 3px } .bootstrap-tagsinput .tt-suggestion:hover, .bootstrap-tagsinput .tt-suggestion:focus { cursor: pointer; background-color: #f3f5f9 } .irs--flat .irs-min, .irs--flat .irs-max { color: #6e7985; background-color: #f3f5f9; border-radius: 3px } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { background-color: var(--bs-primary); border-radius: 3px } .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before { border-top-color: #506fd9 } .irs--flat .irs-line { background-color: #e2e5ec; border-radius: .25rem } .irs--flat .irs-bar { background-color: #506fd9 } .irs--flat .irs-bar--single { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .irs--flat .irs-handle>i:first-child { background-color: #3b5ed4 } .irs--flat .irs-handle:hover, .irs--flat .irs-handle:focus, .irs--flat .irs-handle:active { cursor: w-resize } .irs--flat .irs-handle:hover>i:first-child, .irs--flat .irs-handle:focus>i:first-child, .irs--flat .irs-handle:active>i:first-child { background-color: #3357d3 } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle.state_hover:hover>i:first-child, .irs--flat .irs-handle.state_hover:focus>i:first-child, .irs--flat .irs-handle.state_hover:active>i:first-child { background-color: #3357d3 } .irs--flat .irs-grid-text { color: #6e7985 } .irs--flat .irs-grid-pol { background-color: #e2e5ec } .irs--round .irs-min, .irs--round .irs-max, .irs--round .irs-from, .irs--round .irs-to { font-size: 10px; border-radius: .25rem } .irs--round .irs-min, .irs--round .irs-max { background-color: #f3f5f9; color: #6e7985 } .irs--round .irs-grid-text { font-size: 10px; color: #6e7985 } .irs--round .irs-grid-pol { background-color: #e2e5ec } .irs--round .irs-handle { border-color: var(--bs-primary); border-radius: 8px } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-bar { background-color: #506fd9 } .irs--square .irs-line, .irs--square .irs-grid-pol { background-color: #f3f5f9 } .irs--square .irs-min, .irs--square .irs-max { background-color: #f3f5f9; font-size: 10px; color: #6e7985 } .irs--square .irs-grid-text { font-size: 10px; color: #6e7985 } .irs--square .irs-from, .irs--square .irs-to { background-color: #313c47; font-size: 10px } .irs--square .irs-handle { border-color: #313c47 } .irs--square .irs-bar { background-color: #313c47 } .ui-datepicker { background-color: #fff; border: 1px solid #e2e5ec; font-family: inherit; font-size: inherit; padding: 10px; margin: 1px 0 0; display: none; width: auto !important; z-index: 5 !important; border-radius: .25rem } .ui-datepicker .ui-datepicker-header { display: flex; justify-content: space-between; align-items: center; position: relative; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #212830; padding: 0 0 5px; letter-spacing: 1px; border: 0; background-color: transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { text-indent: -99999px; color: #6e7985; top: 0 } .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { font-size: 16px; font-family: 'remixicon'; position: absolute; top: -1px; text-indent: 0 } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before { color: #41505f } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { order: 3 } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { right: 5px; content: '\EA6E' } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { left: 5px; content: '\EA64' } .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover { color: #41505f; cursor: pointer; top: 1px; border: 0; background-color: transparent } .ui-datepicker .ui-datepicker-title { color: #212830; font-weight: 700; font-size: 13px } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 11px; border: 1px solid #ccd2da; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 20px 2px 5px; border-radius: .25rem; position: relative; margin-top: -3px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 5px center/8px 8px } .ui-datepicker .ui-datepicker-year { margin-left: 5px } .ui-datepicker .ui-datepicker-calendar { margin: 0; background-color: transparent; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .ui-datepicker .ui-datepicker-calendar th { text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 1px; padding: 6px 9px; color: #41505f } @media (max-width: 320px) { .ui-datepicker .ui-datepicker-calendar th { padding: 4px 0; letter-spacing: normal } } .ui-datepicker .ui-datepicker-calendar td { border: 1px solid #fff; padding: 0; background-color: #fff; text-align: right } .ui-datepicker .ui-datepicker-calendar td:last-child { border-right: 0 } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default { color: #9ea7b1 } .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { transition: all 0.2s ease-in-out; padding: 5px; color: #41505f; padding: 6px 10px; display: block; font-weight: 400; font-size: 12px; border: 0; border-radius: 1px } @media (prefers-reduced-motion: reduce) { .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { transition: none } } .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: #fbfcfe; color: #41505f } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus { background-color: var(--bs-primary); color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default { color: #9ea7b1; background-color: #f3f5f9 } .ui-datepicker-multi .ui-datepicker-group { padding-right: 15px; width: auto; float: left } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title { margin: auto } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before { left: 10px } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before { right: 10px } .ui-datepicker-multi .ui-datepicker-group table { margin: 0 } .ui-datepicker-multi .ui-datepicker-group-last { padding-right: 0 } .ui-datepicker-inline { border-color: #ccd2da } @media (min-width: 576px) { .ui-datepicker-inline { max-width: 270px } } .ui-datepicker-buttonpane { display: flex; align-items: center; justify-content: space-between; font-size: 13px; border-top: 1px solid #85b6ff; padding-top: 10px } .ui-datepicker-buttonpane button { min-height: inherit; border-radius: .25rem } .sp-replacer { border-color: #ccd2da; background-color: #fff } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #9ea7b1 } .sp-container { background-color: #fff; border-color: #ccd2da; margin-top: 2px; box-shadow: 0 1px 1px rgba(204, 210, 218, 0.25), 0 2px 2px rgba(204, 210, 218, 0.2), 0 4px 4px rgba(204, 210, 218, 0.15), 0 8px 8px rgba(204, 210, 218, 0.1), 0 16px 16px rgba(204, 210, 218, 0.05) } .sp-container button, .sp-container button:hover, .sp-container button:focus, .sp-container button:active, .sp-container a { display: inline-block; background-color: #6e7985; background-image: none; border: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 13px; text-shadow: none; text-transform: capitalize; color: #fff; padding: 8px 10px; line-height: 1; border-radius: 3px } .sp-container button:hover, .sp-container button:focus { background-color: #626c77 } .sp-container .sp-cancel { background-color: #f3f5f9; color: #6e7985 !important } .sp-container .sp-cancel:hover, .sp-container .sp-cancel:focus { text-decoration: none; background-color: #e2e5ec } .sp-picker-container { border-left-width: 0 } .wizard { border: 1px solid #e2e5ec; background-color: #fff; border-radius: .25rem } .wizard>.steps { padding: 10px 15px } @media (min-width: 768px) { .wizard>.steps { padding: 15px 20px } } .wizard>.steps>ul { padding: 0; margin-bottom: 0; display: flex } .wizard>.steps>ul li { float: none; display: block; width: auto } .wizard>.steps>ul li .current-info { display: none } .wizard>.steps>ul li .title { margin-left: 5px; white-space: nowrap; transition: all 0.2s ease-in-out } @media (prefers-reduced-motion: reduce) { .wizard>.steps>ul li .title { transition: none } } @media (min-width: 576px) { .wizard>.steps>ul li .title { display: none; margin-left: 10px } } @media (min-width: 768px) { .wizard>.steps>ul li .title { display: inline-block } } .wizard>.steps>ul li+li { margin-left: 10px; position: relative } @media (min-width: 576px) { .wizard>.steps>ul li+li { margin-left: 20px } } @media (min-width: 992px) { .wizard>.steps>ul li+li { margin-left: 40px } } .wizard>.steps>ul li+li::before { content: '\EA6C'; font-family: 'remixicon'; font-size: 16px; font-weight: 400; color: #ccd2da; position: absolute; top: calc(50% + 1px); left: -26px; line-height: 0; display: none } @media (min-width: 768px) { .wizard>.steps>ul li+li::before { display: block } } .wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active { color: #212830; font-weight: 500; font-size: inherit; display: flex; justify-content: center; align-items: center; outline: none } @media (min-width: 1200px) { .wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active { justify-content: flex-start } } .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; border: 2px solid #6e7985; border-radius: 100% } @media (min-width: 768px) { .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number { width: 32px; height: 32px } } .wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active { color: #9ea7b1 } .wizard>.steps .disabled a .number, .wizard>.steps .disabled a:hover .number, .wizard>.steps .disabled a:active .number { color: #9ea7b1; border-color: #ccd2da } .wizard>.steps .disabled .title { display: none } @media (min-width: 768px) { .wizard>.steps .disabled .title { display: inline-block } } .wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active { color: #506fd9 } .wizard>.steps .current a .title, .wizard>.steps .current a:hover .title, .wizard>.steps .current a:active .title { display: inline-block } .wizard>.steps .current a .number, .wizard>.steps .current a:hover .number, .wizard>.steps .current a:active .number { border-color: var(--bs-primary); background-color: var(--bs-primary); color: #fff } .wizard>.steps .done a, .wizard>.steps .done a:hover, .wizard>.steps .done a:active { color: #198754 } .wizard>.steps .done a .title, .wizard>.steps .done a:hover .title, .wizard>.steps .done a:active .title { display: none } @media (min-width: 768px) { .wizard>.steps .done a .title, .wizard>.steps .done a:hover .title, .wizard>.steps .done a:active .title { display: inline-block } } .wizard>.steps .done a .number, .wizard>.steps .done a:hover .number, .wizard>.steps .done a:active .number { border-color: #198754; background-color: #198754; color: #fff } .wizard>.content { border-top: 1px solid #e2e5ec; border-bottom: 1px solid #e2e5ec; min-height: 150px; padding: 20px; font-size: inherit } @media (min-width: 768px) { .wizard>.content { padding: 20px } } .wizard>.content>.title { font-size: 16px; color: #212830; font-weight: 600; margin-bottom: 5px; display: none } .wizard>.content>.title.current { display: block } .wizard>.content>.body { float: none; position: static; width: auto; height: auto } .wizard>.content>.body input.parsley-error { border-color: theme-color("danger") } .wizard>.content>.body input.parsley-error+ul { list-style: none !important } .wizard>.content input, .wizard>.content textarea, .wizard>.content select { font-size: inherit } .wizard>.actions { padding: 10px 15px } @media (min-width: 768px) { .wizard>.actions { padding: 15px 20px } } .wizard>.actions>ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between } .wizard>.actions>ul>li:last-child a { background-color: #198754 } .wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active { display: block; background-color: var(--bs-primary); padding: 8px 20px; line-height: 1.428; color: #fff; border-radius: .25rem } .wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active { background-color: #e2e5ec; color: #6e7985 } .wizard.vertical>.steps { padding: 15px 20px } @media (min-width: 576px) { .wizard.vertical>.steps { float: left; width: 20% } } @media (min-width: 768px) { .wizard.vertical>.steps { width: 15% } } @media (min-width: 992px) { .wizard.vertical>.steps { width: 30% } } @media (min-width: 576px) { .wizard.vertical>.steps ul { flex-direction: column } } .wizard.vertical>.steps ul li+li { margin-left: 10px } @media (min-width: 576px) { .wizard.vertical>.steps ul li+li { margin-top: 10px; margin-left: 0 } } @media (min-width: 768px) { .wizard.vertical>.steps ul li+li { margin-top: 20px } } .wizard.vertical>.steps ul li+li::before { content: ''; border-left: 1px solid #e2e5ec; position: absolute; top: -15px; left: 15px; height: 10px } .wizard.vertical>.steps ul li .title { display: none; overflow: hidden; width: 70%; text-overflow: ellipsis; white-space: nowrap } @media (min-width: 992px) { .wizard.vertical>.steps ul li .title { display: block } .wizard.vertical>.steps a { justify-content: flex-start } } .wizard.vertical>.steps .current a .title { display: inline-block } @media (min-width: 576px) { .wizard.vertical>.steps .current a .title { display: none } } @media (min-width: 992px) { .wizard.vertical>.steps .current a .title { display: inline-block } } .wizard.vertical>.content { margin: 0; padding: 20px } @media (min-width: 576px) { .wizard.vertical>.content { border-top-width: 0; border-bottom-width: 0; width: 80%; float: right; border-left: 1px solid #e2e5ec } } @media (min-width: 768px) { .wizard.vertical>.content { width: 85% } } @media (min-width: 992px) { .wizard.vertical>.content { width: 70% } } .wizard.vertical>.actions { padding: 10px 15px } @media (min-width: 576px) { .wizard.vertical>.actions { width: 80%; float: right; border-left: 1px solid #e2e5ec; padding: 15px 20px } } @media (min-width: 768px) { .wizard.vertical>.actions { width: 85%; border-top: 1px solid #e2e5ec } } @media (min-width: 992px) { .wizard.vertical>.actions { width: 70% } } .wizard.vertical>.actions ul { float: none; margin: 0; padding: 0 } .wizard-tab { background-color: transparent; border-width: 0 } .wizard-tab>.steps { padding: 0; border-bottom-width: 0; margin-bottom: 20px } .wizard-tab>.steps>ul { width: 100% } .wizard-tab>.steps>ul>li { flex: 1; width: auto; float: none } .wizard-tab>.steps>ul>li+li { margin-left: 1px } .wizard-tab>.steps>ul>li+li::before { display: none } .wizard-tab>.steps a { padding: 7px 10px } @media (min-width: 768px) { .wizard-tab>.steps a { padding: 10px 20px } } .wizard-tab>.steps .current a, .wizard-tab>.steps .current a:hover, .wizard-tab>.steps .current a:focus, .wizard-tab>.steps .done a, .wizard-tab>.steps .done a:hover, .wizard-tab>.steps .done a:focus { color: #fff } .wizard-tab>.steps .current a .number, .wizard-tab>.steps .current a:hover .number, .wizard-tab>.steps .current a:focus .number, .wizard-tab>.steps .done a .number, .wizard-tab>.steps .done a:hover .number, .wizard-tab>.steps .done a:focus .number { border-color: #fff; color: #fff } .wizard-tab>.steps .current a { background-color: #506fd9 } .wizard-tab>.steps .done a { background-color: #198754 } .wizard-tab>.steps .disabled a { background-color: #e2e5ec; color: #6e7985 } .wizard-tab>.steps .first a { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .wizard-tab>.steps .last a { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .wizard-tab>.content { padding: 0; border: 0 } .wizard-tab>.actions { border-top: 1px solid #e2e5ec; padding: 15px 0 0 } input.parsley-error, input.parsley-error:focus, textarea.parsley-error, textarea.parsley-error:focus { box-shadow: none !important; border-color: #dc3545 } input.parsley-success, input.parsley-success:focus, textarea.parsley-success, textarea.parsley-success:focus { box-shadow: none !important; border-color: #198754 } .parsley-checkbox.parsley-error, .parsley-checkbox.parsley-success { display: inline-block; padding: 10px; border-radius: .25rem } .parsley-checkbox.parsley-error { border: 1px solid #dc3545 } .parsley-checkbox.parsley-success { border: 1px solid #198754 } .form-select.parsley-error, .form-select.parsley-success { box-shadow: none !important } .form-select.parsley-error { border-color: #dc3545 } .form-select.parsley-success { border-color: #198754 } .parsley-errors-list { color: #dc3545; list-style: none; font-size: 12px; padding: 0; margin-bottom: 0 } .parsley-errors-list li { margin: 5px 0 0 } .ql-snow.ql-toolbar, .ql-snow.ql-container { border-color: #e2e5ec } .ql-snow.ql-toolbar { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .ql-snow.ql-toolbar button { padding: 5px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; color: #41505f; border-radius: 1px } .ql-snow.ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus { background-color: #f3f5f9 } .ql-snow.ql-toolbar button.ql-active { background-color: #f3f5f9 } .ql-snow.ql-toolbar button+button { margin-left: 1px } .ql-snow.ql-toolbar .ql-picker { font-size: 13px; height: 28px; color: #41505f } .ql-snow.ql-toolbar .ql-picker:hover .ql-picker-label, .ql-snow.ql-toolbar .ql-picker:focus .ql-picker-label { color: #212830; background-color: #fdfefe } .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { background-color: #fdfefe; border-color: #e2e5ec; color: #212830; outline: none; border-radius: 2px } .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-options { border-color: #e2e5ec; box-shadow: none; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px } .ql-snow.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label .ql-stroke { stroke: #9ea7b1; stroke-width: 1.5; stroke-linecap: square; stroke-linejoin: miter } .ql-snow.ql-toolbar .ql-picker-label { display: flex; align-items: center; border-radius: .25rem } .ql-snow.ql-toolbar .ql-picker-label.ql-active { background-color: #fdfefe; color: #506fd9 } .ql-snow.ql-toolbar .ql-formats { display: inline-flex } .ql-snow.ql-toolbar .ql-formats .ql-picker { float: none } .ql-snow.ql-toolbar .ql-formats .ql-picker~.ql-picker { margin-left: 1px } .ql-snow.ql-container { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .ql-container { font-size: 1rem } .ql-editor { padding: 20px; background-color: #fff; color: #41505f } .ql-editor.ql-blank::before { color: #9ea7b1; font-style: normal } .ql-bubble .ql-tooltip { background-color: #212830; border-radius: .25rem } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom-color: #212830 } .ql-bubble .ql-toolbar button { height: 28px; padding: 5px; border-radius: 1px } .ql-bubble .ql-toolbar button.ql-active { background-color: #506fd9 } .ql-bubble .ql-toolbar button+button { margin-left: 1px } .modal-body .ql-snow.ql-toolbar { border-top-left-radius: 0; border-top-right-radius: 0; border-top-width: 0; border-left-width: 0; border-right-width: 0 } .modal-body .ql-snow.ql-container { border-left-width: 0; border-bottom-width: 0; border-right-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .leaflet-popup-content-wrapper { border-radius: 6px; color: #212830 } .leaflet-popup-content { margin-left: 15px } .jqvmap-label { padding: 2px 8px; background-color: rgba(17, 17, 17, 0.9); border-radius: 2px } .jqvmap-zoomin, .jqvmap-zoomout { font-size: 20px; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #212830; border-radius: 2px } .jqvmap-zoomout { top: 32px } .jqvmap-pin { font-family: "Open Sans", sans-serif; cursor: default; pointer-events: none } #jqvmap1_ri_pin, #jqvmap1_dc_pin, #jqvmap1_de_pin, #jqvmap1_md_pin { display: none } #jqvmap1_ak_pin { margin-top: -2% } #jqvmap1_ca_pin { margin-left: -2% } #jqvmap1_ct_pin { margin-top: -0.25%; margin-left: -0.25% } #jqvmap1_fl_pin { margin-left: 5% } #jqvmap1_id_pin { margin-top: 3%; margin-left: -1% } #jqvmap1_ky_pin { margin-left: 2% } #jqvmap1_la_pin { margin-left: -2% } #jqvmap1_mi_pin { margin-top: 4%; margin-left: 3% } #jqvmap1_ma_pin { margin-top: -0.25% } #jqvmap1_mn_pin { margin-top: 2%; margin-left: -2% } #jqvmap1_nh_pin { margin-top: 1%; margin-left: -0.25% } #jqvmap1_nj_pin { margin-top: 1% } #jqvmap1_ok_pin { margin-left: 2% } #jqvmap1_va_pin { margin-left: 2% } #jqvmap1_wv_pin { margin-left: -1%; margin-top: 1% } @media only screen and (min-width: 320px) { .jqvmap-pin { font-size: 6px } } @media only screen and (min-width: 480px) { .jqvmap-pin { font-size: 8px } } @media only screen and (min-width: 640px) { .jqvmap-pin { font-size: 10px } } @media only screen and (min-width: 800px) { .jqvmap-pin { font-size: 12px } } @media only screen and (min-width: 1024px) { .jqvmap-pin { font-size: 14px } } .bg-gray-900 { background-color: #212830 } .bg-gray-800 { background-color: #313c47 } .bg-gray-700 { background-color: #41505f } .bg-gray-600 { background-color: #6e7985 } .bg-gray-500 { background-color: #9ea7b1 } .bg-gray-400 { background-color: #ccd2da } .bg-gray-300 { background-color: #e2e5ec } .bg-gray-200 { background-color: #f3f5f9 } .bg-gray-100 { background-color: #f8f9fc } .bg-ui-02 { background-color: #85b6ff } .bg-ui-03 { background-color: #4c5366 } .bg-pink { background-color: #ea4c89 !important } .bg-purple { background-color: #6f42c1 !important } .bg-indigo { background-color: #6610f2 !important } .bg-teal { background-color: #33d685 !important } .bg-orange { background-color: #fd7e14 } .bg-twitter { background-color: #1c96e9 } .bg-amazon { background-color: #f79400; color: #222e3d } .divider { position: relative; display: flex; align-items: center; margin: 15px 0 } .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background-color: #e2e5ec } .divider span { padding: 0 10px; font-size: 12px; color: #6e7985 } .divider-start::before { display: none } .divider-start span { padding-left: 0 } .divider-end::after { display: none } .divider-end span { padding-right: 0 } .divider-vertical { margin: 0 15px; flex-direction: column } .divider-vertical::before, .divider-vertical::after { height: 100%; width: 1px } .divider-vertical span { padding: 5px 0 } .divider-top::before { display: none } .divider-top span { padding: 0 0 5px } .divider-bottom::after { display: none } .divider-bottom span { padding: 5px 0 0 } .mt-10-f { margin-top: 10px !important } .me--10-f { margin-right: -10px !important } .ht-3 { height: 3px } .ht-5 { height: 5px } .ht-8 { height: 8px } .ht-10 { height: 10px } .ht-15 { height: 15px } .ht-30 { height: 30px } .ht-50 { height: 50px } .ht-100 { height: 100px } .ht-150 { height: 150px } .ht-200 { height: 200px } .ht-250 { height: 250px } .ht-300 { height: 300px } .ht-350 { height: 350px } .w-5 { width: 5% } .w-10 { width: 10% } .w-15 { width: 15% } .w-17 { width: 17% } .w-20 { width: 20% } .w-30 { width: 30% } .w-32 { width: 32% } .w-40 { width: 40% } .w-45 { width: 45% } .w-60 { width: 60% } .w-70 { width: 70% } .w-80 { width: 80% } .w-85 { width: 85% } .w-200 { width: 200px } .mw-200 { max-width: 200px } .lh-1 { line-height: 1 } .lh-3 { line-height: 1.3 } .lh-4 { line-height: 1.4 } .lh-5 { line-height: 1.5 } .fs-sm { font-size: .8125rem } @media (min-width: 576px) { .fs-sm-normal { font-size: .875rem } } .fs-xs { font-size: .75rem } .fs-11 { font-size: 11px } .fs-15 { font-size: 15px } .fs-16 { font-size: 16px } .fs-18 { font-size: 18px } .fs-20 { font-size: 20px } .fs-24 { font-size: 24px } .fs-32 { font-size: 32px } .fs-36 { font-size: 36px } .fs-40 { font-size: 40px } .fs-44 { font-size: 44px } .fs-48 { font-size: 48px } .fw-thin { font-weight: 200 } .fw-light { font-weight: 300 } .fw-normal { font-weight: 400 } .fw-medium { font-weight: 500 } .fw-semibold { font-weight: 600 } .ff-sans { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } .ff-secondary { font-family: "Archivo", sans-serif } .ff-numerals { font-family: "Inter", sans-serif } .ls--1 { letter-spacing: -1px } .ls--2 { letter-spacing: -2px } .text-primary-dark { color: #152661 } .text-ui-02 { color: #85b6ff } .ti--1 { text-indent: -1px } .ti--2 { text-indent: -2px } .ti--3 { text-indent: -3px } [data-skin="dark"] .accordion-item { background-color: inherit; border-color: var(--border-color) } [data-skin="dark"] .accordion-button { background-color: inherit; color: inherit } [data-skin="dark"] .accordion-button:not(.collapsed) { background-color: #192030; box-shadow: inset 0 -1px 0 var(--border-color) } [data-skin="dark"] .accordion-custom .accordion-item:not(:first-of-type) { border-top-color: var(--border-color) } [data-skin="dark"] .accordion-custom .accordion-button { background-color: inherit } [data-skin="dark"] .accordion-custom .accordion-button:not(.collapsed) { background-color: #192030 } [data-skin="dark"] .accordion-custom .accordion-collapse { background-color: #192030 } [data-skin="dark"] .accordion-primary .accordion-button:not(.collapsed) { background-color: transparent } [data-skin="dark"] .avatar.online::after, [data-skin="dark"] .avatar.offline::after { box-shadow: 0 0 0 1.5px #192030 } [data-skin="dark"] .btn-close { filter: invert(1) } [data-skin="dark"] .card { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .card-primary { background-color: #506fd9 } [data-skin="dark"] .card-secondary { background-color: #6e7985 } [data-skin="dark"] .card-success { background-color: #0cb785 } [data-skin="dark"] .card-warning { background-color: #ffc107 } [data-skin="dark"] .card-danger { background-color: #dc3545 } [data-skin="dark"] .card-info { background-color: #0dcaf0 } [data-skin="dark"] .card-dark .card-header { border-bottom-color: var(--border-color) } [data-skin="dark"] .card-light { background-color: #f8f9fc; color: #41505f } [data-skin="dark"] .card-light .card-header { border-bottom-color: #e2e5ec } [data-skin="dark"] .card-header { background-color: #1c2437; border-bottom-color: var(--border-color) } [data-skin="dark"] .card-header-tabs .nav-link.active { background-color: #192030; border-color: var(--border-color); border-bottom-color: transparent; color: #fff } [data-skin="dark"] .card-footer { background-color: #1c2437; border-top-color: var(--border-color) } [data-skin="dark"] .divider::before, [data-skin="dark"] .divider::after { background-color: var(--border-color) } [data-skin="dark"] .dropdown-menu { border-color: transparent; background-color: #1e273a; color: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1) } [data-skin="dark"] .dropdown-item { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .dropdown-item:hover, [data-skin="dark"] .dropdown-item:focus { background-color: #192030; color: #fff } [data-skin="dark"] .dropdown-item.disabled { opacity: .6 } [data-skin="dark"] .dropdown-item.active:hover, [data-skin="dark"] .dropdown-item.active:focus { background-color: #506fd9 } [data-skin="dark"] .dropdown-header { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .dropdown-divider { opacity: 0.06 } [data-skin="dark"] .form-control, [data-skin="dark"] .gridjs-input { background-color: #192030; border-color: #27314b; color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .form-control:focus, [data-skin="dark"] .gridjs-input:focus { box-shadow: none; background-color: #1e273a; border-color: #27314b; color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .form-control:disabled, [data-skin="dark"] .gridjs-input:disabled, [data-skin="dark"] .form-control[readonly], [data-skin="dark"] .gridjs-input[readonly] { background-color: #141926 } [data-skin="dark"] .form-control:hover:not(:disabled):not([readonly])::file-selector-button, [data-skin="dark"] .gridjs-input:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #192030 } [data-skin="dark"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, [data-skin="dark"] .gridjs-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #192030 } [data-skin="dark"] .form-control::-moz-placeholder, [data-skin="dark"] .gridjs-input::-moz-placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .form-control::placeholder, [data-skin="dark"] .gridjs-input::placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .form-select { background-color: #192030; border-color: #27314b; color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .form-select:focus { box-shadow: none; border-color: #2d3855 } [data-skin="dark"] .form-select:disabled { background-color: #141926 } [data-skin="dark"] .form-check-input { border-color: #27314b; background-color: #141926 } [data-skin="dark"] .form-check-input:focus { border-color: #2d3855 } [data-skin="dark"] .form-switch .form-check-input { background-image: url("data:image/svg+xml,") } [data-skin="dark"] .form-range::-webkit-slider-runnable-track, [data-skin="dark"] .form-range::-moz-range-track { background-color: var(--border-color) } [data-skin="dark"] .input-group-text { background-color: #1c2335; border-color: #27314b; color: inherit } [data-skin="dark"] .form-search { background-color: #192030; border: 1px solid #27314b; box-shadow: none } [data-skin="dark"] .form-search.onfocus { background-color: #1e273a } [data-skin="dark"] .img-thumbnail { background-color: #1e273a; border-color: #27314b } [data-skin="dark"] .list-group-item { border-color: var(--border-color); background-color: transparent; color: inherit } [data-skin="dark"] .list-group-item.disabled { background-color: #141926; color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .marker { background-color: #141926; color: inherit } [data-skin="dark"] .marker-ribbon { background-color: #141926; border-color: #27314b } [data-skin="dark"] .marker-ribbon.top-left::before { border-right-color: #27314b; left: -11px } [data-skin="dark"] .marker-ribbon.top-right::before { border-left-color: #27314b; right: -11px } [data-skin="dark"] .modal-content { background-color: #1e273a } [data-skin="dark"] .modal-header { border-bottom-color: #27314b } [data-skin="dark"] .modal-title { color: #fff } [data-skin="dark"] .modal-footer { border-top-color: #27314b } [data-skin="dark"] .nav-sidebar .nav-link:not(.active) { color: inherit } [data-skin="dark"] .nav-sidebar .nav-link:not(.active):hover, [data-skin="dark"] .nav-sidebar .nav-link:not(.active):focus { background-color: #192030; color: inherit } [data-skin="dark"] .navbar-light .navbar-brand { color: #fff } [data-skin="dark"] .navbar-light .navbar-nav .nav-link { color: inherit } [data-skin="dark"] .navbar-light .navbar-nav .nav-link:hover, [data-skin="dark"] .navbar-light .navbar-nav .nav-link:focus { color: #fff } [data-skin="dark"] .navbar-light .navbar-nav .nav-link.active { color: #fff } [data-skin="dark"] .nav-icon .nav-link:hover, [data-skin="dark"] .nav-icon .nav-link:focus { color: #fff } [data-skin="dark"] .nav-line { border-bottom-color: var(--border-color) } [data-skin="dark"] .nav-line .nav-link { color: inherit } [data-skin="dark"] .nav-line .nav-link:hover, [data-skin="dark"] .nav-line .nav-link:focus { color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .nav-line .nav-link.active { color: #fff } [data-skin="dark"] .nav-classic .nav-link+.nav-link { border-top-color: #2b3651 } [data-skin="dark"] .nav-classic .badge { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .offcanvas { background-color: #192030 } [data-skin="dark"] .offcanvas-title { color: #fff } [data-skin="dark"] .page-link { background-color: #141926; border-color: var(--border-color) } [data-skin="dark"] .page-link:hover, [data-skin="dark"] .page-link:focus { background-color: #192030; border-color: #27314b } [data-skin="dark"] .page-item.disabled .page-link { background-color: #192030; border-color: var(--border-color); color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .pagination-filled .page-item.disabled .page-link { background-color: #141926 } [data-skin="dark"] .pagination-filled .page-item:not(.active) .page-link:hover { background-color: var(--border-color) } [data-skin="dark"] .pagination-filled .page-link { border-width: 0; background-color: #192030; color: #6e7985 } [data-skin="dark"] .popover { background-color: #192030; border-color: #27314b } [data-skin="dark"] .bs-popover-top>.popover-arrow::before, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { border-top-color: #27314b } [data-skin="dark"] .bs-popover-top>.popover-arrow::after, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { border-top-color: #192030 } [data-skin="dark"] .bs-popover-end>.popover-arrow::before, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { border-right-color: #27314b } [data-skin="dark"] .bs-popover-end>.popover-arrow::after, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { border-right-color: #192030 } [data-skin="dark"] .bs-popover-bottom>.popover-arrow::before, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { border-bottom-color: #27314b } [data-skin="dark"] .bs-popover-bottom>.popover-arrow::after, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { border-bottom-color: #192030 } [data-skin="dark"] .bs-popover-start>.popover-arrow::before, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { border-left-color: #27314b } [data-skin="dark"] .bs-popover-start>.popover-arrow::after, [data-skin="dark"] .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { border-left-color: #192030 } [data-skin="dark"] .popover-header { background-color: #192030; border-bottom-color: #27314b; color: #fff } [data-skin="dark"] .popover-body { color: inherit } [data-skin="dark"] .progress { background-color: var(--border-color) } [data-skin="dark"] .toast { background-color: rgba(34, 43, 65, 0.85) } [data-skin="dark"] .toast-header { background-color: rgba(39, 50, 75, 0.85) } [data-skin="dark"] .table { color: inherit } [data-skin="dark"] .table th, [data-skin="dark"] .table td { border-color: var(--border-color) } [data-skin="dark"] .table:not(.table-borderless)>:not(:first-child) { border-top-color: var(--border-color) } [data-skin="dark"] .table-striped>tbody>tr:nth-of-type(2n+1)>* { box-shadow: inset 0 0 0 9999px rgba(34, 43, 65, 0.6); color: inherit } [data-skin="dark"] .table-hover>tbody>tr:hover>* { box-shadow: inset 0 0 0 9999px rgba(34, 43, 65, 0.85); color: inherit } [data-skin="dark"] .table-active { color: inherit } [data-skin="dark"] .table-active td, [data-skin="dark"] .table-active th { box-shadow: inset 0 0 0 9999px rgba(34, 43, 65, 0.85) } [data-skin="dark"] .table-primary tbody th, [data-skin="dark"] .table-primary tbody td, [data-skin="dark"] .table-secondary tbody th, [data-skin="dark"] .table-secondary tbody td, [data-skin="dark"] .table-success tbody th, [data-skin="dark"] .table-success tbody td, [data-skin="dark"] .table-warning tbody th, [data-skin="dark"] .table-warning tbody td, [data-skin="dark"] .table-danger tbody th, [data-skin="dark"] .table-danger tbody td, [data-skin="dark"] .table-info tbody th, [data-skin="dark"] .table-info tbody td { border-color: #141926 } [data-skin="dark"] .table-primary td, [data-skin="dark"] .table-primary th { background-color: #506fd9 } [data-skin="dark"] .table-secondary td, [data-skin="dark"] .table-secondary th { background-color: #6e7985 } [data-skin="dark"] .table-success td, [data-skin="dark"] .table-success th { background-color: #0cb785 } [data-skin="dark"] .table-warning td, [data-skin="dark"] .table-warning th { background-color: #ffc107 } [data-skin="dark"] .table-danger td, [data-skin="dark"] .table-danger th { background-color: #dc3545 } [data-skin="dark"] .table-info td, [data-skin="dark"] .table-info th { background-color: #0dcaf0 } [data-skin="dark"] .table-bordered { border-color: var(--border-color) } [data-skin="dark"] .gridjs-pages button:disabled { border-color: var(--border-color) } [data-skin="dark"] .gridjs-input { background-color: #141926; border-color: var(--border-color); color: #fff } [data-skin="dark"] .gridjs-input:focus { box-shadow: none; background-color: #192030; border-color: #ebedf2; color: #fff } [data-skin="dark"] .gridjs-input::-moz-placeholder { opacity: .6 } [data-skin="dark"] .gridjs-input::placeholder { opacity: .6 } [data-skin="dark"] body { background-color: #141926; color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .sidebar:not(.sidebar-prime) { background-color: #192030; box-shadow: none; border-right: 1px solid var(--border-color) } [data-skin="dark"] .sidebar:not(.sidebar-prime)::before { background-color: rgba(11, 14, 21, 0.75) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-logo { color: #fff } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-header { border-bottom-color: var(--border-color) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-body .nav-group { border-bottom-color: var(--border-color) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-body .nav-label { color: rgba(255, 255, 255, 0.25) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-body>.ps__rail-y { background-color: rgba(255, 255, 255, 0.05) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-body>.ps__rail-y>.ps__thumb-y { background-color: rgba(255, 255, 255, 0.2) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link:hover, [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link:focus { color: rgba(255, 255, 255, 0.85) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link.active { color: var(--bs-primary); font-weight: 400 } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-link.has-sub::after { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link { color: rgba(255, 255, 255, 0.5) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link::before { background-color: rgba(255, 255, 255, 0.4) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link.active { color: rgba(255, 255, 255, 0.85) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .nav-sidebar .nav-sub-link.active::before { background-color: #506fd9 } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer { background-color: #192030; border-top-color: var(--border-color); box-shadow: none } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link:hover, [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer .dropdown-link:focus { background-color: #1e273a; color: #fff } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-body h6 a, [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-body .h6 a { color: #fff } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-body p { color: rgba(255, 255, 255, 0.4) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a:hover, [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-menu a:focus { background-color: #1d2437; color: #fff } [data-skin="dark"] .sidebar:not(.sidebar-prime) .sidebar-footer-menu hr { background-color: #fff; opacity: .1 } [data-skin="dark"] .sidebar-prime .nav-sidebar .nav-link:hover, [data-skin="dark"] .sidebar-prime .nav-sidebar .nav-link:focus { background-color: transparent; color: #fff } [data-skin="dark"] .header-main { background-color: #141926; border-bottom-color: transparent; border-left-width: 0 } [data-skin="dark"] .header-main .menu-link { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .header-main .menu-link:hover, [data-skin="dark"] .header-main .menu-link:focus { color: #fff } [data-skin="dark"] .header-main .form-search { background-color: #1e273a; border-width: 0 } [data-skin="dark"] .header-main .form-search.onfocus { background-color: var(--border-color) } [data-skin="dark"] .header-main .form-search i { color: #fff } [data-skin="dark"] .header-main .form-search .form-control, [data-skin="dark"] .header-main .form-search .gridjs-input { background-color: transparent; color: #fff } [data-skin="dark"] .header-main .form-search .form-control::-moz-placeholder, [data-skin="dark"] .header-main .form-search .gridjs-input::-moz-placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .header-main .form-search .form-control::placeholder, [data-skin="dark"] .header-main .form-search .gridjs-input::placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .header-main .dropdown-link { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .header-main .dropdown-link:hover, [data-skin="dark"] .header-main .dropdown-link:focus { color: #fff } [data-skin="dark"] .header-main .dropdown-link small, [data-skin="dark"] .header-main .dropdown-link .small { box-shadow: 0 0 0 1px #141926 } [data-skin="dark"] .dropdown-skin .dropdown-menu { background-color: #1e273a; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1) } [data-skin="dark"] .dropdown-skin .dropdown-menu hr { border-color: #2b3651; opacity: 1 } [data-skin="dark"] .nav-skin .nav-link { border-color: #344162; color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .nav-skin .nav-link:hover, [data-skin="dark"] .nav-skin .nav-link:focus { border-color: #3c4c73; background-color: #2b3651; color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .nav-skin .nav-link.active { border-color: var(--bs-primary); background-color: var(--bs-primary); color: #fff } [data-skin="dark"] .dropdown-notification .dropdown-menu { background-color: #1e273a; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1) } [data-skin="dark"] .dropdown-notification .dropdown-menu-header { border-bottom-color: #2b3651 } [data-skin="dark"] .dropdown-notification .dropdown-menu-title { color: #fff } [data-skin="dark"] .dropdown-notification .dropdown-menu-footer { border-top-color: #2b3651 } [data-skin="dark"] .dropdown-notification .list-group-item:hover, [data-skin="dark"] .dropdown-notification .list-group-item:focus { background-color: #192030 } [data-skin="dark"] .dropdown-notification .list-group-body { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .dropdown-profile .dropdown-menu { background-color: #1e273a; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1) } [data-skin="dark"] .dropdown-profile .nav a { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .dropdown-profile .nav a:hover, [data-skin="dark"] .dropdown-profile .nav a:focus { background-color: var(--border-color); color: #fff } [data-skin="dark"] .dropdown-profile hr { background-color: var(--border-color) } [data-skin="dark"] .main-title { color: #fff } [data-skin="dark"] .main-separator { background-color: var(--border-color) } [data-skin="dark"] .main-footer { color: inherit; border-top-color: var(--border-color) } [data-skin="dark"] .section-title { color: #fff } [data-skin="dark"] .main-label-group label { color: #fff } [data-skin="dark"] .main-backdrop { background-color: rgba(20, 25, 38, 0.85) } [data-skin="dark"] .select2-container--default .select2-results__option--selected { background-color: #141926 } [data-skin="dark"] .select2-container--default .select2-selection--single { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit } [data-skin="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .select2-container--default .select2-selection--single .select2-selection__clear { color: rgba(255, 255, 255, 0.5) } [data-skin="dark"] .select2-container--default .select2-selection--single .select2-selection__clear:hover { color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .select2-container--default .select2-selection--multiple { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #27314b } [data-skin="dark"] .select2-container--default .select2-search--dropdown .select2-search__field { border-color: transparent; background-color: #141926; outline: none } [data-skin="dark"] .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .select2-container--default .select2-search--dropdown .select2-search__field::placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #506fd9 } [data-skin="dark"] .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .select2-container--default .select2-search--inline .select2-search__field::placeholder { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #141926 } [data-skin="dark"] .select2-container--open .select2-selection--single, [data-skin="dark"] .select2-container--open .select2-selection--multiple { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .select2-dropdown { border-color: transparent; background-color: var(--border-color) } [data-skin="dark"] .bootstrap-tagsinput { background-color: #192030; border-color: #27314b } [data-skin="dark"] .irs--flat .irs-min, [data-skin="dark"] .irs--flat .irs-max { color: inherit; background-color: var(--border-color) } [data-skin="dark"] .irs--flat .irs-line { background-color: var(--border-color) } [data-skin="dark"] .irs--flat .irs-grid-text { color: inherit } [data-skin="dark"] .irs--flat .irs-grid-pol { background-color: var(--border-color) } [data-skin="dark"] .irs--round .irs-line { background-color: var(--border-color) } [data-skin="dark"] .irs--round .irs-min, [data-skin="dark"] .irs--round .irs-max { background-color: #192030; color: inherit } [data-skin="dark"] .irs--round .irs-grid-text { color: inherit } [data-skin="dark"] .irs--round .irs-grid-pol { background-color: var(--border-color) } [data-skin="dark"] .irs--square .irs-line, [data-skin="dark"] .irs--square .irs-grid-pol { background-color: var(--border-color) } [data-skin="dark"] .irs--square .irs-min, [data-skin="dark"] .irs--square .irs-max { background-color: var(--border-color); color: #6e7985 } [data-skin="dark"] .irs--square .irs-grid-text { color: #6e7985 } [data-skin="dark"] .irs--square .irs-from, [data-skin="dark"] .irs--square .irs-to { background-color: #506fd9 } [data-skin="dark"] .irs--square .irs-handle { border-color: #506fd9 } [data-skin="dark"] .irs--square .irs-bar { background-color: #506fd9 } [data-skin="dark"] .ui-datepicker { background-color: #192030; border-color: #27314b } [data-skin="dark"] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, [data-skin="dark"] .ui-datepicker .ui-datepicker-header .ui-datepicker-next { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ui-datepicker .ui-datepicker-title { color: #fff } [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar th { color: rgba(255, 255, 255, 0.6); font-weight: 400 } [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar td { background-color: transparent; border-color: var(--border-color) } [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar td a { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar td a:hover, [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar td a:focus { background-color: #1e273a; color: #fff } [data-skin="dark"] .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .ui-datepicker select.ui-datepicker-month, [data-skin="dark"] .ui-datepicker select.ui-datepicker-year { background-color: transparent; border-color: var(--border-color); color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .sp-replacer { background-color: #141926; border-color: var(--border-color) } [data-skin="dark"] .sp-replacer:hover, [data-skin="dark"] .sp-replacer:focus { border-color: #2b3651 } [data-skin="dark"] .sp-dd { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .sp-container { background-color: #1e273a; border-color: #2d3855; box-shadow: none } [data-skin="dark"] .wizard { background-color: #192030; border-color: #27314b } [data-skin="dark"] .wizard>.content { border-top-color: var(--border-color); border-bottom-color: var(--border-color) } [data-skin="dark"] .wizard>.content>.title { color: #fff } [data-skin="dark"] .wizard>.actions .disabled a, [data-skin="dark"] .wizard>.actions .disabled a:hover, [data-skin="dark"] .wizard>.actions .disabled a:focus { background-color: var(--border-color); color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .wizard>.steps .disabled a .number { border-color: #2b3651 } [data-skin="dark"] .wizard>.steps .disabled a:hover .number, [data-skin="dark"] .wizard>.steps .disabled a:focus .number { border-color: #344162 } [data-skin="dark"] .wizard.vertical>.steps ul li+li::before { border-color: var(--border-color) } @media (min-width: 576px) { [data-skin="dark"] .wizard.vertical>.content, [data-skin="dark"] .wizard.vertical>.actions { border-left-color: var(--border-color) } } @media (min-width: 768px) { [data-skin="dark"] .wizard.vertical>.actions { border-top-color: var(--border-color) } } [data-skin="dark"] .wizard-tab { background-color: transparent } [data-skin="dark"] .wizard-tab>.actions { border-top-color: var(--border-color) } [data-skin="dark"] .wizard-tab>.steps .disabled a { background-color: var(--border-color) } [data-skin="dark"] .ql-snow.ql-toolbar { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .ql-snow.ql-toolbar button:hover, [data-skin="dark"] .ql-snow.ql-toolbar button:focus { background-color: var(--border-color) } [data-skin="dark"] .ql-snow.ql-toolbar button.ql-active { background-color: var(--border-color) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-picker { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-stroke { stroke: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-fill { fill: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label::before { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .ql-snow.ql-toolbar .ql-font.ql-picker:hover, [data-skin="dark"] .ql-snow.ql-toolbar .ql-font.ql-picker:focus { background-color: #192030 } [data-skin="dark"] .ql-snow.ql-container { border-color: #27314b } [data-skin="dark"] .ql-editor { background-color: #141926; color: inherit } [data-skin="dark"] .card-one { box-shadow: none } [data-skin="dark"] .card-one .card-header { border-bottom-color: var(--border-color) } [data-skin="dark"] .card-one .card-header .card-title { color: #fff } [data-skin="dark"] .card-one small, [data-skin="dark"] .card-one .small { color: inherit } [data-skin="dark"] .card-one .people-item+.people-item { border-top-color: var(--border-color) } [data-skin="dark"] .card-one .card-footer { border-top-color: var(--border-color) } [data-skin="dark"] .card-one .list-group-item { border-color: #27314b } [data-skin="dark"] .card-value { color: #fff } [data-skin="dark"] .earning-item h4, [data-skin="dark"] .earning-item .h4 { color: #fff } [data-skin="dark"] .earning-item h4 span, [data-skin="dark"] .earning-item .h4 span { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .earning-item label { color: inherit } [data-skin="dark"] .table-one tbody td, [data-skin="dark"] .table-two tbody td { border-color: var(--border-color) } [data-skin="dark"] .progress-one .progress-bar+.progress-bar { border-left-color: #192030 } [data-skin="dark"] .table-three tbody td:nth-child(2), [data-skin="dark"] .table-three tbody td:nth-child(3) { color: #fff } [data-skin="dark"] .table-three tbody td { border-color: #27314b } [data-skin="dark"] .table-three tbody td:nth-child(2), [data-skin="dark"] .table-three tbody td:nth-child(3) { color: #fff } [data-skin="dark"] .table-four thead th { background-color: #141926 } [data-skin="dark"] .card-footer-crypto strong { color: #fff } [data-skin="dark"] .table-five tbody td { border-color: #27314b } [data-skin="dark"] .news-item+.news-item { border-top-color: #27314b } [data-skin="dark"] .finance-info { background-image: none } [data-skin="dark"] .finance-value { color: #fff } [data-skin="dark"] .finance-value span { color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .card-wallet .card-value { color: #fff } [data-skin="dark"] .card-wallet .badge-dot { background-color: #fff } [data-skin="dark"] .card-wallet .card-body h5, [data-skin="dark"] .card-wallet .card-body .h5 { color: #fff } [data-skin="dark"] .flot-chart-eight .flot-tick-label, [data-skin="dark"] .flot-chart-nine .flot-tick-label { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .finance-item-circle { background-color: #232d44 } [data-skin="dark"] .finance-item-circle h1, [data-skin="dark"] .finance-item-circle .h1 { color: #fff } [data-skin="dark"] .finance-item-circle label { color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .table-ratings tbody td { border-color: #27314b } [data-skin="dark"] .table-ratings tbody td strong { color: #fff } [data-skin="dark"] .table-ratings tbody td:nth-child(3) { color: rgba(255, 255, 255, 0.75) } [data-skin="dark"] .table-agent tbody td { border-color: #27314b } [data-skin="dark"] .table-agent h6, [data-skin="dark"] .table-agent .h6 { color: #fff } [data-skin="dark"] .events-reviews li { border-top-color: #27314b } [data-skin="dark"] .events-reviews p { color: inherit } [data-skin="dark"] .events-body .ev-item { background-color: var(--border-color); border-left-color: #344162 } [data-skin="dark"] .events-body .ev-item h6, [data-skin="dark"] .events-body .ev-item .h6 { color: #fff } [data-skin="dark"] .events-body .ev-item p { color: inherit } [data-skin="dark"] .event-date { background-color: #2a3652; color: #fff } [data-skin="dark"] .flot-chart-fourteen .flot-tick-label { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .storage-item .storage-icon { background-color: var(--border-color) } [data-skin="dark"] .card-article .card-title { color: #fff } [data-skin="dark"] .product-wrapper { background-color: var(--border-color) } [data-skin="dark"] .revenue-item-body span:nth-child(2) { color: #fff } [data-skin="dark"] .total-sales-body { background-image: none } [data-skin="dark"] .page-app .dropdown-menu { box-shadow: none } [data-skin="dark"] .music-title a { color: #fff } [data-skin="dark"] .music-text { color: inherit } [data-skin="dark"] .app-music .main-label-group label { color: #fff } [data-skin="dark"] .app-music .sidebar-right .nav-link { color: inherit } [data-skin="dark"] .card-album { box-shadow: none } [data-skin="dark"] .table-music tbody tr { box-shadow: none } [data-skin="dark"] .table-music tbody td { background-color: #192030 } [data-skin="dark"] .music-player { background-color: #192030; box-shadow: none } [data-skin="dark"] .nav-player .nav-link { color: inherit } [data-skin="dark"] .music-volume a { color: inherit } [data-skin="dark"] .media-music h6 a, [data-skin="dark"] .media-music .h6 a { color: #fff } [data-skin="dark"] .media-music span { color: inherit } [data-skin="dark"] .music-range .progress { background-color: var(--border-color) } [data-skin="dark"] .music-volume .progress { background-color: var(--border-color) } [data-skin="dark"] .card-video { box-shadow: none } [data-skin="dark"] .card-video .card-title a { color: #fff } [data-skin="dark"] .app-video .main-label-group label { color: #fff } [data-skin="dark"] .card-video-item { box-shadow: none } [data-skin="dark"] .card-video-item .card-title a { color: #fff } [data-skin="dark"] .card-movie { box-shadow: none } [data-skin="dark"] .card-movie .card-title a { color: #fff } [data-skin="dark"] .card-poster { box-shadow: none } [data-skin="dark"] .card-task { box-shadow: none } [data-skin="dark"] .card-task:hover, [data-skin="dark"] .card-task:focus { border-color: #506fd9 } [data-skin="dark"] .card-task .card-title { color: #fff } [data-skin="dark"] .task-calendar .ui-datepicker-inline { box-shadow: none } [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td { border-color: #27314b } [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td a:hover, [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td a:focus, [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover, [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:focus { background-color: var(--border-color) } [data-skin="dark"] .contact-body { background-color: #192030; box-shadow: none } @media (min-width: 768px) { [data-skin="dark"] .contact-list { border-right-color: #27314b } } [data-skin="dark"] .contact-list-header { background-color: inherit; border-bottom-color: #27314b } [data-skin="dark"] .contact-list-header .sidebar-title { color: #fff } [data-skin="dark"] .contact-sidebar .nav-sidebar .nav-link:not(.active) { color: inherit } [data-skin="dark"] .contact-sidebar .nav-sidebar .nav-link:not(.active):hover, [data-skin="dark"] .contact-sidebar .nav-sidebar .nav-link:not(.active):focus { background-color: #192030; color: #fff } [data-skin="dark"] .contact-group .contact-item:not(.selected):hover, [data-skin="dark"] .contact-group .contact-item:not(.selected):focus { background-color: #1e273a } [data-skin="dark"] .contact-group .contact-item-body h6, [data-skin="dark"] .contact-group .contact-item-body .h6 { color: #fff } [data-skin="dark"] .contact-content hr { opacity: 0.1 } [data-skin="dark"] .contact-content .nav-sidebar .nav-link { color: inherit } [data-skin="dark"] .contact-content .nav-sidebar .nav-link:hover, [data-skin="dark"] .contact-content .nav-sidebar .nav-link:focus { background-color: #1e273a; color: #fff } [data-skin="dark"] .chat-panel { background-color: #192030; box-shadow: none } [data-skin="dark"] .chat-sidebar { background-color: transparent } @media (min-width: 768px) { [data-skin="dark"] .chat-sidebar { border-right-color: #27314b } } [data-skin="dark"] .chat-sidebar .sidebar-header { background-color: transparent; border-bottom-color: #27314b } [data-skin="dark"] .chat-sidebar .sidebar-title { color: #fff } [data-skin="dark"] .chat-group .chat-item:not(.selected):hover, [data-skin="dark"] .contact-group .chat-item:not(.selected):hover, [data-skin="dark"] .chat-group .contact-item:not(.selected):hover, [data-skin="dark"] .contact-group .contact-item:not(.selected):hover, [data-skin="dark"] .chat-group .chat-item:not(.selected):focus, [data-skin="dark"] .contact-group .chat-item:not(.selected):focus, [data-skin="dark"] .chat-group .contact-item:not(.selected):focus, [data-skin="dark"] .contact-group .contact-item:not(.selected):focus { background-color: #1e273a } [data-skin="dark"] .chat-group .chat-item-body h6, [data-skin="dark"] .contact-group .chat-item-body h6, [data-skin="dark"] .chat-group .contact-item-body h6, [data-skin="dark"] .contact-group .contact-item-body h6, [data-skin="dark"] .chat-group .chat-item-body .h6, [data-skin="dark"] .contact-group .chat-item-body .h6, [data-skin="dark"] .chat-group .contact-item-body .h6, [data-skin="dark"] .contact-group .contact-item-body .h6 { color: #fff } [data-skin="dark"] .chat-body-header { background-color: transparent; border-bottom-color: #27314b } [data-skin="dark"] .chat-body-header .chat-item-body h6, [data-skin="dark"] .chat-body-header .contact-item-body h6, [data-skin="dark"] .chat-body-header .chat-item-body .h6, [data-skin="dark"] .chat-body-header .contact-item-body .h6 { color: #fff } [data-skin="dark"] .msg-bubble { background-color: #1e273a } [data-skin="dark"] .chat-body-footer { border-top-color: #27314b; background-color: transparent } [data-skin="dark"] .msg-box .form-control, [data-skin="dark"] .msg-box .gridjs-input { background-color: #1e273a } [data-skin="dark"] .msg-box .form-control:focus, [data-skin="dark"] .msg-box .gridjs-input:focus { background-color: #232d44; border-color: transparent } [data-skin="dark"] .calendar-sidebar .sidebar-body .event-body h6 a, [data-skin="dark"] .calendar-sidebar .sidebar-body .event-body .h6 a { color: #fff } [data-skin="dark"] .nav-calendar .nav-link { color: inherit } [data-skin="dark"] .nav-calendar .nav-link:hover, [data-skin="dark"] .nav-calendar .nav-link:focus { color: #fff } [data-skin="dark"] .calendar-body .fc-col-header th a { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .calendar-body .fc-button-primary { background-color: transparent; border-color: #27314b } [data-skin="dark"] .calendar-body .fc-button-primary:hover, [data-skin="dark"] .calendar-body .fc-button-primary:focus { background-color: #1e273a; border-color: #2d3855; color: #fff } [data-skin="dark"] .calendar-body .fc-button-primary:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.3); border-color: var(--border-color) } [data-skin="dark"] .calendar-body .fc-toolbar-title { color: #fff } [data-skin="dark"] .calendar-body .fc-scrollgrid { background-color: #192030; border-color: #27314b } [data-skin="dark"] .calendar-body .fc-col-header th { border-color: #27314b } [data-skin="dark"] .calendar-body .fc-daygrid-day { border-color: #27314b } [data-skin="dark"] .calendar-body .fc-daygrid-dot-event { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .calendar-body .fc-daygrid-dot-event .fc-event-title { color: rgba(255, 255, 255, 0.6) } [data-skin="dark"] .calendar-body .fc-daygrid-dot-event:hover, [data-skin="dark"] .calendar-body .fc-daygrid-dot-event:focus { background-color: var(--border-color); color: #fff } [data-skin="dark"] .calendar-body .fc-daygrid-dot-event:hover .fc-event-title, [data-skin="dark"] .calendar-body .fc-daygrid-dot-event:focus .fc-event-title { color: #fff } [data-skin="dark"] .calendar-body .fc-daygrid-day-number { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .fc-theme-standard th, [data-skin="dark"] .fc-theme-standard td { border-color: #27314b } [data-skin="dark"] .task-calendar .ui-datepicker .ui-datepicker-calendar td:last-child { border-color: #27314b } [data-skin="dark"] .modal-event .date-item span { color: #fff } [data-skin="dark"] .modal-event p { color: #fff } @media (min-width: 768px) { [data-skin="dark"] .email-sidebar { border-right-color: var(--border-color) } } [data-skin="dark"] .email-sidebar hr { opacity: .1 } @media (min-width: 768px) { [data-skin="dark"] .email-list { border-right-color: var(--border-color) } } [data-skin="dark"] .email-list-header { border-bottom-color: var(--border-color) } [data-skin="dark"] .email-list-header h5, [data-skin="dark"] .email-list-header .h5 { color: #fff } [data-skin="dark"] .email-list-label { border-bottom-color: var(--border-color) } [data-skin="dark"] .email-item { border-bottom-color: var(--border-color) } [data-skin="dark"] .email-item:hover, [data-skin="dark"] .email-item:focus { background-color: #181d2d } [data-skin="dark"] .email-item.unread { background-color: #192030 } [data-skin="dark"] .email-item.unread .email-item-sender { color: #fff } [data-skin="dark"] .email-item.unread .email-item-summary { color: #fff } [data-skin="dark"] .email-item.selected { background-color: #1e273a } [data-skin="dark"] .email-content-empty { color: inherit } [data-skin="dark"] .email-content-header { border-bottom-color: var(--border-color) } [data-skin="dark"] .email-content-header .nav-link { color: inherit } [data-skin="dark"] .email-content-body hr { opacity: .1 } [data-skin="dark"] .card-attachment { box-shadow: none } [data-skin="dark"] .card-attachment .card-content h6 a, [data-skin="dark"] .card-attachment .card-content .h6 a { color: #fff } [data-skin="dark"] .compose-wrapper .ql-editor { box-shadow: none } @media (min-width: 992px) { [data-skin="dark"] .file-sidebar { border-right-color: var(--border-color) } } [data-skin="dark"] .card-file { box-shadow: none } [data-skin="dark"] .card-file .card-body h6 a, [data-skin="dark"] .card-file .card-body .h6 a { color: #fff } [data-skin="dark"] .card-file .card-file-icon { background-color: var(--border-color) } [data-skin="dark"] .card-folder { box-shadow: none } [data-skin="dark"] .card-folder .card-body h6 a, [data-skin="dark"] .card-folder .card-body .h6 a { color: #fff } [data-skin="dark"] .table-files tbody tr { box-shadow: none } [data-skin="dark"] .table-files tbody tr td { background-color: #192030 } [data-skin="dark"] .table-files .file-name a { color: #fff } [data-skin="dark"] .media-profile .media-name { color: #fff } [data-skin="dark"] .profile-item-body p { color: #fff } [data-skin="dark"] .profile-item-body span { color: inherit } [data-skin="dark"] .post-bar { border: 1px solid #27314b; background-color: #192030; box-shadow: none } [data-skin="dark"] .post-bar-item+.post-bar-item { border-left-color: #27314b } [data-skin="dark"] .post-bar-item a { color: inherit } [data-skin="dark"] .card-post { box-shadow: none } [data-skin="dark"] .card-post .card-header { border-bottom-color: #27314b } [data-skin="dark"] .card-post .card-title { color: #fff } [data-skin="dark"] .card-post .link-more { color: inherit } [data-skin="dark"] .card-post .link-more:hover, [data-skin="dark"] .card-post .link-more:focus { color: #fff } [data-skin="dark"] .card-post .card-footer { border-top-color: #27314b } [data-skin="dark"] .card-post .card-footer .nav-link { color: inherit } [data-skin="dark"] .post-content h6, [data-skin="dark"] .post-content .h6 { color: #fff } [data-skin="dark"] .post-content span { color: inherit } [data-skin="dark"] .post-date { color: inherit } [data-skin="dark"] .post-preview { background-color: var(--border-color) } [data-skin="dark"] .post-preview h5, [data-skin="dark"] .post-preview .h5 { color: #fff } [data-skin="dark"] .post-preview p { color: inherit } [data-skin="dark"] .post-preview span { color: inherit; opacity: .65 } [data-skin="dark"] .experience-body h5, [data-skin="dark"] .experience-body .h5, [data-skin="dark"] .interest-body h6, [data-skin="dark"] .interest-body .h6 { color: #fff } [data-skin="dark"] .profile-mutual h6, [data-skin="dark"] .profile-mutual .h6 { color: #fff } [data-skin="dark"] .mutual-group .avatar { box-shadow: 0 0 0 2px #141926 } [data-skin="dark"] .people-body h6 a, [data-skin="dark"] .people-body .h6 a { color: #fff } [data-skin="dark"] .card-people { box-shadow: none } [data-skin="dark"] .card-people h6 a, [data-skin="dark"] .card-people .h6 a { color: #fff } [data-skin="dark"] .card-people p { color: inherit } [data-skin="dark"] .activity-group { border-left-color: var(--border-color) } [data-skin="dark"] .activity-date::before { border-top-color: var(--border-color) } [data-skin="dark"] .card-comment { box-shadow: none; color: inherit } [data-skin="dark"] .card-comment strong { color: #fff } [data-skin="dark"] .card-event { box-shadow: none } [data-skin="dark"] .card-event h6 a, [data-skin="dark"] .card-event .h6 a { color: #fff } [data-skin="dark"] .event-body h6 a, [data-skin="dark"] .event-body .h6 a { color: #fff } [data-skin="dark"] .event-body p { color: inherit } [data-skin="dark"] .mutual-badge ul .avatar { border-color: #141926 } [data-skin="dark"] .card-settings { box-shadow: none } [data-skin="dark"] .card-settings .card-title { color: #fff } [data-skin="dark"] .card-settings .card-text { color: inherit } [data-skin="dark"] .card-settings .card-header { border-bottom-color: #27314b } [data-skin="dark"] .setting-item h6, [data-skin="dark"] .setting-item .h6 { color: #fff } [data-skin="dark"] .setting-item p { color: inherit } [data-skin="dark"] .setting-item+.setting-item { border-top-color: #27314b } [data-skin="dark"] .setting-item .table td { border-color: #27314b } [data-skin="dark"] .card-app { box-shadow: none } [data-skin="dark"] .page-sign { background-color: #1e273a } @media (min-width: 576px) { [data-skin="dark"] .page-sign { background-color: #141926 } } [data-skin="dark"] .page-sign.d-block .col-wrapper { background-color: #1e273a } [data-skin="dark"] .card-sign { box-shadow: none; background-color: #1e273a } [data-skin="dark"] .card-sign .card-title { color: #fff } [data-skin="dark"] .card-sign .card-text { color: inherit } [data-skin="dark"] .card-auth { background-color: transparent } [data-skin="dark"] .card-auth .card-title { color: #fff } [data-skin="dark"] .card-auth .card-text { color: inherit } [data-skin="dark"] .error-title { color: #fff } [data-skin="dark"] .error-number { color: #fff } [data-skin="dark"] .error-text { color: inherit } [data-skin="dark"] .pricing-title { color: #fff } [data-skin="dark"] .pricing-text { color: inherit } [data-skin="dark"] .pricing-price { color: #fff } [data-skin="dark"] .table-pricing thead th>small, [data-skin="dark"] .table-pricing thead th>.small { color: inherit } [data-skin="dark"] .table-pricing .title td { border-bottom-color: #2b3651 } [data-skin="dark"] .table-pricing .title td:first-child { color: #fff } [data-skin="dark"] .table-pricing tbody td:first-child { color: #fff } [data-skin="dark"] .table-pricing tbody td:first-child small, [data-skin="dark"] .table-pricing tbody td:first-child .small { color: rgba(255, 255, 255, 0.65) } [data-skin="dark"] .table-pricing thead th.selected, [data-skin="dark"] .table-pricing tbody td.selected { background-color: rgba(80, 111, 217, 0.1) } [data-skin="dark"] .main-faq .nav-classic .nav-link { color: inherit } [data-skin="dark"] .accordion-faq .accordion-item { background-color: #192030; box-shadow: none } [data-skin="dark"] .accordion-faq .accordion-button.collapsed { color: #fff } [data-skin="dark"] .accordion-faq .accordion-button::after { opacity: 1 } [data-skin="dark"] .headline-content::before { display: none } [data-skin="dark"] .landing-header .menu-link { color: #fff } [data-skin="dark"] .landing-header .nav-icon .nav-link { color: #fff } [data-skin="dark"] .landing-body .dropdown-link { background-color: #192030; border-color: #2b3651; color: #fff } [data-skin="dark"] .main-title-text { color: rgba(255, 255, 255, 0.85) } [data-skin="dark"] .main-subtitle { color: #fff } [data-skin="dark"] .main-footer-docs::before { border-top-color: var(--border-color) } [data-skin="dark"] .nav-docs label { color: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .nav-docs .nav-link { color: inherit } [data-skin="dark"] .nav-docs .nav-link.active { color: #fff } [data-skin="dark"] .nav-docs hr { opacity: .06 } [data-skin="dark"] .card-example { background-color: transparent; border-color: var(--border-color) } [data-skin="dark"] .card-example>.card-body::before { background-color: #141926; color: rgba(255, 255, 255, 0.35) } [data-skin="dark"] .card-example>.card-footer { background-color: #192030; border-top-color: var(--border-color) } [data-skin="dark"] .card-example>.card-footer code { text-shadow: none; color: #fff } [data-skin="dark"] .token.operator { background-color: transparent } [data-skin="dark"] .row-example span { background-color: #192030; border-color: var(--border-color) } [data-skin="dark"] .offcanvas-demo { background-color: #141926; border-color: var(--border-color) } [data-skin="dark"] .offcanvas-demo .offcanvas { border-right-color: var(--border-color) } [data-skin="dark"] .scrollspy-demo { background-color: #141926; border-color: var(--border-color) } [data-skin="dark"] .toast-demo { background-color: #192030 } [data-skin="dark"] .icon-group { background-color: #141926; border-color: var(--border-color) } [data-skin="dark"] .icon-group i, [data-skin="dark"] .icon-group svg { color: inherit } [data-skin="dark"] .media-animate .nav-link { background-color: #192030; color: inherit } [data-skin="dark"] .media-animate .animate-title { text-shadow: none } [data-skin="dark"] .demo-border>span, [data-skin="dark"] .demo-bordered>span { background-color: transparent } [data-skin="dark"] .demo-bordered span { border-color: #2b3651 } [data-skin="dark"] .demo-text p, [data-skin="dark"] .demo-text a { background-color: #192030 } [data-skin="dark"] .demo-flex .bg-gray-300 { background-color: #192030 } [data-skin="dark"] .demo-flot .flot-y-axis>div, [data-skin="dark"] .demo-flot .flot-x-axis>div { color: rgba(255, 255, 255, 0.6) !important } [data-skin="dark"] .demo-flot .legend>div { background-color: transparent !important } [data-skin="dark"] .demo-flot .legend table { color: rgba(255, 255, 255, 0.6) !important } [data-skin="dark"] .demo-flot .legend td { padding-right: 5px } [data-skin="dark"] .morris-donut path { stroke: rgba(255, 255, 255, 0.3) } [data-skin="dark"] .morris-donut text { fill: #fff } [data-skin="dark"] .text-dark { color: #fff !important } [data-skin="dark"] .text-secondary { color: rgba(255, 255, 255, 0.65) !important } [data-skin="dark"] .border { border-color: #2b3651 !important } [data-skin="dark"] .border-top { border-top-color: #2b3651 !important } [data-skin="dark"] .border-bottom { border-bottom-color: #2b3651 !important } [data-skin="dark"] .border-start { border-left-color: #2b3651 !important } [data-skin="dark"] .border-end { border-right-color: #2b3651 !important } [data-skin="dark"] .border-primary { border-color: #506fd9 !important } [data-skin="dark"] .border-secondary { border-color: #6e7985 !important } [data-skin="dark"] .border-success { border-color: #0cb785 !important } [data-skin="dark"] .border-warning { border-color: #ffc107 !important } [data-skin="dark"] .border-danger { border-color: #dc3545 !important } [data-skin="dark"] .border-info { border-color: #0dcaf0 !important } [data-skin="dark"] .border-light { border-color: #f8f9fc !important } [data-skin="dark"] .border-dark { border-color: #212830 !important } [data-skin="dark"] .border-white { border-color: #fff !important } .multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%} .multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0} .multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)} .multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default} .multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))} .multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%} .multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0} .multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)} .multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%} .multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none} .multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)} .multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0} .multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap} .multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)} .multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .multiselect-tag-wrapper-break{white-space:normal;word-break:break-all} .multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)} .multiselect-tag-remove:hover{background:rgba(0,0,0,.063)} .multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem} .multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative} .multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%} .multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%} .multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none} .multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%} .multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10} .multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0} .multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10} .multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)} .multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s} .multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem} .multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0deg);transition:transform .3s;z-index:10} .multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)} .multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100} .multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)} .multiselect-dropdown.is-hidden{display:none} .multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0} .multiselect-group{margin:0;padding:0} .multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none} .multiselect-group-label.is-pointable{cursor:pointer} .multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)} .multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)} .multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed} .multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)} .multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)} .multiselect-group-options{margin:0;padding:0} .multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none} .multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)} .multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)} .multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed} .multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)} .multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)} .multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)} .multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%} .multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none} .multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px} .multiselect-spacer{display:none} [dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0} [dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)} [dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)} [dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0} [dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)} [dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)} [dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)} @keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}} /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps { position: relative; } .fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat} .fi{position:relative;display:inline-block;width:1.333333em;line-height:1em} .fi:before{content:" "} .fi.fis{width:1em} .fi-xx{background-image:url(https://y.rapesa.com/build/assets/xx-5f776f5b.svg)} .fi-xx.fis{background-image:url(https://y.rapesa.com/build/assets/xx-84717c7a.svg)} .fi-ad{background-image:url(https://y.rapesa.com/build/assets/ad-01e40953.svg)} .fi-ad.fis{background-image:url(https://y.rapesa.com/build/assets/ad-4b037d69.svg)} .fi-ae{background-image:url(https://y.rapesa.com/build/assets/ae-e646ea13.svg)} .fi-ae.fis{background-image:url(https://y.rapesa.com/build/assets/ae-534fefed.svg)} .fi-af{background-image:url(https://y.rapesa.com/build/assets/af-dcf380eb.svg)} .fi-af.fis{background-image:url(https://y.rapesa.com/build/assets/af-2b0f0512.svg)} .fi-ag{background-image:url(https://y.rapesa.com/build/assets/ag-d8b2d313.svg)} .fi-ag.fis{background-image:url(https://y.rapesa.com/build/assets/ag-0426382d.svg)} .fi-ai{background-image:url(https://y.rapesa.com/build/assets/ai-9404c772.svg)} .fi-ai.fis{background-image:url(https://y.rapesa.com/build/assets/ai-259c2c73.svg)} .fi-al{background-image:url(https://y.rapesa.com/build/assets/al-d5d048db.svg)} .fi-al.fis{background-image:url(https://y.rapesa.com/build/assets/al-21e1b6b5.svg)} .fi-am{background-image:url(https://y.rapesa.com/build/assets/am-efb6cdaa.svg)} .fi-am.fis{background-image:url(https://y.rapesa.com/build/assets/am-57edcffa.svg)} .fi-ao{background-image:url(https://y.rapesa.com/build/assets/ao-3c52ff53.svg)} .fi-ao.fis{background-image:url(https://y.rapesa.com/build/assets/ao-a296c39c.svg)} .fi-aq{background-image:url(https://y.rapesa.com/build/assets/aq-454424bf.svg)} .fi-aq.fis{background-image:url(https://y.rapesa.com/build/assets/aq-733794b7.svg)} .fi-ar{background-image:url(https://y.rapesa.com/build/assets/ar-2f7aada4.svg)} .fi-ar.fis{background-image:url(https://y.rapesa.com/build/assets/ar-1768d119.svg)} .fi-as{background-image:url(https://y.rapesa.com/build/assets/as-43a6bbb4.svg)} .fi-as.fis{background-image:url(https://y.rapesa.com/build/assets/as-c4c6fecf.svg)} .fi-at{background-image:url(https://y.rapesa.com/build/assets/at-2754ed2f.svg)} .fi-at.fis{background-image:url(https://y.rapesa.com/build/assets/at-9152f136.svg)} .fi-au{background-image:url(https://y.rapesa.com/build/assets/au-6cf0b0da.svg)} .fi-au.fis{background-image:url(https://y.rapesa.com/build/assets/au-01aa7963.svg)} .fi-aw{background-image:url(https://y.rapesa.com/build/assets/aw-c790e041.svg)} .fi-aw.fis{background-image:url(https://y.rapesa.com/build/assets/aw-e778dd16.svg)} .fi-ax{background-image:url(https://y.rapesa.com/build/assets/ax-1f2bddd3.svg)} .fi-ax.fis{background-image:url(https://y.rapesa.com/build/assets/ax-4702b3f0.svg)} .fi-az{background-image:url(https://y.rapesa.com/build/assets/az-b942e12d.svg)} .fi-az.fis{background-image:url(https://y.rapesa.com/build/assets/az-fef5c465.svg)} .fi-ba{background-image:url(https://y.rapesa.com/build/assets/ba-a87565c0.svg)} .fi-ba.fis{background-image:url(https://y.rapesa.com/build/assets/ba-6f3a3ab7.svg)} .fi-bb{background-image:url(https://y.rapesa.com/build/assets/bb-3054f0b2.svg)} .fi-bb.fis{background-image:url(https://y.rapesa.com/build/assets/bb-c7b3b259.svg)} .fi-bd{background-image:url(https://y.rapesa.com/build/assets/bd-1aabb4a7.svg)} .fi-bd.fis{background-image:url(https://y.rapesa.com/build/assets/bd-90f8f20e.svg)} .fi-be{background-image:url(https://y.rapesa.com/build/assets/be-42f09ed6.svg)} .fi-be.fis{background-image:url(https://y.rapesa.com/build/assets/be-a2f62b54.svg)} .fi-bf{background-image:url(https://y.rapesa.com/build/assets/bf-606b17ad.svg)} .fi-bf.fis{background-image:url(https://y.rapesa.com/build/assets/bf-62cdc2bd.svg)} .fi-bg{background-image:url(https://y.rapesa.com/build/assets/bg-a2282477.svg)} .fi-bg.fis{background-image:url(https://y.rapesa.com/build/assets/bg-40e29b66.svg)} .fi-bh{background-image:url(https://y.rapesa.com/build/assets/bh-7a519f58.svg)} .fi-bh.fis{background-image:url(https://y.rapesa.com/build/assets/bh-102fe27e.svg)} .fi-bi{background-image:url(https://y.rapesa.com/build/assets/bi-5ef1a56b.svg)} .fi-bi.fis{background-image:url(https://y.rapesa.com/build/assets/bi-976cd178.svg)} .fi-bj{background-image:url(https://y.rapesa.com/build/assets/bj-0a46cbae.svg)} .fi-bj.fis{background-image:url(https://y.rapesa.com/build/assets/bj-2cbd6426.svg)} .fi-bl{background-image:url(https://y.rapesa.com/build/assets/bl-d511eb84.svg)} .fi-bl.fis{background-image:url(https://y.rapesa.com/build/assets/bl-025f596f.svg)} .fi-bm{background-image:url(https://y.rapesa.com/build/assets/bm-a15913d4.svg)} .fi-bm.fis{background-image:url(https://y.rapesa.com/build/assets/bm-fc42642b.svg)} .fi-bn{background-image:url(https://y.rapesa.com/build/assets/bn-6a573bd7.svg)} .fi-bn.fis{background-image:url(https://y.rapesa.com/build/assets/bn-a381967f.svg)} .fi-bo{background-image:url(https://y.rapesa.com/build/assets/bo-24e9a0dd.svg)} .fi-bo.fis{background-image:url(https://y.rapesa.com/build/assets/bo-651ff433.svg)} .fi-bq{background-image:url(https://y.rapesa.com/build/assets/bq-23881e6c.svg)} .fi-bq.fis{background-image:url(https://y.rapesa.com/build/assets/bq-83723941.svg)} .fi-br{background-image:url(https://y.rapesa.com/build/assets/br-fc872e71.svg)} .fi-br.fis{background-image:url(https://y.rapesa.com/build/assets/br-ce7e334e.svg)} .fi-bs{background-image:url(https://y.rapesa.com/build/assets/bs-e3a1ee51.svg)} .fi-bs.fis{background-image:url(https://y.rapesa.com/build/assets/bs-21cdbdc6.svg)} .fi-bt{background-image:url(https://y.rapesa.com/build/assets/bt-dc7fe8fa.svg)} .fi-bt.fis{background-image:url(https://y.rapesa.com/build/assets/bt-84e84171.svg)} .fi-bv{background-image:url(https://y.rapesa.com/build/assets/bv-d972d58c.svg)} .fi-bv.fis{background-image:url(https://y.rapesa.com/build/assets/bv-342b164c.svg)} .fi-bw{background-image:url(https://y.rapesa.com/build/assets/bw-1fc9322c.svg)} .fi-bw.fis{background-image:url(https://y.rapesa.com/build/assets/bw-e1e15926.svg)} .fi-by{background-image:url(https://y.rapesa.com/build/assets/by-c8f5fce1.svg)} .fi-by.fis{background-image:url(https://y.rapesa.com/build/assets/by-6352ceb3.svg)} .fi-bz{background-image:url(https://y.rapesa.com/build/assets/bz-33179ee8.svg)} .fi-bz.fis{background-image:url(https://y.rapesa.com/build/assets/bz-93bdf8bf.svg)} .fi-ca{background-image:url(https://y.rapesa.com/build/assets/ca-73bd9657.svg)} .fi-ca.fis{background-image:url(https://y.rapesa.com/build/assets/ca-5e8736c4.svg)} .fi-cc{background-image:url(https://y.rapesa.com/build/assets/cc-9c6cd055.svg)} .fi-cc.fis{background-image:url(https://y.rapesa.com/build/assets/cc-6ab691df.svg)} .fi-cd{background-image:url(https://y.rapesa.com/build/assets/cd-23f049df.svg)} .fi-cd.fis{background-image:url(https://y.rapesa.com/build/assets/cd-c3f432db.svg)} .fi-cf{background-image:url(https://y.rapesa.com/build/assets/cf-1b58dc20.svg)} .fi-cf.fis{background-image:url(https://y.rapesa.com/build/assets/cf-2e16b1cf.svg)} .fi-cg{background-image:url(https://y.rapesa.com/build/assets/cg-c606004c.svg)} .fi-cg.fis{background-image:url(https://y.rapesa.com/build/assets/cg-d2d60d9f.svg)} .fi-ch{background-image:url(https://y.rapesa.com/build/assets/ch-ac676cd3.svg)} .fi-ch.fis{background-image:url(https://y.rapesa.com/build/assets/ch-be4b8257.svg)} .fi-ci{background-image:url(https://y.rapesa.com/build/assets/ci-4ecfea70.svg)} .fi-ci.fis{background-image:url(https://y.rapesa.com/build/assets/ci-c3f20b8e.svg)} .fi-ck{background-image:url(https://y.rapesa.com/build/assets/ck-b17c039f.svg)} .fi-ck.fis{background-image:url(https://y.rapesa.com/build/assets/ck-e5457495.svg)} .fi-cl{background-image:url(https://y.rapesa.com/build/assets/cl-24dfd9cf.svg)} .fi-cl.fis{background-image:url(https://y.rapesa.com/build/assets/cl-5ae2d8a4.svg)} .fi-cm{background-image:url(https://y.rapesa.com/build/assets/cm-c9a327dc.svg)} .fi-cm.fis{background-image:url(https://y.rapesa.com/build/assets/cm-0899a610.svg)} .fi-cn{background-image:url(https://y.rapesa.com/build/assets/cn-981da9bd.svg)} .fi-cn.fis{background-image:url(https://y.rapesa.com/build/assets/cn-b63401f4.svg)} .fi-co{background-image:url(https://y.rapesa.com/build/assets/co-6bab3c96.svg)} .fi-co.fis{background-image:url(https://y.rapesa.com/build/assets/co-596558a2.svg)} .fi-cr{background-image:url(https://y.rapesa.com/build/assets/cr-4775ef01.svg)} .fi-cr.fis{background-image:url(https://y.rapesa.com/build/assets/cr-b70b33c4.svg)} .fi-cu{background-image:url(https://y.rapesa.com/build/assets/cu-e76f7c38.svg)} .fi-cu.fis{background-image:url(https://y.rapesa.com/build/assets/cu-4b240cd3.svg)} .fi-cv{background-image:url(https://y.rapesa.com/build/assets/cv-2fa67e0a.svg)} .fi-cv.fis{background-image:url(https://y.rapesa.com/build/assets/cv-1f908f34.svg)} .fi-cw{background-image:url(https://y.rapesa.com/build/assets/cw-c845d0ca.svg)} .fi-cw.fis{background-image:url(https://y.rapesa.com/build/assets/cw-f4df53da.svg)} .fi-cx{background-image:url(https://y.rapesa.com/build/assets/cx-ade6b862.svg)} .fi-cx.fis{background-image:url(https://y.rapesa.com/build/assets/cx-cd561600.svg)} .fi-cy{background-image:url(https://y.rapesa.com/build/assets/cy-4ef9fb91.svg)} .fi-cy.fis{background-image:url(https://y.rapesa.com/build/assets/cy-72cd7167.svg)} .fi-cz{background-image:url(https://y.rapesa.com/build/assets/cz-d601fcc2.svg)} .fi-cz.fis{background-image:url(https://y.rapesa.com/build/assets/cz-5a462b5f.svg)} .fi-de{background-image:url(https://y.rapesa.com/build/assets/de-7318c9aa.svg)} .fi-de.fis{background-image:url(https://y.rapesa.com/build/assets/de-d5f40046.svg)} .fi-dj{background-image:url(https://y.rapesa.com/build/assets/dj-ed66c09f.svg)} .fi-dj.fis{background-image:url(https://y.rapesa.com/build/assets/dj-e788b24d.svg)} .fi-dk{background-image:url(https://y.rapesa.com/build/assets/dk-d2847c0b.svg)} .fi-dk.fis{background-image:url(https://y.rapesa.com/build/assets/dk-4d7c9c44.svg)} .fi-dm{background-image:url(https://y.rapesa.com/build/assets/dm-ff490fa3.svg)} .fi-dm.fis{background-image:url(https://y.rapesa.com/build/assets/dm-eab3ec31.svg)} .fi-do{background-image:url(https://y.rapesa.com/build/assets/do-9470b8ab.svg)} .fi-do.fis{background-image:url(https://y.rapesa.com/build/assets/do-b63f4eb9.svg)} .fi-dz{background-image:url(https://y.rapesa.com/build/assets/dz-9ea0cf93.svg)} .fi-dz.fis{background-image:url(https://y.rapesa.com/build/assets/dz-73f56cc7.svg)} .fi-ec{background-image:url(https://y.rapesa.com/build/assets/ec-73be1a4b.svg)} .fi-ec.fis{background-image:url(https://y.rapesa.com/build/assets/ec-c1196d0f.svg)} .fi-ee{background-image:url(https://y.rapesa.com/build/assets/ee-1c30ac2c.svg)} .fi-ee.fis{background-image:url(https://y.rapesa.com/build/assets/ee-733a082e.svg)} .fi-eg{background-image:url(https://y.rapesa.com/build/assets/eg-3383c598.svg)} .fi-eg.fis{background-image:url(https://y.rapesa.com/build/assets/eg-04d3ab3f.svg)} .fi-eh{background-image:url(https://y.rapesa.com/build/assets/eh-e9d3c61b.svg)} .fi-eh.fis{background-image:url(https://y.rapesa.com/build/assets/eh-cd622ccb.svg)} .fi-er{background-image:url(https://y.rapesa.com/build/assets/er-21cdc1d1.svg)} .fi-er.fis{background-image:url(https://y.rapesa.com/build/assets/er-3cd1a45c.svg)} .fi-es{background-image:url(https://y.rapesa.com/build/assets/es-6fe80291.svg)} .fi-es.fis{background-image:url(https://y.rapesa.com/build/assets/es-edd3ba17.svg)} .fi-et{background-image:url(https://y.rapesa.com/build/assets/et-c2525ca4.svg)} .fi-et.fis{background-image:url(https://y.rapesa.com/build/assets/et-68cee02b.svg)} .fi-fi{background-image:url(https://y.rapesa.com/build/assets/fi-012edd98.svg)} .fi-fi.fis{background-image:url(https://y.rapesa.com/build/assets/fi-f4064089.svg)} .fi-fj{background-image:url(https://y.rapesa.com/build/assets/fj-34660dda.svg)} .fi-fj.fis{background-image:url(https://y.rapesa.com/build/assets/fj-be546b9d.svg)} .fi-fk{background-image:url(https://y.rapesa.com/build/assets/fk-e27a1876.svg)} .fi-fk.fis{background-image:url(https://y.rapesa.com/build/assets/fk-2b55d0fe.svg)} .fi-fm{background-image:url(https://y.rapesa.com/build/assets/fm-23db3e9f.svg)} .fi-fm.fis{background-image:url(https://y.rapesa.com/build/assets/fm-3113102b.svg)} .fi-fo{background-image:url(https://y.rapesa.com/build/assets/fo-db222fca.svg)} .fi-fo.fis{background-image:url(https://y.rapesa.com/build/assets/fo-f3d95cc8.svg)} .fi-fr{background-image:url(https://y.rapesa.com/build/assets/fr-8cdacc8d.svg)} .fi-fr.fis{background-image:url(https://y.rapesa.com/build/assets/fr-5cdc5047.svg)} .fi-ga{background-image:url(https://y.rapesa.com/build/assets/ga-f7b775c4.svg)} .fi-ga.fis{background-image:url(https://y.rapesa.com/build/assets/ga-cb2951db.svg)} .fi-gb{background-image:url(https://y.rapesa.com/build/assets/gb-51a8613a.svg)} .fi-gb.fis{background-image:url(https://y.rapesa.com/build/assets/gb-4b739ae8.svg)} .fi-gd{background-image:url(https://y.rapesa.com/build/assets/gd-5b590f15.svg)} .fi-gd.fis{background-image:url(https://y.rapesa.com/build/assets/gd-a0f628ea.svg)} .fi-ge{background-image:url(https://y.rapesa.com/build/assets/ge-3821d90a.svg)} .fi-ge.fis{background-image:url(https://y.rapesa.com/build/assets/ge-c89af007.svg)} .fi-gf{background-image:url(https://y.rapesa.com/build/assets/gf-cb5464e2.svg)} .fi-gf.fis{background-image:url(https://y.rapesa.com/build/assets/gf-7643aaa7.svg)} .fi-gg{background-image:url(https://y.rapesa.com/build/assets/gg-ea806b48.svg)} .fi-gg.fis{background-image:url(https://y.rapesa.com/build/assets/gg-ca797ce5.svg)} .fi-gh{background-image:url(https://y.rapesa.com/build/assets/gh-86635202.svg)} .fi-gh.fis{background-image:url(https://y.rapesa.com/build/assets/gh-4afd4198.svg)} .fi-gi{background-image:url(https://y.rapesa.com/build/assets/gi-64b3c164.svg)} .fi-gi.fis{background-image:url(https://y.rapesa.com/build/assets/gi-a72043d1.svg)} .fi-gl{background-image:url(https://y.rapesa.com/build/assets/gl-15a60b07.svg)} .fi-gl.fis{background-image:url(https://y.rapesa.com/build/assets/gl-debe7773.svg)} .fi-gm{background-image:url(https://y.rapesa.com/build/assets/gm-2aa3fad4.svg)} .fi-gm.fis{background-image:url(https://y.rapesa.com/build/assets/gm-726e760b.svg)} .fi-gn{background-image:url(https://y.rapesa.com/build/assets/gn-ee01e7dd.svg)} .fi-gn.fis{background-image:url(https://y.rapesa.com/build/assets/gn-8d20e686.svg)} .fi-gp{background-image:url(https://y.rapesa.com/build/assets/gp-ee9d78d0.svg)} .fi-gp.fis{background-image:url(https://y.rapesa.com/build/assets/gp-5f0e3566.svg)} .fi-gq{background-image:url(https://y.rapesa.com/build/assets/gq-be2561d6.svg)} .fi-gq.fis{background-image:url(https://y.rapesa.com/build/assets/gq-a3bf98e3.svg)} .fi-gr{background-image:url(https://y.rapesa.com/build/assets/gr-a184070f.svg)} .fi-gr.fis{background-image:url(https://y.rapesa.com/build/assets/gr-a4519d98.svg)} .fi-gs{background-image:url(https://y.rapesa.com/build/assets/gs-5798c05b.svg)} .fi-gs.fis{background-image:url(https://y.rapesa.com/build/assets/gs-0801216a.svg)} .fi-gt{background-image:url(https://y.rapesa.com/build/assets/gt-047e034e.svg)} .fi-gt.fis{background-image:url(https://y.rapesa.com/build/assets/gt-387d7394.svg)} .fi-gu{background-image:url(https://y.rapesa.com/build/assets/gu-8d45b5e2.svg)} .fi-gu.fis{background-image:url(https://y.rapesa.com/build/assets/gu-0fc8abf7.svg)} .fi-gw{background-image:url(https://y.rapesa.com/build/assets/gw-651e35df.svg)} .fi-gw.fis{background-image:url(https://y.rapesa.com/build/assets/gw-7bb04bdb.svg)} .fi-gy{background-image:url(https://y.rapesa.com/build/assets/gy-81301929.svg)} .fi-gy.fis{background-image:url(https://y.rapesa.com/build/assets/gy-97253f86.svg)} .fi-hk{background-image:url(https://y.rapesa.com/build/assets/hk-b1d75699.svg)} .fi-hk.fis{background-image:url(https://y.rapesa.com/build/assets/hk-cb99edfd.svg)} .fi-hm{background-image:url(https://y.rapesa.com/build/assets/hm-962e9410.svg)} .fi-hm.fis{background-image:url(https://y.rapesa.com/build/assets/hm-3c45173f.svg)} .fi-hn{background-image:url(https://y.rapesa.com/build/assets/hn-67130fa0.svg)} .fi-hn.fis{background-image:url(https://y.rapesa.com/build/assets/hn-545c93c9.svg)} .fi-hr{background-image:url(https://y.rapesa.com/build/assets/hr-269fdafe.svg)} .fi-hr.fis{background-image:url(https://y.rapesa.com/build/assets/hr-11b51582.svg)} .fi-ht{background-image:url(https://y.rapesa.com/build/assets/ht-06453723.svg)} .fi-ht.fis{background-image:url(https://y.rapesa.com/build/assets/ht-f397e92e.svg)} .fi-hu{background-image:url(https://y.rapesa.com/build/assets/hu-ffc4edd5.svg)} .fi-hu.fis{background-image:url(https://y.rapesa.com/build/assets/hu-9e6bc6d7.svg)} .fi-id{background-image:url(https://y.rapesa.com/build/assets/id-5cd3acc4.svg)} .fi-id.fis{background-image:url(https://y.rapesa.com/build/assets/id-b8cd30f2.svg)} .fi-ie{background-image:url(https://y.rapesa.com/build/assets/ie-f82568d7.svg)} .fi-ie.fis{background-image:url(https://y.rapesa.com/build/assets/ie-860168f5.svg)} .fi-il{background-image:url(https://y.rapesa.com/build/assets/il-023f6d1b.svg)} .fi-il.fis{background-image:url(https://y.rapesa.com/build/assets/il-a1a6fff1.svg)} .fi-im{background-image:url(https://y.rapesa.com/build/assets/im-4297d37f.svg)} .fi-im.fis{background-image:url(https://y.rapesa.com/build/assets/im-4b7d3373.svg)} .fi-in{background-image:url(https://y.rapesa.com/build/assets/in-5578409e.svg)} .fi-in.fis{background-image:url(https://y.rapesa.com/build/assets/in-ca5f38b1.svg)} .fi-io{background-image:url(https://y.rapesa.com/build/assets/io-a7a4cf26.svg)} .fi-io.fis{background-image:url(https://y.rapesa.com/build/assets/io-1d9b0992.svg)} .fi-iq{background-image:url(https://y.rapesa.com/build/assets/iq-0e5d8753.svg)} .fi-iq.fis{background-image:url(https://y.rapesa.com/build/assets/iq-d23d774b.svg)} .fi-ir{background-image:url(https://y.rapesa.com/build/assets/ir-f55cb919.svg)} .fi-ir.fis{background-image:url(https://y.rapesa.com/build/assets/ir-a26d6b1f.svg)} .fi-is{background-image:url(https://y.rapesa.com/build/assets/is-ef74d1f1.svg)} .fi-is.fis{background-image:url(https://y.rapesa.com/build/assets/is-07f3da7e.svg)} .fi-it{background-image:url(https://y.rapesa.com/build/assets/it-9fa88118.svg)} .fi-it.fis{background-image:url(https://y.rapesa.com/build/assets/it-03086f2e.svg)} .fi-je{background-image:url(https://y.rapesa.com/build/assets/je-27d4c347.svg)} .fi-je.fis{background-image:url(https://y.rapesa.com/build/assets/je-c138f8b2.svg)} .fi-jm{background-image:url(https://y.rapesa.com/build/assets/jm-61441775.svg)} .fi-jm.fis{background-image:url(https://y.rapesa.com/build/assets/jm-a556453f.svg)} .fi-jo{background-image:url(https://y.rapesa.com/build/assets/jo-28827eb1.svg)} .fi-jo.fis{background-image:url(https://y.rapesa.com/build/assets/jo-6e2909a8.svg)} .fi-jp{background-image:url(https://y.rapesa.com/build/assets/jp-bfea80ba.svg)} .fi-jp.fis{background-image:url(https://y.rapesa.com/build/assets/jp-2bd3a486.svg)} .fi-ke{background-image:url(https://y.rapesa.com/build/assets/ke-dd6b6ae5.svg)} .fi-ke.fis{background-image:url(https://y.rapesa.com/build/assets/ke-7eb5e970.svg)} .fi-kg{background-image:url(https://y.rapesa.com/build/assets/kg-1a70b98a.svg)} .fi-kg.fis{background-image:url(https://y.rapesa.com/build/assets/kg-106674d7.svg)} .fi-kh{background-image:url(https://y.rapesa.com/build/assets/kh-706c89a1.svg)} .fi-kh.fis{background-image:url(https://y.rapesa.com/build/assets/kh-65671aad.svg)} .fi-ki{background-image:url(https://y.rapesa.com/build/assets/ki-f9f15e1f.svg)} .fi-ki.fis{background-image:url(https://y.rapesa.com/build/assets/ki-62b89f15.svg)} .fi-km{background-image:url(https://y.rapesa.com/build/assets/km-f66aabe2.svg)} .fi-km.fis{background-image:url(https://y.rapesa.com/build/assets/km-e08a7d38.svg)} .fi-kn{background-image:url(https://y.rapesa.com/build/assets/kn-c7744ba0.svg)} .fi-kn.fis{background-image:url(https://y.rapesa.com/build/assets/kn-2056e537.svg)} .fi-kp{background-image:url(https://y.rapesa.com/build/assets/kp-c0815d9c.svg)} .fi-kp.fis{background-image:url(https://y.rapesa.com/build/assets/kp-a5f669ad.svg)} .fi-kr{background-image:url(https://y.rapesa.com/build/assets/kr-28c300b3.svg)} .fi-kr.fis{background-image:url(https://y.rapesa.com/build/assets/kr-1ffe3852.svg)} .fi-kw{background-image:url(https://y.rapesa.com/build/assets/kw-fabd47f0.svg)} .fi-kw.fis{background-image:url(https://y.rapesa.com/build/assets/kw-c014b43b.svg)} .fi-ky{background-image:url(https://y.rapesa.com/build/assets/ky-7ce314ba.svg)} .fi-ky.fis{background-image:url(https://y.rapesa.com/build/assets/ky-081844eb.svg)} .fi-kz{background-image:url(https://y.rapesa.com/build/assets/kz-bb09cc45.svg)} .fi-kz.fis{background-image:url(https://y.rapesa.com/build/assets/kz-d9160b84.svg)} .fi-la{background-image:url(https://y.rapesa.com/build/assets/la-ed8ce307.svg)} .fi-la.fis{background-image:url(https://y.rapesa.com/build/assets/la-cde719dd.svg)} .fi-lb{background-image:url(https://y.rapesa.com/build/assets/lb-3abccf66.svg)} .fi-lb.fis{background-image:url(https://y.rapesa.com/build/assets/lb-97589547.svg)} .fi-lc{background-image:url(https://y.rapesa.com/build/assets/lc-525ad8c3.svg)} .fi-lc.fis{background-image:url(https://y.rapesa.com/build/assets/lc-539914cb.svg)} .fi-li{background-image:url(https://y.rapesa.com/build/assets/li-ab80b8a1.svg)} .fi-li.fis{background-image:url(https://y.rapesa.com/build/assets/li-f5687123.svg)} .fi-lk{background-image:url(https://y.rapesa.com/build/assets/lk-b3f79269.svg)} .fi-lk.fis{background-image:url(https://y.rapesa.com/build/assets/lk-e6bb471e.svg)} .fi-lr{background-image:url(https://y.rapesa.com/build/assets/lr-cbf9ef85.svg)} .fi-lr.fis{background-image:url(https://y.rapesa.com/build/assets/lr-bca2ce8b.svg)} .fi-ls{background-image:url(https://y.rapesa.com/build/assets/ls-9491616e.svg)} .fi-ls.fis{background-image:url(https://y.rapesa.com/build/assets/ls-d59e8226.svg)} .fi-lt{background-image:url(https://y.rapesa.com/build/assets/lt-dc040199.svg)} .fi-lt.fis{background-image:url(https://y.rapesa.com/build/assets/lt-8ef0e9cb.svg)} .fi-lu{background-image:url(https://y.rapesa.com/build/assets/lu-a6c17cd0.svg)} .fi-lu.fis{background-image:url(https://y.rapesa.com/build/assets/lu-965964b5.svg)} .fi-lv{background-image:url(https://y.rapesa.com/build/assets/lv-15d4e812.svg)} .fi-lv.fis{background-image:url(https://y.rapesa.com/build/assets/lv-f4e0567e.svg)} .fi-ly{background-image:url(https://y.rapesa.com/build/assets/ly-b9246781.svg)} .fi-ly.fis{background-image:url(https://y.rapesa.com/build/assets/ly-bbd57e2f.svg)} .fi-ma{background-image:url(https://y.rapesa.com/build/assets/ma-28cfcdec.svg)} .fi-ma.fis{background-image:url(https://y.rapesa.com/build/assets/ma-8f1a0be2.svg)} .fi-mc{background-image:url(https://y.rapesa.com/build/assets/mc-690c23fe.svg)} .fi-mc.fis{background-image:url(https://y.rapesa.com/build/assets/mc-c3aaba7e.svg)} .fi-md{background-image:url(https://y.rapesa.com/build/assets/md-ae4fd022.svg)} .fi-md.fis{background-image:url(https://y.rapesa.com/build/assets/md-e678dd90.svg)} .fi-me{background-image:url(https://y.rapesa.com/build/assets/me-73f05f92.svg)} .fi-me.fis{background-image:url(https://y.rapesa.com/build/assets/me-8d3f7f89.svg)} .fi-mf{background-image:url(https://y.rapesa.com/build/assets/mf-137b371d.svg)} .fi-mf.fis{background-image:url(https://y.rapesa.com/build/assets/mf-65d7d1af.svg)} .fi-mg{background-image:url(https://y.rapesa.com/build/assets/mg-59246c21.svg)} .fi-mg.fis{background-image:url(https://y.rapesa.com/build/assets/mg-f16ffe66.svg)} .fi-mh{background-image:url(https://y.rapesa.com/build/assets/mh-f4d41b34.svg)} .fi-mh.fis{background-image:url(https://y.rapesa.com/build/assets/mh-7bd55f27.svg)} .fi-mk{background-image:url(https://y.rapesa.com/build/assets/mk-22488dc8.svg)} .fi-mk.fis{background-image:url(https://y.rapesa.com/build/assets/mk-8faba052.svg)} .fi-ml{background-image:url(https://y.rapesa.com/build/assets/ml-49e84081.svg)} .fi-ml.fis{background-image:url(https://y.rapesa.com/build/assets/ml-34021383.svg)} .fi-mm{background-image:url(https://y.rapesa.com/build/assets/mm-c0b2e23a.svg)} .fi-mm.fis{background-image:url(https://y.rapesa.com/build/assets/mm-ea2756fc.svg)} .fi-mn{background-image:url(https://y.rapesa.com/build/assets/mn-e1212518.svg)} .fi-mn.fis{background-image:url(https://y.rapesa.com/build/assets/mn-3867f78b.svg)} .fi-mo{background-image:url(https://y.rapesa.com/build/assets/mo-b3150f82.svg)} .fi-mo.fis{background-image:url(https://y.rapesa.com/build/assets/mo-f2828f31.svg)} .fi-mp{background-image:url(https://y.rapesa.com/build/assets/mp-0f686973.svg)} .fi-mp.fis{background-image:url(https://y.rapesa.com/build/assets/mp-59ca53fb.svg)} .fi-mq{background-image:url(https://y.rapesa.com/build/assets/mq-94315e14.svg)} .fi-mq.fis{background-image:url(https://y.rapesa.com/build/assets/mq-e58f7279.svg)} .fi-mr{background-image:url(https://y.rapesa.com/build/assets/mr-b5b86550.svg)} .fi-mr.fis{background-image:url(https://y.rapesa.com/build/assets/mr-4ccf1997.svg)} .fi-ms{background-image:url(https://y.rapesa.com/build/assets/ms-91a65429.svg)} .fi-ms.fis{background-image:url(https://y.rapesa.com/build/assets/ms-a22195f9.svg)} .fi-mt{background-image:url(https://y.rapesa.com/build/assets/mt-847b9371.svg)} .fi-mt.fis{background-image:url(https://y.rapesa.com/build/assets/mt-ae7e5df1.svg)} .fi-mu{background-image:url(https://y.rapesa.com/build/assets/mu-51f86810.svg)} .fi-mu.fis{background-image:url(https://y.rapesa.com/build/assets/mu-3a73b077.svg)} .fi-mv{background-image:url(https://y.rapesa.com/build/assets/mv-5546d527.svg)} .fi-mv.fis{background-image:url(https://y.rapesa.com/build/assets/mv-ecc358a3.svg)} .fi-mw{background-image:url(https://y.rapesa.com/build/assets/mw-2a3cc640.svg)} .fi-mw.fis{background-image:url(https://y.rapesa.com/build/assets/mw-b53cff28.svg)} .fi-mx{background-image:url(https://y.rapesa.com/build/assets/mx-46cef6ab.svg)} .fi-mx.fis{background-image:url(https://y.rapesa.com/build/assets/mx-cda16de8.svg)} .fi-my{background-image:url(https://y.rapesa.com/build/assets/my-fbda82cd.svg)} .fi-my.fis{background-image:url(https://y.rapesa.com/build/assets/my-ab77d984.svg)} .fi-mz{background-image:url(https://y.rapesa.com/build/assets/mz-888f5aa1.svg)} .fi-mz.fis{background-image:url(https://y.rapesa.com/build/assets/mz-69568d10.svg)} .fi-na{background-image:url(https://y.rapesa.com/build/assets/na-c32f1b89.svg)} .fi-na.fis{background-image:url(https://y.rapesa.com/build/assets/na-65796b81.svg)} .fi-nc{background-image:url(https://y.rapesa.com/build/assets/nc-cff3afeb.svg)} .fi-nc.fis{background-image:url(https://y.rapesa.com/build/assets/nc-8b7ef8a4.svg)} .fi-ne{background-image:url(https://y.rapesa.com/build/assets/ne-4b91653d.svg)} .fi-ne.fis{background-image:url(https://y.rapesa.com/build/assets/ne-c92686fc.svg)} .fi-nf{background-image:url(https://y.rapesa.com/build/assets/nf-9cf4bf10.svg)} .fi-nf.fis{background-image:url(https://y.rapesa.com/build/assets/nf-d458b917.svg)} .fi-ng{background-image:url(https://y.rapesa.com/build/assets/ng-b7a2a45a.svg)} .fi-ng.fis{background-image:url(https://y.rapesa.com/build/assets/ng-a41dbb75.svg)} .fi-ni{background-image:url(https://y.rapesa.com/build/assets/ni-74e7ce0d.svg)} .fi-ni.fis{background-image:url(https://y.rapesa.com/build/assets/ni-8028e8a2.svg)} .fi-nl{background-image:url(https://y.rapesa.com/build/assets/nl-54b194d9.svg)} .fi-nl.fis{background-image:url(https://y.rapesa.com/build/assets/nl-a8b56f7d.svg)} .fi-no{background-image:url(https://y.rapesa.com/build/assets/no-ceea17af.svg)} .fi-no.fis{background-image:url(https://y.rapesa.com/build/assets/no-55fc1564.svg)} .fi-np{background-image:url(https://y.rapesa.com/build/assets/np-6244a1aa.svg)} .fi-np.fis{background-image:url(https://y.rapesa.com/build/assets/np-f463b176.svg)} .fi-nr{background-image:url(https://y.rapesa.com/build/assets/nr-f1de4b06.svg)} .fi-nr.fis{background-image:url(https://y.rapesa.com/build/assets/nr-c0fc69e7.svg)} .fi-nu{background-image:url(https://y.rapesa.com/build/assets/nu-835c94f3.svg)} .fi-nu.fis{background-image:url(https://y.rapesa.com/build/assets/nu-93e802ac.svg)} .fi-nz{background-image:url(https://y.rapesa.com/build/assets/nz-794a2c8c.svg)} .fi-nz.fis{background-image:url(https://y.rapesa.com/build/assets/nz-9e6e1d5e.svg)} .fi-om{background-image:url(https://y.rapesa.com/build/assets/om-4de803ba.svg)} .fi-om.fis{background-image:url(https://y.rapesa.com/build/assets/om-51908fdc.svg)} .fi-pa{background-image:url(https://y.rapesa.com/build/assets/pa-6181586e.svg)} .fi-pa.fis{background-image:url(https://y.rapesa.com/build/assets/pa-354bb5c9.svg)} .fi-pe{background-image:url(https://y.rapesa.com/build/assets/pe-e9dd299d.svg)} .fi-pe.fis{background-image:url(https://y.rapesa.com/build/assets/pe-c9852484.svg)} .fi-pf{background-image:url(https://y.rapesa.com/build/assets/pf-d44b1974.svg)} .fi-pf.fis{background-image:url(https://y.rapesa.com/build/assets/pf-947958db.svg)} .fi-pg{background-image:url(https://y.rapesa.com/build/assets/pg-45e15441.svg)} .fi-pg.fis{background-image:url(https://y.rapesa.com/build/assets/pg-34424deb.svg)} .fi-ph{background-image:url(https://y.rapesa.com/build/assets/ph-4cccf403.svg)} .fi-ph.fis{background-image:url(https://y.rapesa.com/build/assets/ph-37c54f47.svg)} .fi-pk{background-image:url(https://y.rapesa.com/build/assets/pk-d4949a03.svg)} .fi-pk.fis{background-image:url(https://y.rapesa.com/build/assets/pk-490b17d5.svg)} .fi-pl{background-image:url(https://y.rapesa.com/build/assets/pl-369bb3e1.svg)} .fi-pl.fis{background-image:url(https://y.rapesa.com/build/assets/pl-698cda1f.svg)} .fi-pm{background-image:url(https://y.rapesa.com/build/assets/pm-10cc79ca.svg)} .fi-pm.fis{background-image:url(https://y.rapesa.com/build/assets/pm-498e2e96.svg)} .fi-pn{background-image:url(https://y.rapesa.com/build/assets/pn-b0b97502.svg)} .fi-pn.fis{background-image:url(https://y.rapesa.com/build/assets/pn-3087f94d.svg)} .fi-pr{background-image:url(https://y.rapesa.com/build/assets/pr-3b26f0a1.svg)} .fi-pr.fis{background-image:url(https://y.rapesa.com/build/assets/pr-4c742be2.svg)} .fi-ps{background-image:url(https://y.rapesa.com/build/assets/ps-e05636e8.svg)} .fi-ps.fis{background-image:url(https://y.rapesa.com/build/assets/ps-1d2d7ac5.svg)} .fi-pt{background-image:url(https://y.rapesa.com/build/assets/pt-8dcc4829.svg)} .fi-pt.fis{background-image:url(https://y.rapesa.com/build/assets/pt-d79b25d4.svg)} .fi-pw{background-image:url(https://y.rapesa.com/build/assets/pw-e2a38cce.svg)} .fi-pw.fis{background-image:url(https://y.rapesa.com/build/assets/pw-77185a59.svg)} .fi-py{background-image:url(https://y.rapesa.com/build/assets/py-0b374b8f.svg)} .fi-py.fis{background-image:url(https://y.rapesa.com/build/assets/py-413b67df.svg)} .fi-qa{background-image:url(https://y.rapesa.com/build/assets/qa-4d41fa3c.svg)} .fi-qa.fis{background-image:url(https://y.rapesa.com/build/assets/qa-a781df63.svg)} .fi-re{background-image:url(https://y.rapesa.com/build/assets/re-7b5a5202.svg)} .fi-re.fis{background-image:url(https://y.rapesa.com/build/assets/re-a5347d1a.svg)} .fi-ro{background-image:url(https://y.rapesa.com/build/assets/ro-17a3a747.svg)} .fi-ro.fis{background-image:url(https://y.rapesa.com/build/assets/ro-b56a867a.svg)} .fi-rs{background-image:url(https://y.rapesa.com/build/assets/rs-c254c0e1.svg)} .fi-rs.fis{background-image:url(https://y.rapesa.com/build/assets/rs-f1579d87.svg)} .fi-ru{background-image:url(https://y.rapesa.com/build/assets/ru-6c62f886.svg)} .fi-ru.fis{background-image:url(https://y.rapesa.com/build/assets/ru-5224e89e.svg)} .fi-rw{background-image:url(https://y.rapesa.com/build/assets/rw-9512100a.svg)} .fi-rw.fis{background-image:url(https://y.rapesa.com/build/assets/rw-ada409bb.svg)} .fi-sa{background-image:url(https://y.rapesa.com/build/assets/sa-b71b7934.svg)} .fi-sa.fis{background-image:url(https://y.rapesa.com/build/assets/sa-3dc0b466.svg)} .fi-sb{background-image:url(https://y.rapesa.com/build/assets/sb-255e4192.svg)} .fi-sb.fis{background-image:url(https://y.rapesa.com/build/assets/sb-477f263a.svg)} .fi-sc{background-image:url(https://y.rapesa.com/build/assets/sc-30cdbe42.svg)} .fi-sc.fis{background-image:url(https://y.rapesa.com/build/assets/sc-4363a818.svg)} .fi-sd{background-image:url(https://y.rapesa.com/build/assets/sd-f4721ceb.svg)} .fi-sd.fis{background-image:url(https://y.rapesa.com/build/assets/sd-4c191d43.svg)} .fi-se{background-image:url(https://y.rapesa.com/build/assets/se-bc8a97e1.svg)} .fi-se.fis{background-image:url(https://y.rapesa.com/build/assets/se-b4cc09f1.svg)} .fi-sg{background-image:url(https://y.rapesa.com/build/assets/sg-25de9044.svg)} .fi-sg.fis{background-image:url(https://y.rapesa.com/build/assets/sg-37b8db58.svg)} .fi-sh{background-image:url(https://y.rapesa.com/build/assets/sh-0b207fd4.svg)} .fi-sh.fis{background-image:url(https://y.rapesa.com/build/assets/sh-46034309.svg)} .fi-si{background-image:url(https://y.rapesa.com/build/assets/si-b7fe90ba.svg)} .fi-si.fis{background-image:url(https://y.rapesa.com/build/assets/si-fee21cbd.svg)} .fi-sj{background-image:url(https://y.rapesa.com/build/assets/sj-b60dad0e.svg)} .fi-sj.fis{background-image:url(https://y.rapesa.com/build/assets/sj-880802e4.svg)} .fi-sk{background-image:url(https://y.rapesa.com/build/assets/sk-01a41b70.svg)} .fi-sk.fis{background-image:url(https://y.rapesa.com/build/assets/sk-40b3a188.svg)} .fi-sl{background-image:url(https://y.rapesa.com/build/assets/sl-d0c384b0.svg)} .fi-sl.fis{background-image:url(https://y.rapesa.com/build/assets/sl-feb8b966.svg)} .fi-sm{background-image:url(https://y.rapesa.com/build/assets/sm-c2055b28.svg)} .fi-sm.fis{background-image:url(https://y.rapesa.com/build/assets/sm-d2f10302.svg)} .fi-sn{background-image:url(https://y.rapesa.com/build/assets/sn-6437db13.svg)} .fi-sn.fis{background-image:url(https://y.rapesa.com/build/assets/sn-2c7a8737.svg)} .fi-so{background-image:url(https://y.rapesa.com/build/assets/so-a3e6f461.svg)} .fi-so.fis{background-image:url(https://y.rapesa.com/build/assets/so-50f29485.svg)} .fi-sr{background-image:url(https://y.rapesa.com/build/assets/sr-5194a6af.svg)} .fi-sr.fis{background-image:url(https://y.rapesa.com/build/assets/sr-81b54581.svg)} .fi-ss{background-image:url(https://y.rapesa.com/build/assets/ss-d09319a4.svg)} .fi-ss.fis{background-image:url(https://y.rapesa.com/build/assets/ss-6aa031ba.svg)} .fi-st{background-image:url(https://y.rapesa.com/build/assets/st-e9ac3984.svg)} .fi-st.fis{background-image:url(https://y.rapesa.com/build/assets/st-cd70af66.svg)} .fi-sv{background-image:url(https://y.rapesa.com/build/assets/sv-d9228d5c.svg)} .fi-sv.fis{background-image:url(https://y.rapesa.com/build/assets/sv-c921e011.svg)} .fi-sx{background-image:url(https://y.rapesa.com/build/assets/sx-e6f91141.svg)} .fi-sx.fis{background-image:url(https://y.rapesa.com/build/assets/sx-b47e2df3.svg)} .fi-sy{background-image:url(https://y.rapesa.com/build/assets/sy-38125aa4.svg)} .fi-sy.fis{background-image:url(https://y.rapesa.com/build/assets/sy-6e3feb72.svg)} .fi-sz{background-image:url(https://y.rapesa.com/build/assets/sz-1565c373.svg)} .fi-sz.fis{background-image:url(https://y.rapesa.com/build/assets/sz-956856c2.svg)} .fi-tc{background-image:url(https://y.rapesa.com/build/assets/tc-2e45c89e.svg)} .fi-tc.fis{background-image:url(https://y.rapesa.com/build/assets/tc-94789b54.svg)} .fi-td{background-image:url(https://y.rapesa.com/build/assets/td-19a278fb.svg)} .fi-td.fis{background-image:url(https://y.rapesa.com/build/assets/td-f5c38f02.svg)} .fi-tf{background-image:url(https://y.rapesa.com/build/assets/tf-297113df.svg)} .fi-tf.fis{background-image:url(https://y.rapesa.com/build/assets/tf-4c8eec85.svg)} .fi-tg{background-image:url(https://y.rapesa.com/build/assets/tg-87150e04.svg)} .fi-tg.fis{background-image:url(https://y.rapesa.com/build/assets/tg-af622c09.svg)} .fi-th{background-image:url(https://y.rapesa.com/build/assets/th-329cc0d5.svg)} .fi-th.fis{background-image:url(https://y.rapesa.com/build/assets/th-bb8a18d6.svg)} .fi-tj{background-image:url(https://y.rapesa.com/build/assets/tj-93a976af.svg)} .fi-tj.fis{background-image:url(https://y.rapesa.com/build/assets/tj-45e33e60.svg)} .fi-tk{background-image:url(https://y.rapesa.com/build/assets/tk-a8540a4a.svg)} .fi-tk.fis{background-image:url(https://y.rapesa.com/build/assets/tk-a12ef3ff.svg)} .fi-tl{background-image:url(https://y.rapesa.com/build/assets/tl-3db6f72a.svg)} .fi-tl.fis{background-image:url(https://y.rapesa.com/build/assets/tl-6d71669d.svg)} .fi-tm{background-image:url(https://y.rapesa.com/build/assets/tm-6af9a1d7.svg)} .fi-tm.fis{background-image:url(https://y.rapesa.com/build/assets/tm-3f4afeb2.svg)} .fi-tn{background-image:url(https://y.rapesa.com/build/assets/tn-0aac4442.svg)} .fi-tn.fis{background-image:url(https://y.rapesa.com/build/assets/tn-e14a8dd4.svg)} .fi-to{background-image:url(https://y.rapesa.com/build/assets/to-b351703f.svg)} .fi-to.fis{background-image:url(https://y.rapesa.com/build/assets/to-8f2f476b.svg)} .fi-tr{background-image:url(https://y.rapesa.com/build/assets/tr-479d84d0.svg)} .fi-tr.fis{background-image:url(https://y.rapesa.com/build/assets/tr-be7d115b.svg)} .fi-tt{background-image:url(https://y.rapesa.com/build/assets/tt-92f1261b.svg)} .fi-tt.fis{background-image:url(https://y.rapesa.com/build/assets/tt-125d18de.svg)} .fi-tv{background-image:url(https://y.rapesa.com/build/assets/tv-d94fa5f1.svg)} .fi-tv.fis{background-image:url(https://y.rapesa.com/build/assets/tv-7415f816.svg)} .fi-tw{background-image:url(https://y.rapesa.com/build/assets/tw-931757f0.svg)} .fi-tw.fis{background-image:url(https://y.rapesa.com/build/assets/tw-c04cf00d.svg)} .fi-tz{background-image:url(https://y.rapesa.com/build/assets/tz-ee08fcf5.svg)} .fi-tz.fis{background-image:url(https://y.rapesa.com/build/assets/tz-0d271a2b.svg)} .fi-ua{background-image:url(https://y.rapesa.com/build/assets/ua-2d869c23.svg)} .fi-ua.fis{background-image:url(https://y.rapesa.com/build/assets/ua-fd9ad29b.svg)} .fi-ug{background-image:url(https://y.rapesa.com/build/assets/ug-8fc334ff.svg)} .fi-ug.fis{background-image:url(https://y.rapesa.com/build/assets/ug-873a2fe3.svg)} .fi-um{background-image:url(https://y.rapesa.com/build/assets/um-fe8b4e6c.svg)} .fi-um.fis{background-image:url(https://y.rapesa.com/build/assets/um-f18c77e2.svg)} .fi-us{background-image:url(https://y.rapesa.com/build/assets/us-ef4d2e6e.svg)} .fi-us.fis{background-image:url(https://y.rapesa.com/build/assets/us-d49605ae.svg)} .fi-uy{background-image:url(https://y.rapesa.com/build/assets/uy-47656c0b.svg)} .fi-uy.fis{background-image:url(https://y.rapesa.com/build/assets/uy-560c003d.svg)} .fi-uz{background-image:url(https://y.rapesa.com/build/assets/uz-62ce6f10.svg)} .fi-uz.fis{background-image:url(https://y.rapesa.com/build/assets/uz-8f09f1fe.svg)} .fi-va{background-image:url(https://y.rapesa.com/build/assets/va-89a0740b.svg)} .fi-va.fis{background-image:url(https://y.rapesa.com/build/assets/va-6c856cb2.svg)} .fi-vc{background-image:url(https://y.rapesa.com/build/assets/vc-6357f389.svg)} .fi-vc.fis{background-image:url(https://y.rapesa.com/build/assets/vc-2ef7fd06.svg)} .fi-ve{background-image:url(https://y.rapesa.com/build/assets/ve-5712f1c6.svg)} .fi-ve.fis{background-image:url(https://y.rapesa.com/build/assets/ve-9052562f.svg)} .fi-vg{background-image:url(https://y.rapesa.com/build/assets/vg-f9eabcef.svg)} .fi-vg.fis{background-image:url(https://y.rapesa.com/build/assets/vg-73832b5d.svg)} .fi-vi{background-image:url(https://y.rapesa.com/build/assets/vi-77a2e9d5.svg)} .fi-vi.fis{background-image:url(https://y.rapesa.com/build/assets/vi-a618e688.svg)} .fi-vn{background-image:url(https://y.rapesa.com/build/assets/vn-23550372.svg)} .fi-vn.fis{background-image:url(https://y.rapesa.com/build/assets/vn-4fa1366c.svg)} .fi-vu{background-image:url(https://y.rapesa.com/build/assets/vu-8fc05c32.svg)} .fi-vu.fis{background-image:url(https://y.rapesa.com/build/assets/vu-b3048d60.svg)} .fi-wf{background-image:url(https://y.rapesa.com/build/assets/wf-ad34db05.svg)} .fi-wf.fis{background-image:url(https://y.rapesa.com/build/assets/wf-da8ca66e.svg)} .fi-ws{background-image:url(https://y.rapesa.com/build/assets/ws-6b1a7ebc.svg)} .fi-ws.fis{background-image:url(https://y.rapesa.com/build/assets/ws-48d15d76.svg)} .fi-ye{background-image:url(https://y.rapesa.com/build/assets/ye-dc5607f4.svg)} .fi-ye.fis{background-image:url(https://y.rapesa.com/build/assets/ye-15c1b50c.svg)} .fi-yt{background-image:url(https://y.rapesa.com/build/assets/yt-f6ed4975.svg)} .fi-yt.fis{background-image:url(https://y.rapesa.com/build/assets/yt-5a57b00a.svg)} .fi-za{background-image:url(https://y.rapesa.com/build/assets/za-384d6ef6.svg)} .fi-za.fis{background-image:url(https://y.rapesa.com/build/assets/za-00b65e3b.svg)} .fi-zm{background-image:url(https://y.rapesa.com/build/assets/zm-3336b5d3.svg)} .fi-zm.fis{background-image:url(https://y.rapesa.com/build/assets/zm-57492d45.svg)} .fi-zw{background-image:url(https://y.rapesa.com/build/assets/zw-065490a5.svg)} .fi-zw.fis{background-image:url(https://y.rapesa.com/build/assets/zw-666c4541.svg)} .fi-arab{background-image:url(https://y.rapesa.com/build/assets/arab-ffc0ee52.svg)} .fi-arab.fis{background-image:url(https://y.rapesa.com/build/assets/arab-c98d9d99.svg)} .fi-cefta{background-image:url(https://y.rapesa.com/build/assets/cefta-bfefb0f6.svg)} .fi-cefta.fis{background-image:url(https://y.rapesa.com/build/assets/cefta-0c277cae.svg)} .fi-cp{background-image:url(https://y.rapesa.com/build/assets/cp-bd880fc5.svg)} .fi-cp.fis{background-image:url(https://y.rapesa.com/build/assets/cp-7dfc8de4.svg)} .fi-dg{background-image:url(https://y.rapesa.com/build/assets/dg-dc437057.svg)} .fi-dg.fis{background-image:url(https://y.rapesa.com/build/assets/dg-58d4805f.svg)} .fi-eac{background-image:url(https://y.rapesa.com/build/assets/eac-b35bb4ff.svg)} .fi-eac.fis{background-image:url(https://y.rapesa.com/build/assets/eac-c4ef426e.svg)} .fi-es-ct{background-image:url(https://y.rapesa.com/build/assets/es-ct-11229703.svg)} .fi-es-ct.fis{background-image:url(https://y.rapesa.com/build/assets/es-ct-95f4033c.svg)} .fi-es-ga{background-image:url(https://y.rapesa.com/build/assets/es-ga-8a921639.svg)} .fi-es-ga.fis{background-image:url(https://y.rapesa.com/build/assets/es-ga-477a1812.svg)} .fi-es-pv{background-image:url(https://y.rapesa.com/build/assets/es-pv-70a6e0fb.svg)} .fi-es-pv.fis{background-image:url(https://y.rapesa.com/build/assets/es-pv-f608b2f3.svg)} .fi-eu{background-image:url(https://y.rapesa.com/build/assets/eu-67040ccd.svg)} .fi-eu.fis{background-image:url(https://y.rapesa.com/build/assets/eu-019d50bf.svg)} .fi-gb-eng{background-image:url(https://y.rapesa.com/build/assets/gb-eng-53797ba9.svg)} .fi-gb-eng.fis{background-image:url(https://y.rapesa.com/build/assets/gb-eng-2dd36838.svg)} .fi-gb-nir{background-image:url(https://y.rapesa.com/build/assets/gb-nir-1e5cfe93.svg)} .fi-gb-nir.fis{background-image:url(https://y.rapesa.com/build/assets/gb-nir-d91beb89.svg)} .fi-gb-sct{background-image:url(https://y.rapesa.com/build/assets/gb-sct-7b55bce7.svg)} .fi-gb-sct.fis{background-image:url(https://y.rapesa.com/build/assets/gb-sct-19ed371e.svg)} .fi-gb-wls{background-image:url(https://y.rapesa.com/build/assets/gb-wls-3a95845d.svg)} .fi-gb-wls.fis{background-image:url(https://y.rapesa.com/build/assets/gb-wls-d3c5b996.svg)} .fi-ic{background-image:url(https://y.rapesa.com/build/assets/ic-9a584e04.svg)} .fi-ic.fis{background-image:url(https://y.rapesa.com/build/assets/ic-4e5a5e63.svg)} .fi-pc{background-image:url(https://y.rapesa.com/build/assets/pc-540c3f0b.svg)} .fi-pc.fis{background-image:url(https://y.rapesa.com/build/assets/pc-502e1da5.svg)} .fi-sh-ac{background-image:url(https://y.rapesa.com/build/assets/sh-ac-b6ad57b0.svg)} .fi-sh-ac.fis{background-image:url(https://y.rapesa.com/build/assets/sh-ac-b08e4e0a.svg)} .fi-sh-hl{background-image:url(https://y.rapesa.com/build/assets/sh-hl-6555ab98.svg)} .fi-sh-hl.fis{background-image:url(https://y.rapesa.com/build/assets/sh-hl-37e199e9.svg)} .fi-sh-ta{background-image:url(https://y.rapesa.com/build/assets/sh-ta-799b3dee.svg)} .fi-sh-ta.fis{background-image:url(https://y.rapesa.com/build/assets/sh-ta-6b600555.svg)} .fi-un{background-image:url(https://y.rapesa.com/build/assets/un-1b4df7a8.svg)} .fi-un.fis{background-image:url(https://y.rapesa.com/build/assets/un-45d364fc.svg)} .fi-xk{background-image:url(https://y.rapesa.com/build/assets/xk-95fe9a76.svg)} .fi-xk.fis{background-image:url(https://y.rapesa.com/build/assets/xk-1571e3bb.svg)} .pmd-table .table-bordered th { border: none; border-top: 1px solid #e9ecef; } .pmd-table .table-bordered td { border: none; border-top: 1px solid #e9ecef; } .pmd-table .child-table { background-color: transparent; } .pmd-table .child-table > td { padding: 0 !important; } .pmd-table .child-table > td .table > thead > tr { background-color: transparent; } .pmd-table .child-table .table-sm th { padding: 0.25rem 0.75rem; } .pmd-table .child-table .table-sm td { padding: 0.25rem 0.75rem; } .pmd-table.table .table { background-color: transparent; } .pmd-table.table thead th { vertical-align: bottom; } .pmd-table.table tbody + tbody { border-top: 2px solid #e9ecef; } .pmd-table.table > thead > tr { transition: all 0.2s ease-in-out; } .pmd-table.table > thead > tr > th { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; font-weight: 400; border-top: none; border-bottom-width: 1px; font-size: 0.8rem; } .pmd-table.table > thead > tr > td { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; } .pmd-table.table > tbody > tr { transition: all 0.2s ease-in-out; } .pmd-table.table > tbody > tr > th { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; font-weight: 400; border-top: none; border-bottom-width: 1px; font-size: 0.8rem; } .pmd-table.table > tbody > tr > td { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; } .pmd-table.table > tfoot > tr { transition: all 0.2s ease-in-out; } .pmd-table.table > tfoot > tr > th { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; font-weight: 400; border-top: none; border-bottom-width: 1px; font-size: 0.8rem; } .pmd-table.table > tfoot > tr > td { vertical-align: middle; text-align: left; transition: all 0.2s ease-in-out; } .pmd-table.table-sm th { padding: 0.25rem; } .pmd-table.table-sm td { padding: 0.25rem; } .pmd-table.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .pmd-table.table-inverse > thead > tr > th { color: rgba(255, 255, 255, 0.54); } .pmd-table.table-striped.table-inverse tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.02); } .pmd-table.table-hover.table-inverse tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } .pmd-table.table-bordered .table-heading { border: none; } .pmd-table.table-bordered .table-footer { border: none; } .pmd-table.table-reflow { display: block; overflow-x: scroll; } .pmd-table.table-reflow thead { display: table-cell; vertical-align: top; float: none; position: absolute; } .pmd-table.table-reflow tr { display: table-cell; vertical-align: top; float: none; width: 130px; background-color: transparent; } .pmd-table.table-reflow tbody { margin-left: 130px; } .pmd-table.table-reflow > thead > tr > th { font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 131px; } .pmd-table.table-reflow > tbody > tr > td { border: none; border-left: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; } @media screen and (max-width: 768px) { .pmd-table .child-table { margin-top: -20px; } .pmd-table-card .pmd-table .table { margin-bottom: 0; } .pmd-table-card .table.pmd-table thead { display: none; } .pmd-table-card .table.pmd-table tfoot { display: none; } .pmd-table-card .table.pmd-table tbody { display: block; } .pmd-table-card .table.pmd-table tbody tr { display: block; border-radius: 0.125rem; margin-bottom: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .pmd-table-card .table.pmd-table tbody tr td { background-color: transparent; display: block; vertical-align: middle; text-align: right; } .pmd-table-card .table.pmd-table tbody tr td[data-title]:before { content: attr(data-title); float: left; font-size: inherit; font-weight: 400; text-transform: capitalize; } > .pmd-table-card.table-striped > tbody > tr > td { background-color: transparent; } > .pmd-table-card.table-striped > tbody > tr > td:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); } > .pmd-table-card.table-striped > tbody > tr:nth-child(odd) { background-color: transparent; } > .pmd-table-card.table-inverse > tbody > tr > td[data-title]:before { color: rgba(255, 255, 255, 0.54); } > .pmd-table-card.table-hover.table-inverse > tbody > tr > td:hover { background-color: rgba(255, 255, 255, 0.075); } > .pmd-table-card.table-striped.table-inverse > tbody > tr > td { background-color: #333333; } > .pmd-table-card.table-striped.table-inverse > tbody > tr > td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.02); } > .pmd-table-card.table-striped.table-inverse > tbody > tr:nth-child(odd) { background-color: #333333; } .pmd-table-card > .table-hover > tbody > tr > td:hover { background-color: rgba(0, 0, 0, 0.075); } .pmd-table-card.pmd-card-main { background-color: transparent; box-shadow: none; } .pmd-table-card.pmd-z-depth { background-color: transparent; box-shadow: none; } .table-bordered.table-inverse th { border-color: #464646; } .table-bordered.table-inverse td { border-color: #464646; } }