/*! * @package IcoFont * @version 1.0.1 * @author IcoFont https://icofont.com * @copyright Copyright (c) 2015 - 2018 IcoFont * @license - https://icofont.com/license/ */[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-angry-monster:before{content:"\e800"}.icofont-bathtub:before{content:"\e801"}.icofont-bird-wings:before{content:"\e802"}.icofont-bow:before{content:"\e803"}.icofont-castle:before{content:"\e804"}.icofont-circuit:before{content:"\e805"}.icofont-crown-king:before{content:"\e806"}.icofont-crown-queen:before{content:"\e807"}.icofont-dart:before{content:"\e808"}.icofont-disability-race:before{content:"\e809"}.icofont-diving-goggle:before{content:"\e80a"}.icofont-eye-open:before{content:"\e80b"}.icofont-flora-flower:before{content:"\e80c"}.icofont-flora:before{content:"\e80d"}.icofont-gift-box:before{content:"\e80e"}.icofont-halloween-pumpkin:before{content:"\e80f"}.icofont-hand-power:before{content:"\e810"}.icofont-hand-thunder:before{content:"\e811"}.icofont-king-monster:before{content:"\e812"}.icofont-love:before{content:"\e813"}.icofont-magician-hat:before{content:"\e814"}.icofont-native-american:before{content:"\e815"}.icofont-owl-look:before{content:"\e816"}.icofont-phoenix:before{content:"\e817"}.icofont-robot-face:before{content:"\e818"}.icofont-sand-clock:before{content:"\e819"}.icofont-shield-alt:before{content:"\e81a"}.icofont-ship-wheel:before{content:"\e81b"}.icofont-skull-danger:before{content:"\e81c"}.icofont-skull-face:before{content:"\e81d"}.icofont-snowmobile:before{content:"\e81e"}.icofont-space-shuttle:before{content:"\e81f"}.icofont-star-shape:before{content:"\e820"}.icofont-swirl:before{content:"\e821"}.icofont-tattoo-wing:before{content:"\e822"}.icofont-throne:before{content:"\e823"}.icofont-tree-alt:before{content:"\e824"}.icofont-triangle:before{content:"\e825"}.icofont-unity-hand:before{content:"\e826"}.icofont-weed:before{content:"\e827"}.icofont-woman-bird:before{content:"\e828"}.icofont-bat:before{content:"\e829"}.icofont-bear-face:before{content:"\e82a"}.icofont-bear-tracks:before{content:"\e82b"}.icofont-bear:before{content:"\e82c"}.icofont-bird-alt:before{content:"\e82d"}.icofont-bird-flying:before{content:"\e82e"}.icofont-bird:before{content:"\e82f"}.icofont-birds:before{content:"\e830"}.icofont-bone:before{content:"\e831"}.icofont-bull:before{content:"\e832"}.icofont-butterfly-alt:before{content:"\e833"}.icofont-butterfly:before{content:"\e834"}.icofont-camel-alt:before{content:"\e835"}.icofont-camel-head:before{content:"\e836"}.icofont-camel:before{content:"\e837"}.icofont-cat-alt-1:before{content:"\e838"}.icofont-cat-alt-2:before{content:"\e839"}.icofont-cat-alt-3:before{content:"\e83a"}.icofont-cat-dog:before{content:"\e83b"}.icofont-cat-face:before{content:"\e83c"}.icofont-cat:before{content:"\e83d"}.icofont-cow-head:before{content:"\e83e"}.icofont-cow:before{content:"\e83f"}.icofont-crab:before{content:"\e840"}.icofont-crocodile:before{content:"\e841"}.icofont-deer-head:before{content:"\e842"}.icofont-dog-alt:before{content:"\e843"}.icofont-dog-barking:before{content:"\e844"}.icofont-dog:before{content:"\e845"}.icofont-dolphin:before{content:"\e846"}.icofont-duck-tracks:before{content:"\e847"}.icofont-eagle-head:before{content:"\e848"}.icofont-eaten-fish:before{content:"\e849"}.icofont-elephant-alt:before{content:"\e84a"}.icofont-elephant-head-alt:before{content:"\e84b"}.icofont-elephant-head:before{content:"\e84c"}.icofont-elephant:before{content:"\e84d"}.icofont-elk:before{content:"\e84e"}.icofont-fish-1:before{content:"\e84f"}.icofont-fish-2:before{content:"\e850"}.icofont-fish-3:before{content:"\e851"}.icofont-fish-4:before{content:"\e852"}.icofont-fish-5:before{content:"\e853"}.icofont-fish:before{content:"\e854"}.icofont-fox-alt:before{content:"\e855"}.icofont-fox:before{content:"\e856"}.icofont-frog-tracks:before{content:"\e857"}.icofont-frog:before{content:"\e858"}.icofont-froggy:before{content:"\e859"}.icofont-giraffe-head-1:before{content:"\e85a"}.icofont-giraffe-head-2:before{content:"\e85b"}.icofont-giraffe-head:before{content:"\e85c"}.icofont-giraffe:before{content:"\e85d"}.icofont-goat-head:before{content:"\e85e"}.icofont-gorilla:before{content:"\e85f"}.icofont-hen-tracks:before{content:"\e860"}.icofont-horse-head-1:before{content:"\e861"}.icofont-horse-head-2:before{content:"\e862"}.icofont-horse-head:before{content:"\e863"}.icofont-horse-tracks:before{content:"\e864"}.icofont-jellyfish:before{content:"\e865"}.icofont-kangaroo:before{content:"\e866"}.icofont-lemur:before{content:"\e867"}.icofont-lion-head-1:before{content:"\e868"}.icofont-lion-head-2:before{content:"\e869"}.icofont-lion-head:before{content:"\e86a"}.icofont-lion:before{content:"\e86b"}.icofont-monkey-2:before{content:"\e86c"}.icofont-monkey-3:before{content:"\e86d"}.icofont-monkey-face:before{content:"\e86e"}.icofont-monkey:before{content:"\e86f"}.icofont-octopus-alt:before{content:"\e870"}.icofont-octopus:before{content:"\e871"}.icofont-owl:before{content:"\e872"}.icofont-panda-face:before{content:"\e873"}.icofont-panda:before{content:"\e874"}.icofont-panther:before{content:"\e875"}.icofont-parrot-lip:before{content:"\e876"}.icofont-parrot:before{content:"\e877"}.icofont-paw:before{content:"\e878"}.icofont-pelican:before{content:"\e879"}.icofont-penguin:before{content:"\e87a"}.icofont-pig-face:before{content:"\e87b"}.icofont-pig:before{content:"\e87c"}.icofont-pigeon-1:before{content:"\e87d"}.icofont-pigeon-2:before{content:"\e87e"}.icofont-pigeon:before{content:"\e87f"}.icofont-rabbit:before{content:"\e880"}.icofont-rat:before{content:"\e881"}.icofont-rhino-head:before{content:"\e882"}.icofont-rhino:before{content:"\e883"}.icofont-rooster:before{content:"\e884"}.icofont-seahorse:before{content:"\e885"}.icofont-seal:before{content:"\e886"}.icofont-shrimp-alt:before{content:"\e887"}.icofont-shrimp:before{content:"\e888"}.icofont-snail-1:before{content:"\e889"}.icofont-snail-2:before{content:"\e88a"}.icofont-snail-3:before{content:"\e88b"}.icofont-snail:before{content:"\e88c"}.icofont-snake:before{content:"\e88d"}.icofont-squid:before{content:"\e88e"}.icofont-squirrel:before{content:"\e88f"}.icofont-tiger-face:before{content:"\e890"}.icofont-tiger:before{content:"\e891"}.icofont-turtle:before{content:"\e892"}.icofont-whale:before{content:"\e893"}.icofont-woodpecker:before{content:"\e894"}.icofont-zebra:before{content:"\e895"}.icofont-brand-acer:before{content:"\e896"}.icofont-brand-adidas:before{content:"\e897"}.icofont-brand-adobe:before{content:"\e898"}.icofont-brand-air-new-zealand:before{content:"\e899"}.icofont-brand-airbnb:before{content:"\e89a"}.icofont-brand-aircell:before{content:"\e89b"}.icofont-brand-airtel:before{content:"\e89c"}.icofont-brand-alcatel:before{content:"\e89d"}.icofont-brand-alibaba:before{content:"\e89e"}.icofont-brand-aliexpress:before{content:"\e89f"}.icofont-brand-alipay:before{content:"\e8a0"}.icofont-brand-amazon:before{content:"\e8a1"}.icofont-brand-amd:before{content:"\e8a2"}.icofont-brand-american-airlines:before{content:"\e8a3"}.icofont-brand-android-robot:before{content:"\e8a4"}.icofont-brand-android:before{content:"\e8a5"}.icofont-brand-aol:before{content:"\e8a6"}.icofont-brand-apple:before{content:"\e8a7"}.icofont-brand-appstore:before{content:"\e8a8"}.icofont-brand-asus:before{content:"\e8a9"}.icofont-brand-ati:before{content:"\e8aa"}.icofont-brand-att:before{content:"\e8ab"}.icofont-brand-audi:before{content:"\e8ac"}.icofont-brand-axiata:before{content:"\e8ad"}.icofont-brand-bada:before{content:"\e8ae"}.icofont-brand-bbc:before{content:"\e8af"}.icofont-brand-bing:before{content:"\e8b0"}.icofont-brand-blackberry:before{content:"\e8b1"}.icofont-brand-bmw:before{content:"\e8b2"}.icofont-brand-box:before{content:"\e8b3"}.icofont-brand-burger-king:before{content:"\e8b4"}.icofont-brand-business-insider:before{content:"\e8b5"}.icofont-brand-buzzfeed:before{content:"\e8b6"}.icofont-brand-cannon:before{content:"\e8b7"}.icofont-brand-casio:before{content:"\e8b8"}.icofont-brand-china-mobile:before{content:"\e8b9"}.icofont-brand-china-telecom:before{content:"\e8ba"}.icofont-brand-china-unicom:before{content:"\e8bb"}.icofont-brand-cisco:before{content:"\e8bc"}.icofont-brand-citibank:before{content:"\e8bd"}.icofont-brand-cnet:before{content:"\e8be"}.icofont-brand-cnn:before{content:"\e8bf"}.icofont-brand-cocal-cola:before{content:"\e8c0"}.icofont-brand-compaq:before{content:"\e8c1"}.icofont-brand-debian:before{content:"\e8c2"}.icofont-brand-delicious:before{content:"\e8c3"}.icofont-brand-dell:before{content:"\e8c4"}.icofont-brand-designbump:before{content:"\e8c5"}.icofont-brand-designfloat:before{content:"\e8c6"}.icofont-brand-disney:before{content:"\e8c7"}.icofont-brand-dodge:before{content:"\e8c8"}.icofont-brand-dove:before{content:"\e8c9"}.icofont-brand-drupal:before{content:"\e8ca"}.icofont-brand-ebay:before{content:"\e8cb"}.icofont-brand-eleven:before{content:"\e8cc"}.icofont-brand-emirates:before{content:"\e8cd"}.icofont-brand-espn:before{content:"\e8ce"}.icofont-brand-etihad-airways:before{content:"\e8cf"}.icofont-brand-etisalat:before{content:"\e8d0"}.icofont-brand-etsy:before{content:"\e8d1"}.icofont-brand-fastrack:before{content:"\e8d2"}.icofont-brand-fedex:before{content:"\e8d3"}.icofont-brand-ferrari:before{content:"\e8d4"}.icofont-brand-fitbit:before{content:"\e8d5"}.icofont-brand-flikr:before{content:"\e8d6"}.icofont-brand-forbes:before{content:"\e8d7"}.icofont-brand-foursquare:before{content:"\e8d8"}.icofont-brand-foxconn:before{content:"\e8d9"}.icofont-brand-fujitsu:before{content:"\e8da"}.icofont-brand-general-electric:before{content:"\e8db"}.icofont-brand-gillette:before{content:"\e8dc"}.icofont-brand-gizmodo:before{content:"\e8dd"}.icofont-brand-gnome:before{content:"\e8de"}.icofont-brand-google:before{content:"\e8df"}.icofont-brand-gopro:before{content:"\e8e0"}.icofont-brand-gucci:before{content:"\e8e1"}.icofont-brand-hallmark:before{content:"\e8e2"}.icofont-brand-hi5:before{content:"\e8e3"}.icofont-brand-honda:before{content:"\e8e4"}.icofont-brand-hp:before{content:"\e8e5"}.icofont-brand-hsbc:before{content:"\e8e6"}.icofont-brand-htc:before{content:"\e8e7"}.icofont-brand-huawei:before{content:"\e8e8"}.icofont-brand-hulu:before{content:"\e8e9"}.icofont-brand-hyundai:before{content:"\e8ea"}.icofont-brand-ibm:before{content:"\e8eb"}.icofont-brand-icofont:before{content:"\e8ec"}.icofont-brand-icq:before{content:"\e8ed"}.icofont-brand-ikea:before{content:"\e8ee"}.icofont-brand-imdb:before{content:"\e8ef"}.icofont-brand-indiegogo:before{content:"\e8f0"}.icofont-brand-intel:before{content:"\e8f1"}.icofont-brand-ipair:before{content:"\e8f2"}.icofont-brand-jaguar:before{content:"\e8f3"}.icofont-brand-java:before{content:"\e8f4"}.icofont-brand-joomla:before{content:"\e8f5"}.icofont-brand-kickstarter:before{content:"\e8f6"}.icofont-brand-kik:before{content:"\e8f7"}.icofont-brand-lastfm:before{content:"\e8f8"}.icofont-brand-lego:before{content:"\e8f9"}.icofont-brand-lenovo:before{content:"\e8fa"}.icofont-brand-levis:before{content:"\e8fb"}.icofont-brand-lexus:before{content:"\e8fc"}.icofont-brand-lg:before{content:"\e8fd"}.icofont-brand-life-hacker:before{content:"\e8fe"}.icofont-brand-linux-mint:before{content:"\e8ff"}.icofont-brand-linux:before{content:"\e900"}.icofont-brand-lionix:before{content:"\e901"}.icofont-brand-loreal:before{content:"\e902"}.icofont-brand-louis-vuitton:before{content:"\e903"}.icofont-brand-mac-os:before{content:"\e904"}.icofont-brand-marvel-app:before{content:"\e905"}.icofont-brand-mashable:before{content:"\e906"}.icofont-brand-mazda:before{content:"\e907"}.icofont-brand-mcdonals:before{content:"\e908"}.icofont-brand-mercedes:before{content:"\e909"}.icofont-brand-micromax:before{content:"\e90a"}.icofont-brand-microsoft:before{content:"\e90b"}.icofont-brand-mobileme:before{content:"\e90c"}.icofont-brand-mobily:before{content:"\e90d"}.icofont-brand-motorola:before{content:"\e90e"}.icofont-brand-msi:before{content:"\e90f"}.icofont-brand-mts:before{content:"\e910"}.icofont-brand-myspace:before{content:"\e911"}.icofont-brand-mytv:before{content:"\e912"}.icofont-brand-nasa:before{content:"\e913"}.icofont-brand-natgeo:before{content:"\e914"}.icofont-brand-nbc:before{content:"\e915"}.icofont-brand-nescafe:before{content:"\e916"}.icofont-brand-nestle:before{content:"\e917"}.icofont-brand-netflix:before{content:"\e918"}.icofont-brand-nexus:before{content:"\e919"}.icofont-brand-nike:before{content:"\e91a"}.icofont-brand-nokia:before{content:"\e91b"}.icofont-brand-nvidia:before{content:"\e91c"}.icofont-brand-omega:before{content:"\e91d"}.icofont-brand-opensuse:before{content:"\e91e"}.icofont-brand-oracle:before{content:"\e91f"}.icofont-brand-panasonic:before{content:"\e920"}.icofont-brand-paypal:before{content:"\e921"}.icofont-brand-pepsi:before{content:"\e922"}.icofont-brand-philips:before{content:"\e923"}.icofont-brand-pizza-hut:before{content:"\e924"}.icofont-brand-playstation:before{content:"\e925"}.icofont-brand-puma:before{content:"\e926"}.icofont-brand-qatar-air:before{content:"\e927"}.icofont-brand-qvc:before{content:"\e928"}.icofont-brand-readernaut:before{content:"\e929"}.icofont-brand-redbull:before{content:"\e92a"}.icofont-brand-reebok:before{content:"\e92b"}.icofont-brand-reuters:before{content:"\e92c"}.icofont-brand-samsung:before{content:"\e92d"}.icofont-brand-sap:before{content:"\e92e"}.icofont-brand-saudia-airlines:before{content:"\e92f"}.icofont-brand-scribd:before{content:"\e930"}.icofont-brand-shell:before{content:"\e931"}.icofont-brand-siemens:before{content:"\e932"}.icofont-brand-sk-telecom:before{content:"\e933"}.icofont-brand-slideshare:before{content:"\e934"}.icofont-brand-smashing-magazine:before{content:"\e935"}.icofont-brand-snapchat:before{content:"\e936"}.icofont-brand-sony-ericsson:before{content:"\e937"}.icofont-brand-sony:before{content:"\e938"}.icofont-brand-soundcloud:before{content:"\e939"}.icofont-brand-sprint:before{content:"\e93a"}.icofont-brand-squidoo:before{content:"\e93b"}.icofont-brand-starbucks:before{content:"\e93c"}.icofont-brand-stc:before{content:"\e93d"}.icofont-brand-steam:before{content:"\e93e"}.icofont-brand-suzuki:before{content:"\e93f"}.icofont-brand-symbian:before{content:"\e940"}.icofont-brand-t-mobile:before{content:"\e941"}.icofont-brand-tango:before{content:"\e942"}.icofont-brand-target:before{content:"\e943"}.icofont-brand-tata-indicom:before{content:"\e944"}.icofont-brand-techcrunch:before{content:"\e945"}.icofont-brand-telenor:before{content:"\e946"}.icofont-brand-teliasonera:before{content:"\e947"}.icofont-brand-tesla:before{content:"\e948"}.icofont-brand-the-verge:before{content:"\e949"}.icofont-brand-thenextweb:before{content:"\e94a"}.icofont-brand-toshiba:before{content:"\e94b"}.icofont-brand-toyota:before{content:"\e94c"}.icofont-brand-tribenet:before{content:"\e94d"}.icofont-brand-ubuntu:before{content:"\e94e"}.icofont-brand-unilever:before{content:"\e94f"}.icofont-brand-vaio:before{content:"\e950"}.icofont-brand-verizon:before{content:"\e951"}.icofont-brand-viber:before{content:"\e952"}.icofont-brand-vodafone:before{content:"\e953"}.icofont-brand-volkswagen:before{content:"\e954"}.icofont-brand-walmart:before{content:"\e955"}.icofont-brand-warnerbros:before{content:"\e956"}.icofont-brand-whatsapp:before{content:"\e957"}.icofont-brand-wikipedia:before{content:"\e958"}.icofont-brand-windows:before{content:"\e959"}.icofont-brand-wire:before{content:"\e95a"}.icofont-brand-wordpress:before{content:"\e95b"}.icofont-brand-xiaomi:before{content:"\e95c"}.icofont-brand-yahoobuzz:before{content:"\e95d"}.icofont-brand-yamaha:before{content:"\e95e"}.icofont-brand-youtube:before{content:"\e95f"}.icofont-brand-zain:before{content:"\e960"}.icofont-bank-alt:before{content:"\e961"}.icofont-bank:before{content:"\e962"}.icofont-barcode:before{content:"\e963"}.icofont-bill-alt:before{content:"\e964"}.icofont-billboard:before{content:"\e965"}.icofont-briefcase-1:before{content:"\e966"}.icofont-briefcase-2:before{content:"\e967"}.icofont-businessman:before{content:"\e968"}.icofont-businesswoman:before{content:"\e969"}.icofont-chair:before{content:"\e96a"}.icofont-coins:before{content:"\e96b"}.icofont-company:before{content:"\e96c"}.icofont-contact-add:before{content:"\e96d"}.icofont-files-stack:before{content:"\e96e"}.icofont-handshake-deal:before{content:"\e96f"}.icofont-id-card:before{content:"\e970"}.icofont-meeting-add:before{content:"\e971"}.icofont-money-bag:before{content:"\e972"}.icofont-pie-chart:before{content:"\e973"}.icofont-presentation-alt:before{content:"\e974"}.icofont-presentation:before{content:"\e975"}.icofont-stamp:before{content:"\e976"}.icofont-stock-mobile:before{content:"\e977"}.icofont-chart-arrows-axis:before{content:"\e978"}.icofont-chart-bar-graph:before{content:"\e979"}.icofont-chart-flow-1:before{content:"\e97a"}.icofont-chart-flow-2:before{content:"\e97b"}.icofont-chart-flow:before{content:"\e97c"}.icofont-chart-growth:before{content:"\e97d"}.icofont-chart-histogram-alt:before{content:"\e97e"}.icofont-chart-histogram:before{content:"\e97f"}.icofont-chart-line-alt:before{content:"\e980"}.icofont-chart-line:before{content:"\e981"}.icofont-chart-pie-alt:before{content:"\e982"}.icofont-chart-pie:before{content:"\e983"}.icofont-chart-radar-graph:before{content:"\e984"}.icofont-architecture-alt:before{content:"\e985"}.icofont-architecture:before{content:"\e986"}.icofont-barricade:before{content:"\e987"}.icofont-bolt:before{content:"\e988"}.icofont-bricks:before{content:"\e989"}.icofont-building-alt:before{content:"\e98a"}.icofont-bull-dozer:before{content:"\e98b"}.icofont-calculations:before{content:"\e98c"}.icofont-cement-mix:before{content:"\e98d"}.icofont-cement-mixer:before{content:"\e98e"}.icofont-concrete-mixer:before{content:"\e98f"}.icofont-danger-zone:before{content:"\e990"}.icofont-drill:before{content:"\e991"}.icofont-eco-energy:before{content:"\e992"}.icofont-eco-environmen:before{content:"\e993"}.icofont-energy-air:before{content:"\e994"}.icofont-energy-oil:before{content:"\e995"}.icofont-energy-savings:before{content:"\e996"}.icofont-energy-solar:before{content:"\e997"}.icofont-energy-water:before{content:"\e998"}.icofont-engineer:before{content:"\e999"}.icofont-fire-extinguisher-alt:before{content:"\e99a"}.icofont-fire-extinguisher:before{content:"\e99b"}.icofont-fix-tools:before{content:"\e99c"}.icofont-fork-lift:before{content:"\e99d"}.icofont-glue-oil:before{content:"\e99e"}.icofont-hammer-alt:before{content:"\e99f"}.icofont-hammer:before{content:"\e9a0"}.icofont-help-robot:before{content:"\e9a1"}.icofont-industries-1:before{content:"\e9a2"}.icofont-industries-2:before{content:"\e9a3"}.icofont-industries-3:before{content:"\e9a4"}.icofont-industries-4:before{content:"\e9a5"}.icofont-industries-5:before{content:"\e9a6"}.icofont-industries:before{content:"\e9a7"}.icofont-labour:before{content:"\e9a8"}.icofont-mining:before{content:"\e9a9"}.icofont-paint-brush:before{content:"\e9aa"}.icofont-pollution:before{content:"\e9ab"}.icofont-power-zone:before{content:"\e9ac"}.icofont-radio-active:before{content:"\e9ad"}.icofont-recycle-alt:before{content:"\e9ae"}.icofont-recycling-man:before{content:"\e9af"}.icofont-safety-hat-light:before{content:"\e9b0"}.icofont-safety-hat:before{content:"\e9b1"}.icofont-saw:before{content:"\e9b2"}.icofont-screw-driver:before{content:"\e9b3"}.icofont-tools-1:before{content:"\e9b4"}.icofont-tools-bag:before{content:"\e9b5"}.icofont-tow-truck:before{content:"\e9b6"}.icofont-trolley:before{content:"\e9b7"}.icofont-trowel:before{content:"\e9b8"}.icofont-under-construction-alt:before{content:"\e9b9"}.icofont-under-construction:before{content:"\e9ba"}.icofont-vehicle-cement:before{content:"\e9bb"}.icofont-vehicle-crane:before{content:"\e9bc"}.icofont-vehicle-delivery-van:before{content:"\e9bd"}.icofont-vehicle-dozer:before{content:"\e9be"}.icofont-vehicle-excavator:before{content:"\e9bf"}.icofont-vehicle-trucktor:before{content:"\e9c0"}.icofont-vehicle-wrecking:before{content:"\e9c1"}.icofont-worker:before{content:"\e9c2"}.icofont-workers-group:before{content:"\e9c3"}.icofont-wrench:before{content:"\e9c4"}.icofont-afghani-false:before{content:"\e9c5"}.icofont-afghani-minus:before{content:"\e9c6"}.icofont-afghani-plus:before{content:"\e9c7"}.icofont-afghani-true:before{content:"\e9c8"}.icofont-afghani:before{content:"\e9c9"}.icofont-baht-false:before{content:"\e9ca"}.icofont-baht-minus:before{content:"\e9cb"}.icofont-baht-plus:before{content:"\e9cc"}.icofont-baht-true:before{content:"\e9cd"}.icofont-baht:before{content:"\e9ce"}.icofont-bitcoin-false:before{content:"\e9cf"}.icofont-bitcoin-minus:before{content:"\e9d0"}.icofont-bitcoin-plus:before{content:"\e9d1"}.icofont-bitcoin-true:before{content:"\e9d2"}.icofont-bitcoin:before{content:"\e9d3"}.icofont-dollar-flase:before{content:"\e9d4"}.icofont-dollar-minus:before{content:"\e9d5"}.icofont-dollar-plus:before{content:"\e9d6"}.icofont-dollar-true:before{content:"\e9d7"}.icofont-dollar:before{content:"\e9d8"}.icofont-dong-false:before{content:"\e9d9"}.icofont-dong-minus:before{content:"\e9da"}.icofont-dong-plus:before{content:"\e9db"}.icofont-dong-true:before{content:"\e9dc"}.icofont-dong:before{content:"\e9dd"}.icofont-euro-false:before{content:"\e9de"}.icofont-euro-minus:before{content:"\e9df"}.icofont-euro-plus:before{content:"\e9e0"}.icofont-euro-true:before{content:"\e9e1"}.icofont-euro:before{content:"\e9e2"}.icofont-frank-false:before{content:"\e9e3"}.icofont-frank-minus:before{content:"\e9e4"}.icofont-frank-plus:before{content:"\e9e5"}.icofont-frank-true:before{content:"\e9e6"}.icofont-frank:before{content:"\e9e7"}.icofont-hryvnia-false:before{content:"\e9e8"}.icofont-hryvnia-minus:before{content:"\e9e9"}.icofont-hryvnia-plus:before{content:"\e9ea"}.icofont-hryvnia-true:before{content:"\e9eb"}.icofont-hryvnia:before{content:"\e9ec"}.icofont-lira-false:before{content:"\e9ed"}.icofont-lira-minus:before{content:"\e9ee"}.icofont-lira-plus:before{content:"\e9ef"}.icofont-lira-true:before{content:"\e9f0"}.icofont-lira:before{content:"\e9f1"}.icofont-peseta-false:before{content:"\e9f2"}.icofont-peseta-minus:before{content:"\e9f3"}.icofont-peseta-plus:before{content:"\e9f4"}.icofont-peseta-true:before{content:"\e9f5"}.icofont-peseta:before{content:"\e9f6"}.icofont-peso-false:before{content:"\e9f7"}.icofont-peso-minus:before{content:"\e9f8"}.icofont-peso-plus:before{content:"\e9f9"}.icofont-peso-true:before{content:"\e9fa"}.icofont-peso:before{content:"\e9fb"}.icofont-pound-false:before{content:"\e9fc"}.icofont-pound-minus:before{content:"\e9fd"}.icofont-pound-plus:before{content:"\e9fe"}.icofont-pound-true:before{content:"\e9ff"}.icofont-pound:before{content:"\ea00"}.icofont-renminbi-false:before{content:"\ea01"}.icofont-renminbi-minus:before{content:"\ea02"}.icofont-renminbi-plus:before{content:"\ea03"}.icofont-renminbi-true:before{content:"\ea04"}.icofont-renminbi:before{content:"\ea05"}.icofont-riyal-false:before{content:"\ea06"}.icofont-riyal-minus:before{content:"\ea07"}.icofont-riyal-plus:before{content:"\ea08"}.icofont-riyal-true:before{content:"\ea09"}.icofont-riyal:before{content:"\ea0a"}.icofont-rouble-false:before{content:"\ea0b"}.icofont-rouble-minus:before{content:"\ea0c"}.icofont-rouble-plus:before{content:"\ea0d"}.icofont-rouble-true:before{content:"\ea0e"}.icofont-rouble:before{content:"\ea0f"}.icofont-rupee-false:before{content:"\ea10"}.icofont-rupee-minus:before{content:"\ea11"}.icofont-rupee-plus:before{content:"\ea12"}.icofont-rupee-true:before{content:"\ea13"}.icofont-rupee:before{content:"\ea14"}.icofont-taka-false:before{content:"\ea15"}.icofont-taka-minus:before{content:"\ea16"}.icofont-taka-plus:before{content:"\ea17"}.icofont-taka-true:before{content:"\ea18"}.icofont-taka:before{content:"\ea19"}.icofont-turkish-lira-false:before{content:"\ea1a"}.icofont-turkish-lira-minus:before{content:"\ea1b"}.icofont-turkish-lira-plus:before{content:"\ea1c"}.icofont-turkish-lira-true:before{content:"\ea1d"}.icofont-turkish-lira:before{content:"\ea1e"}.icofont-won-false:before{content:"\ea1f"}.icofont-won-minus:before{content:"\ea20"}.icofont-won-plus:before{content:"\ea21"}.icofont-won-true:before{content:"\ea22"}.icofont-won:before{content:"\ea23"}.icofont-yen-false:before{content:"\ea24"}.icofont-yen-minus:before{content:"\ea25"}.icofont-yen-plus:before{content:"\ea26"}.icofont-yen-true:before{content:"\ea27"}.icofont-yen:before{content:"\ea28"}.icofont-android-nexus:before{content:"\ea29"}.icofont-android-tablet:before{content:"\ea2a"}.icofont-apple-watch:before{content:"\ea2b"}.icofont-drawing-tablet:before{content:"\ea2c"}.icofont-earphone:before{content:"\ea2d"}.icofont-flash-drive:before{content:"\ea2e"}.icofont-game-console:before{content:"\ea2f"}.icofont-game-controller:before{content:"\ea30"}.icofont-game-pad:before{content:"\ea31"}.icofont-game:before{content:"\ea32"}.icofont-headphone-alt-1:before{content:"\ea33"}.icofont-headphone-alt-2:before{content:"\ea34"}.icofont-headphone-alt-3:before{content:"\ea35"}.icofont-headphone-alt:before{content:"\ea36"}.icofont-headphone:before{content:"\ea37"}.icofont-htc-one:before{content:"\ea38"}.icofont-imac:before{content:"\ea39"}.icofont-ipad:before{content:"\ea3a"}.icofont-iphone:before{content:"\ea3b"}.icofont-ipod-nano:before{content:"\ea3c"}.icofont-ipod-touch:before{content:"\ea3d"}.icofont-keyboard-alt:before{content:"\ea3e"}.icofont-keyboard-wireless:before{content:"\ea3f"}.icofont-keyboard:before{content:"\ea40"}.icofont-laptop-alt:before{content:"\ea41"}.icofont-laptop:before{content:"\ea42"}.icofont-macbook:before{content:"\ea43"}.icofont-magic-mouse:before{content:"\ea44"}.icofont-micro-chip:before{content:"\ea45"}.icofont-microphone-alt:before{content:"\ea46"}.icofont-microphone:before{content:"\ea47"}.icofont-monitor:before{content:"\ea48"}.icofont-mouse:before{content:"\ea49"}.icofont-mp3-player:before{content:"\ea4a"}.icofont-nintendo:before{content:"\ea4b"}.icofont-playstation-alt:before{content:"\ea4c"}.icofont-psvita:before{content:"\ea4d"}.icofont-radio-mic:before{content:"\ea4e"}.icofont-radio:before{content:"\ea4f"}.icofont-refrigerator:before{content:"\ea50"}.icofont-samsung-galaxy:before{content:"\ea51"}.icofont-surface-tablet:before{content:"\ea52"}.icofont-ui-head-phone:before{content:"\ea53"}.icofont-ui-keyboard:before{content:"\ea54"}.icofont-washing-machine:before{content:"\ea55"}.icofont-wifi-router:before{content:"\ea56"}.icofont-wii-u:before{content:"\ea57"}.icofont-windows-lumia:before{content:"\ea58"}.icofont-wireless-mouse:before{content:"\ea59"}.icofont-xbox-360:before{content:"\ea5a"}.icofont-arrow-down:before{content:"\ea5b"}.icofont-arrow-left:before{content:"\ea5c"}.icofont-arrow-right:before{content:"\ea5d"}.icofont-arrow-up:before{content:"\ea5e"}.icofont-block-down:before{content:"\ea5f"}.icofont-block-left:before{content:"\ea60"}.icofont-block-right:before{content:"\ea61"}.icofont-block-up:before{content:"\ea62"}.icofont-bubble-down:before{content:"\ea63"}.icofont-bubble-left:before{content:"\ea64"}.icofont-bubble-right:before{content:"\ea65"}.icofont-bubble-up:before{content:"\ea66"}.icofont-caret-down:before{content:"\ea67"}.icofont-caret-left:before{content:"\ea68"}.icofont-caret-right:before{content:"\ea69"}.icofont-caret-up:before{content:"\ea6a"}.icofont-circled-down:before{content:"\ea6b"}.icofont-circled-left:before{content:"\ea6c"}.icofont-circled-right:before{content:"\ea6d"}.icofont-circled-up:before{content:"\ea6e"}.icofont-collapse:before{content:"\ea6f"}.icofont-cursor-drag:before{content:"\ea70"}.icofont-curved-double-left:before{content:"\ea71"}.icofont-curved-double-right:before{content:"\ea72"}.icofont-curved-down:before{content:"\ea73"}.icofont-curved-left:before{content:"\ea74"}.icofont-curved-right:before{content:"\ea75"}.icofont-curved-up:before{content:"\ea76"}.icofont-dotted-down:before{content:"\ea77"}.icofont-dotted-left:before{content:"\ea78"}.icofont-dotted-right:before{content:"\ea79"}.icofont-dotted-up:before{content:"\ea7a"}.icofont-double-left:before{content:"\ea7b"}.icofont-double-right:before{content:"\ea7c"}.icofont-expand-alt:before{content:"\ea7d"}.icofont-hand-down:before{content:"\ea7e"}.icofont-hand-drag:before{content:"\ea7f"}.icofont-hand-drag1:before{content:"\ea80"}.icofont-hand-drag2:before{content:"\ea81"}.icofont-hand-drawn-alt-down:before{content:"\ea82"}.icofont-hand-drawn-alt-left:before{content:"\ea83"}.icofont-hand-drawn-alt-right:before{content:"\ea84"}.icofont-hand-drawn-alt-up:before{content:"\ea85"}.icofont-hand-drawn-down:before{content:"\ea86"}.icofont-hand-drawn-left:before{content:"\ea87"}.icofont-hand-drawn-right:before{content:"\ea88"}.icofont-hand-drawn-up:before{content:"\ea89"}.icofont-hand-grippers:before{content:"\ea8a"}.icofont-hand-left:before{content:"\ea8b"}.icofont-hand-right:before{content:"\ea8c"}.icofont-hand-up:before{content:"\ea8d"}.icofont-line-block-down:before{content:"\ea8e"}.icofont-line-block-left:before{content:"\ea8f"}.icofont-line-block-right:before{content:"\ea90"}.icofont-line-block-up:before{content:"\ea91"}.icofont-long-arrow-down:before{content:"\ea92"}.icofont-long-arrow-left:before{content:"\ea93"}.icofont-long-arrow-right:before{content:"\ea94"}.icofont-long-arrow-up:before{content:"\ea95"}.icofont-rounded-collapse:before{content:"\ea96"}.icofont-rounded-double-left:before{content:"\ea97"}.icofont-rounded-double-right:before{content:"\ea98"}.icofont-rounded-down:before{content:"\ea99"}.icofont-rounded-expand:before{content:"\ea9a"}.icofont-rounded-left-down:before{content:"\ea9b"}.icofont-rounded-left-up:before{content:"\ea9c"}.icofont-rounded-left:before{content:"\ea9d"}.icofont-rounded-right-down:before{content:"\ea9e"}.icofont-rounded-right-up:before{content:"\ea9f"}.icofont-rounded-right:before{content:"\eaa0"}.icofont-rounded-up:before{content:"\eaa1"}.icofont-scroll-bubble-down:before{content:"\eaa2"}.icofont-scroll-bubble-left:before{content:"\eaa3"}.icofont-scroll-bubble-right:before{content:"\eaa4"}.icofont-scroll-bubble-up:before{content:"\eaa5"}.icofont-scroll-double-down:before{content:"\eaa6"}.icofont-scroll-double-left:before{content:"\eaa7"}.icofont-scroll-double-right:before{content:"\eaa8"}.icofont-scroll-double-up:before{content:"\eaa9"}.icofont-scroll-down:before{content:"\eaaa"}.icofont-scroll-left:before{content:"\eaab"}.icofont-scroll-long-down:before{content:"\eaac"}.icofont-scroll-long-left:before{content:"\eaad"}.icofont-scroll-long-right:before{content:"\eaae"}.icofont-scroll-long-up:before{content:"\eaaf"}.icofont-scroll-right:before{content:"\eab0"}.icofont-scroll-up:before{content:"\eab1"}.icofont-simple-down:before{content:"\eab2"}.icofont-simple-left-down:before{content:"\eab3"}.icofont-simple-left-up:before{content:"\eab4"}.icofont-simple-left:before{content:"\eab5"}.icofont-simple-right-down:before{content:"\eab6"}.icofont-simple-right-up:before{content:"\eab7"}.icofont-simple-right:before{content:"\eab8"}.icofont-simple-up:before{content:"\eab9"}.icofont-square-down:before{content:"\eaba"}.icofont-square-left:before{content:"\eabb"}.icofont-square-right:before{content:"\eabc"}.icofont-square-up:before{content:"\eabd"}.icofont-stylish-down:before{content:"\eabe"}.icofont-stylish-left:before{content:"\eabf"}.icofont-stylish-right:before{content:"\eac0"}.icofont-stylish-up:before{content:"\eac1"}.icofont-swoosh-down:before{content:"\eac2"}.icofont-swoosh-left:before{content:"\eac3"}.icofont-swoosh-right:before{content:"\eac4"}.icofont-swoosh-up:before{content:"\eac5"}.icofont-thin-double-left:before{content:"\eac6"}.icofont-thin-double-right:before{content:"\eac7"}.icofont-thin-down:before{content:"\eac8"}.icofont-thin-left:before{content:"\eac9"}.icofont-thin-right:before{content:"\eaca"}.icofont-thin-up:before{content:"\eacb"}.icofont-abc:before{content:"\eacc"}.icofont-atom:before{content:"\eacd"}.icofont-award:before{content:"\eace"}.icofont-bell-alt:before{content:"\eacf"}.icofont-black-board:before{content:"\ead0"}.icofont-book-alt:before{content:"\ead1"}.icofont-book:before{content:"\ead2"}.icofont-brainstorming:before{content:"\ead3"}.icofont-certificate-alt-1:before{content:"\ead4"}.icofont-certificate-alt-2:before{content:"\ead5"}.icofont-certificate:before{content:"\ead6"}.icofont-education:before{content:"\ead7"}.icofont-electron:before{content:"\ead8"}.icofont-fountain-pen:before{content:"\ead9"}.icofont-globe-alt:before{content:"\eada"}.icofont-graduate-alt:before{content:"\eadb"}.icofont-graduate:before{content:"\eadc"}.icofont-group-students:before{content:"\eadd"}.icofont-hat-alt:before{content:"\eade"}.icofont-hat:before{content:"\eadf"}.icofont-instrument:before{content:"\eae0"}.icofont-lamp-light:before{content:"\eae1"}.icofont-medal:before{content:"\eae2"}.icofont-microscope-alt:before{content:"\eae3"}.icofont-microscope:before{content:"\eae4"}.icofont-paper:before{content:"\eae5"}.icofont-pen-alt-4:before{content:"\eae6"}.icofont-pen-nib:before{content:"\eae7"}.icofont-pencil-alt-5:before{content:"\eae8"}.icofont-quill-pen:before{content:"\eae9"}.icofont-read-book-alt:before{content:"\eaea"}.icofont-read-book:before{content:"\eaeb"}.icofont-school-bag:before{content:"\eaec"}.icofont-school-bus:before{content:"\eaed"}.icofont-student-alt:before{content:"\eaee"}.icofont-student:before{content:"\eaef"}.icofont-teacher:before{content:"\eaf0"}.icofont-test-bulb:before{content:"\eaf1"}.icofont-test-tube-alt:before{content:"\eaf2"}.icofont-university:before{content:"\eaf3"}.icofont-angry:before{content:"\eaf4"}.icofont-astonished:before{content:"\eaf5"}.icofont-confounded:before{content:"\eaf6"}.icofont-confused:before{content:"\eaf7"}.icofont-crying:before{content:"\eaf8"}.icofont-dizzy:before{content:"\eaf9"}.icofont-expressionless:before{content:"\eafa"}.icofont-heart-eyes:before{content:"\eafb"}.icofont-laughing:before{content:"\eafc"}.icofont-nerd-smile:before{content:"\eafd"}.icofont-open-mouth:before{content:"\eafe"}.icofont-rage:before{content:"\eaff"}.icofont-rolling-eyes:before{content:"\eb00"}.icofont-sad:before{content:"\eb01"}.icofont-simple-smile:before{content:"\eb02"}.icofont-slightly-smile:before{content:"\eb03"}.icofont-smirk:before{content:"\eb04"}.icofont-stuck-out-tongue:before{content:"\eb05"}.icofont-wink-smile:before{content:"\eb06"}.icofont-worried:before{content:"\eb07"}.icofont-file-alt:before{content:"\eb08"}.icofont-file-audio:before{content:"\eb09"}.icofont-file-avi-mp4:before{content:"\eb0a"}.icofont-file-bmp:before{content:"\eb0b"}.icofont-file-code:before{content:"\eb0c"}.icofont-file-css:before{content:"\eb0d"}.icofont-file-document:before{content:"\eb0e"}.icofont-file-eps:before{content:"\eb0f"}.icofont-file-excel:before{content:"\eb10"}.icofont-file-exe:before{content:"\eb11"}.icofont-file-file:before{content:"\eb12"}.icofont-file-flv:before{content:"\eb13"}.icofont-file-gif:before{content:"\eb14"}.icofont-file-html5:before{content:"\eb15"}.icofont-file-image:before{content:"\eb16"}.icofont-file-iso:before{content:"\eb17"}.icofont-file-java:before{content:"\eb18"}.icofont-file-javascript:before{content:"\eb19"}.icofont-file-jpg:before{content:"\eb1a"}.icofont-file-midi:before{content:"\eb1b"}.icofont-file-mov:before{content:"\eb1c"}.icofont-file-mp3:before{content:"\eb1d"}.icofont-file-pdf:before{content:"\eb1e"}.icofont-file-php:before{content:"\eb1f"}.icofont-file-png:before{content:"\eb20"}.icofont-file-powerpoint:before{content:"\eb21"}.icofont-file-presentation:before{content:"\eb22"}.icofont-file-psb:before{content:"\eb23"}.icofont-file-psd:before{content:"\eb24"}.icofont-file-python:before{content:"\eb25"}.icofont-file-ruby:before{content:"\eb26"}.icofont-file-spreadsheet:before{content:"\eb27"}.icofont-file-sql:before{content:"\eb28"}.icofont-file-svg:before{content:"\eb29"}.icofont-file-text:before{content:"\eb2a"}.icofont-file-tiff:before{content:"\eb2b"}.icofont-file-video:before{content:"\eb2c"}.icofont-file-wave:before{content:"\eb2d"}.icofont-file-wmv:before{content:"\eb2e"}.icofont-file-word:before{content:"\eb2f"}.icofont-file-zip:before{content:"\eb30"}.icofont-cycling-alt:before{content:"\eb31"}.icofont-cycling:before{content:"\eb32"}.icofont-dumbbell:before{content:"\eb33"}.icofont-dumbbells:before{content:"\eb34"}.icofont-gym-alt-1:before{content:"\eb35"}.icofont-gym-alt-2:before{content:"\eb36"}.icofont-gym-alt-3:before{content:"\eb37"}.icofont-gym:before{content:"\eb38"}.icofont-muscle-weight:before{content:"\eb39"}.icofont-muscle:before{content:"\eb3a"}.icofont-apple:before{content:"\eb3b"}.icofont-arabian-coffee:before{content:"\eb3c"}.icofont-artichoke:before{content:"\eb3d"}.icofont-asparagus:before{content:"\eb3e"}.icofont-avocado:before{content:"\eb3f"}.icofont-baby-food:before{content:"\eb40"}.icofont-banana:before{content:"\eb41"}.icofont-bbq:before{content:"\eb42"}.icofont-beans:before{content:"\eb43"}.icofont-beer:before{content:"\eb44"}.icofont-bell-pepper-capsicum:before{content:"\eb45"}.icofont-birthday-cake:before{content:"\eb46"}.icofont-bread:before{content:"\eb47"}.icofont-broccoli:before{content:"\eb48"}.icofont-burger:before{content:"\eb49"}.icofont-cabbage:before{content:"\eb4a"}.icofont-carrot:before{content:"\eb4b"}.icofont-cauli-flower:before{content:"\eb4c"}.icofont-cheese:before{content:"\eb4d"}.icofont-chef:before{content:"\eb4e"}.icofont-cherry:before{content:"\eb4f"}.icofont-chicken-fry:before{content:"\eb50"}.icofont-chicken:before{content:"\eb51"}.icofont-cocktail:before{content:"\eb52"}.icofont-coconut-water:before{content:"\eb53"}.icofont-coconut:before{content:"\eb54"}.icofont-coffee-alt:before{content:"\eb55"}.icofont-coffee-cup:before{content:"\eb56"}.icofont-coffee-mug:before{content:"\eb57"}.icofont-coffee-pot:before{content:"\eb58"}.icofont-cola:before{content:"\eb59"}.icofont-corn:before{content:"\eb5a"}.icofont-croissant:before{content:"\eb5b"}.icofont-crop-plant:before{content:"\eb5c"}.icofont-cucumber:before{content:"\eb5d"}.icofont-culinary:before{content:"\eb5e"}.icofont-cup-cake:before{content:"\eb5f"}.icofont-dining-table:before{content:"\eb60"}.icofont-donut:before{content:"\eb61"}.icofont-egg-plant:before{content:"\eb62"}.icofont-egg-poached:before{content:"\eb63"}.icofont-farmer-alt:before{content:"\eb64"}.icofont-farmer:before{content:"\eb65"}.icofont-fast-food:before{content:"\eb66"}.icofont-food-basket:before{content:"\eb67"}.icofont-food-cart:before{content:"\eb68"}.icofont-fork-and-knife:before{content:"\eb69"}.icofont-french-fries:before{content:"\eb6a"}.icofont-fruits:before{content:"\eb6b"}.icofont-grapes:before{content:"\eb6c"}.icofont-honey:before{content:"\eb6d"}.icofont-hot-dog:before{content:"\eb6e"}.icofont-ice-cream-alt:before{content:"\eb6f"}.icofont-ice-cream:before{content:"\eb70"}.icofont-juice:before{content:"\eb71"}.icofont-ketchup:before{content:"\eb72"}.icofont-kiwi:before{content:"\eb73"}.icofont-layered-cake:before{content:"\eb74"}.icofont-lemon-alt:before{content:"\eb75"}.icofont-lemon:before{content:"\eb76"}.icofont-lobster:before{content:"\eb77"}.icofont-mango:before{content:"\eb78"}.icofont-milk:before{content:"\eb79"}.icofont-mushroom:before{content:"\eb7a"}.icofont-noodles:before{content:"\eb7b"}.icofont-onion:before{content:"\eb7c"}.icofont-orange:before{content:"\eb7d"}.icofont-pear:before{content:"\eb7e"}.icofont-peas:before{content:"\eb7f"}.icofont-pepper:before{content:"\eb80"}.icofont-pie-alt:before{content:"\eb81"}.icofont-pie:before{content:"\eb82"}.icofont-pineapple:before{content:"\eb83"}.icofont-pizza-slice:before{content:"\eb84"}.icofont-pizza:before{content:"\eb85"}.icofont-plant:before{content:"\eb86"}.icofont-popcorn:before{content:"\eb87"}.icofont-potato:before{content:"\eb88"}.icofont-pumpkin:before{content:"\eb89"}.icofont-raddish:before{content:"\eb8a"}.icofont-restaurant-menu:before{content:"\eb8b"}.icofont-restaurant:before{content:"\eb8c"}.icofont-salt-and-pepper:before{content:"\eb8d"}.icofont-sandwich:before{content:"\eb8e"}.icofont-sausage:before{content:"\eb8f"}.icofont-soft-drinks:before{content:"\eb90"}.icofont-soup-bowl:before{content:"\eb91"}.icofont-spoon-and-fork:before{content:"\eb92"}.icofont-steak:before{content:"\eb93"}.icofont-strawberry:before{content:"\eb94"}.icofont-sub-sandwich:before{content:"\eb95"}.icofont-sushi:before{content:"\eb96"}.icofont-taco:before{content:"\eb97"}.icofont-tea-pot:before{content:"\eb98"}.icofont-tea:before{content:"\eb99"}.icofont-tomato:before{content:"\eb9a"}.icofont-watermelon:before{content:"\eb9b"}.icofont-wheat:before{content:"\eb9c"}.icofont-baby-backpack:before{content:"\eb9d"}.icofont-baby-cloth:before{content:"\eb9e"}.icofont-baby-milk-bottle:before{content:"\eb9f"}.icofont-baby-trolley:before{content:"\eba0"}.icofont-baby:before{content:"\eba1"}.icofont-candy:before{content:"\eba2"}.icofont-holding-hands:before{content:"\eba3"}.icofont-infant-nipple:before{content:"\eba4"}.icofont-kids-scooter:before{content:"\eba5"}.icofont-safety-pin:before{content:"\eba6"}.icofont-teddy-bear:before{content:"\eba7"}.icofont-toy-ball:before{content:"\eba8"}.icofont-toy-cat:before{content:"\eba9"}.icofont-toy-duck:before{content:"\ebaa"}.icofont-toy-elephant:before{content:"\ebab"}.icofont-toy-hand:before{content:"\ebac"}.icofont-toy-horse:before{content:"\ebad"}.icofont-toy-lattu:before{content:"\ebae"}.icofont-toy-train:before{content:"\ebaf"}.icofont-burglar:before{content:"\ebb0"}.icofont-cannon-firing:before{content:"\ebb1"}.icofont-cc-camera:before{content:"\ebb2"}.icofont-cop-badge:before{content:"\ebb3"}.icofont-cop:before{content:"\ebb4"}.icofont-court-hammer:before{content:"\ebb5"}.icofont-court:before{content:"\ebb6"}.icofont-finger-print:before{content:"\ebb7"}.icofont-gavel:before{content:"\ebb8"}.icofont-handcuff-alt:before{content:"\ebb9"}.icofont-handcuff:before{content:"\ebba"}.icofont-investigation:before{content:"\ebbb"}.icofont-investigator:before{content:"\ebbc"}.icofont-jail:before{content:"\ebbd"}.icofont-judge:before{content:"\ebbe"}.icofont-law-alt-1:before{content:"\ebbf"}.icofont-law-alt-2:before{content:"\ebc0"}.icofont-law-alt-3:before{content:"\ebc1"}.icofont-law-book:before{content:"\ebc2"}.icofont-law-document:before{content:"\ebc3"}.icofont-law-order:before{content:"\ebc4"}.icofont-law-protect:before{content:"\ebc5"}.icofont-law-scales:before{content:"\ebc6"}.icofont-law:before{content:"\ebc7"}.icofont-lawyer-alt-1:before{content:"\ebc8"}.icofont-lawyer-alt-2:before{content:"\ebc9"}.icofont-lawyer:before{content:"\ebca"}.icofont-legal:before{content:"\ebcb"}.icofont-pistol:before{content:"\ebcc"}.icofont-police-badge:before{content:"\ebcd"}.icofont-police-cap:before{content:"\ebce"}.icofont-police-car-alt-1:before{content:"\ebcf"}.icofont-police-car-alt-2:before{content:"\ebd0"}.icofont-police-car:before{content:"\ebd1"}.icofont-police-hat:before{content:"\ebd2"}.icofont-police-van:before{content:"\ebd3"}.icofont-police:before{content:"\ebd4"}.icofont-thief-alt:before{content:"\ebd5"}.icofont-thief:before{content:"\ebd6"}.icofont-abacus-alt:before{content:"\ebd7"}.icofont-abacus:before{content:"\ebd8"}.icofont-angle-180:before{content:"\ebd9"}.icofont-angle-45:before{content:"\ebda"}.icofont-angle-90:before{content:"\ebdb"}.icofont-angle:before{content:"\ebdc"}.icofont-calculator-alt-1:before{content:"\ebdd"}.icofont-calculator-alt-2:before{content:"\ebde"}.icofont-calculator:before{content:"\ebdf"}.icofont-circle-ruler-alt:before{content:"\ebe0"}.icofont-circle-ruler:before{content:"\ebe1"}.icofont-compass-alt-1:before{content:"\ebe2"}.icofont-compass-alt-2:before{content:"\ebe3"}.icofont-compass-alt-3:before{content:"\ebe4"}.icofont-compass-alt-4:before{content:"\ebe5"}.icofont-golden-ratio:before{content:"\ebe6"}.icofont-marker-alt-1:before{content:"\ebe7"}.icofont-marker-alt-2:before{content:"\ebe8"}.icofont-marker-alt-3:before{content:"\ebe9"}.icofont-marker:before{content:"\ebea"}.icofont-math:before{content:"\ebeb"}.icofont-mathematical-alt-1:before{content:"\ebec"}.icofont-mathematical-alt-2:before{content:"\ebed"}.icofont-mathematical:before{content:"\ebee"}.icofont-pen-alt-1:before{content:"\ebef"}.icofont-pen-alt-2:before{content:"\ebf0"}.icofont-pen-alt-3:before{content:"\ebf1"}.icofont-pen-holder-alt-1:before{content:"\ebf2"}.icofont-pen-holder:before{content:"\ebf3"}.icofont-pen:before{content:"\ebf4"}.icofont-pencil-alt-1:before{content:"\ebf5"}.icofont-pencil-alt-2:before{content:"\ebf6"}.icofont-pencil-alt-3:before{content:"\ebf7"}.icofont-pencil-alt-4:before{content:"\ebf8"}.icofont-pencil:before{content:"\ebf9"}.icofont-ruler-alt-1:before{content:"\ebfa"}.icofont-ruler-alt-2:before{content:"\ebfb"}.icofont-ruler-compass-alt:before{content:"\ebfc"}.icofont-ruler-compass:before{content:"\ebfd"}.icofont-ruler-pencil-alt-1:before{content:"\ebfe"}.icofont-ruler-pencil-alt-2:before{content:"\ebff"}.icofont-ruler-pencil:before{content:"\ec00"}.icofont-ruler:before{content:"\ec01"}.icofont-rulers-alt:before{content:"\ec02"}.icofont-rulers:before{content:"\ec03"}.icofont-square-root:before{content:"\ec04"}.icofont-ui-calculator:before{content:"\ec05"}.icofont-aids:before{content:"\ec06"}.icofont-ambulance-crescent:before{content:"\ec07"}.icofont-ambulance-cross:before{content:"\ec08"}.icofont-ambulance:before{content:"\ec09"}.icofont-autism:before{content:"\ec0a"}.icofont-bandage:before{content:"\ec0b"}.icofont-blind:before{content:"\ec0c"}.icofont-blood-drop:before{content:"\ec0d"}.icofont-blood-test:before{content:"\ec0e"}.icofont-blood:before{content:"\ec0f"}.icofont-brain-alt:before{content:"\ec10"}.icofont-brain:before{content:"\ec11"}.icofont-capsule:before{content:"\ec12"}.icofont-crutch:before{content:"\ec13"}.icofont-disabled:before{content:"\ec14"}.icofont-dna-alt-1:before{content:"\ec15"}.icofont-dna-alt-2:before{content:"\ec16"}.icofont-dna:before{content:"\ec17"}.icofont-doctor-alt:before{content:"\ec18"}.icofont-doctor:before{content:"\ec19"}.icofont-drug-pack:before{content:"\ec1a"}.icofont-drug:before{content:"\ec1b"}.icofont-first-aid-alt:before{content:"\ec1c"}.icofont-first-aid:before{content:"\ec1d"}.icofont-heart-beat-alt:before{content:"\ec1e"}.icofont-heart-beat:before{content:"\ec1f"}.icofont-heartbeat:before{content:"\ec20"}.icofont-herbal:before{content:"\ec21"}.icofont-hospital:before{content:"\ec22"}.icofont-icu:before{content:"\ec23"}.icofont-injection-syringe:before{content:"\ec24"}.icofont-laboratory:before{content:"\ec25"}.icofont-medical-sign-alt:before{content:"\ec26"}.icofont-medical-sign:before{content:"\ec27"}.icofont-nurse-alt:before{content:"\ec28"}.icofont-nurse:before{content:"\ec29"}.icofont-nursing-home:before{content:"\ec2a"}.icofont-operation-theater:before{content:"\ec2b"}.icofont-paralysis-disability:before{content:"\ec2c"}.icofont-patient-bed:before{content:"\ec2d"}.icofont-patient-file:before{content:"\ec2e"}.icofont-pills:before{content:"\ec2f"}.icofont-prescription:before{content:"\ec30"}.icofont-pulse:before{content:"\ec31"}.icofont-stethoscope-alt:before{content:"\ec32"}.icofont-stethoscope:before{content:"\ec33"}.icofont-stretcher:before{content:"\ec34"}.icofont-surgeon-alt:before{content:"\ec35"}.icofont-surgeon:before{content:"\ec36"}.icofont-tablets:before{content:"\ec37"}.icofont-test-bottle:before{content:"\ec38"}.icofont-test-tube:before{content:"\ec39"}.icofont-thermometer-alt:before{content:"\ec3a"}.icofont-thermometer:before{content:"\ec3b"}.icofont-tooth:before{content:"\ec3c"}.icofont-xray:before{content:"\ec3d"}.icofont-ui-add:before{content:"\ec3e"}.icofont-ui-alarm:before{content:"\ec3f"}.icofont-ui-battery:before{content:"\ec40"}.icofont-ui-block:before{content:"\ec41"}.icofont-ui-bluetooth:before{content:"\ec42"}.icofont-ui-brightness:before{content:"\ec43"}.icofont-ui-browser:before{content:"\ec44"}.icofont-ui-calendar:before{content:"\ec45"}.icofont-ui-call:before{content:"\ec46"}.icofont-ui-camera:before{content:"\ec47"}.icofont-ui-cart:before{content:"\ec48"}.icofont-ui-cell-phone:before{content:"\ec49"}.icofont-ui-chat:before{content:"\ec4a"}.icofont-ui-check:before{content:"\ec4b"}.icofont-ui-clip-board:before{content:"\ec4c"}.icofont-ui-clip:before{content:"\ec4d"}.icofont-ui-clock:before{content:"\ec4e"}.icofont-ui-close:before{content:"\ec4f"}.icofont-ui-contact-list:before{content:"\ec50"}.icofont-ui-copy:before{content:"\ec51"}.icofont-ui-cut:before{content:"\ec52"}.icofont-ui-delete:before{content:"\ec53"}.icofont-ui-dial-phone:before{content:"\ec54"}.icofont-ui-edit:before{content:"\ec55"}.icofont-ui-email:before{content:"\ec56"}.icofont-ui-file:before{content:"\ec57"}.icofont-ui-fire-wall:before{content:"\ec58"}.icofont-ui-flash-light:before{content:"\ec59"}.icofont-ui-flight:before{content:"\ec5a"}.icofont-ui-folder:before{content:"\ec5b"}.icofont-ui-game:before{content:"\ec5c"}.icofont-ui-handicapped:before{content:"\ec5d"}.icofont-ui-home:before{content:"\ec5e"}.icofont-ui-image:before{content:"\ec5f"}.icofont-ui-laoding:before{content:"\ec60"}.icofont-ui-lock:before{content:"\ec61"}.icofont-ui-love-add:before{content:"\ec62"}.icofont-ui-love-broken:before{content:"\ec63"}.icofont-ui-love-remove:before{content:"\ec64"}.icofont-ui-love:before{content:"\ec65"}.icofont-ui-map:before{content:"\ec66"}.icofont-ui-message:before{content:"\ec67"}.icofont-ui-messaging:before{content:"\ec68"}.icofont-ui-movie:before{content:"\ec69"}.icofont-ui-music-player:before{content:"\ec6a"}.icofont-ui-music:before{content:"\ec6b"}.icofont-ui-mute:before{content:"\ec6c"}.icofont-ui-network:before{content:"\ec6d"}.icofont-ui-next:before{content:"\ec6e"}.icofont-ui-note:before{content:"\ec6f"}.icofont-ui-office:before{content:"\ec70"}.icofont-ui-password:before{content:"\ec71"}.icofont-ui-pause:before{content:"\ec72"}.icofont-ui-play-stop:before{content:"\ec73"}.icofont-ui-play:before{content:"\ec74"}.icofont-ui-pointer:before{content:"\ec75"}.icofont-ui-power:before{content:"\ec76"}.icofont-ui-press:before{content:"\ec77"}.icofont-ui-previous:before{content:"\ec78"}.icofont-ui-rate-add:before{content:"\ec79"}.icofont-ui-rate-blank:before{content:"\ec7a"}.icofont-ui-rate-remove:before{content:"\ec7b"}.icofont-ui-rating:before{content:"\ec7c"}.icofont-ui-record:before{content:"\ec7d"}.icofont-ui-remove:before{content:"\ec7e"}.icofont-ui-reply:before{content:"\ec7f"}.icofont-ui-rotation:before{content:"\ec80"}.icofont-ui-rss:before{content:"\ec81"}.icofont-ui-search:before{content:"\ec82"}.icofont-ui-settings:before{content:"\ec83"}.icofont-ui-social-link:before{content:"\ec84"}.icofont-ui-tag:before{content:"\ec85"}.icofont-ui-text-chat:before{content:"\ec86"}.icofont-ui-text-loading:before{content:"\ec87"}.icofont-ui-theme:before{content:"\ec88"}.icofont-ui-timer:before{content:"\ec89"}.icofont-ui-touch-phone:before{content:"\ec8a"}.icofont-ui-travel:before{content:"\ec8b"}.icofont-ui-unlock:before{content:"\ec8c"}.icofont-ui-user-group:before{content:"\ec8d"}.icofont-ui-user:before{content:"\ec8e"}.icofont-ui-v-card:before{content:"\ec8f"}.icofont-ui-video-chat:before{content:"\ec90"}.icofont-ui-video-message:before{content:"\ec91"}.icofont-ui-video-play:before{content:"\ec92"}.icofont-ui-video:before{content:"\ec93"}.icofont-ui-volume:before{content:"\ec94"}.icofont-ui-weather:before{content:"\ec95"}.icofont-ui-wifi:before{content:"\ec96"}.icofont-ui-zoom-in:before{content:"\ec97"}.icofont-ui-zoom-out:before{content:"\ec98"}.icofont-cassette-player:before{content:"\ec99"}.icofont-cassette:before{content:"\ec9a"}.icofont-forward:before{content:"\ec9b"}.icofont-guiter:before{content:"\ec9c"}.icofont-movie:before{content:"\ec9d"}.icofont-multimedia:before{content:"\ec9e"}.icofont-music-alt:before{content:"\ec9f"}.icofont-music-disk:before{content:"\eca0"}.icofont-music-note:before{content:"\eca1"}.icofont-music-notes:before{content:"\eca2"}.icofont-music:before{content:"\eca3"}.icofont-mute-volume:before{content:"\eca4"}.icofont-pause:before{content:"\eca5"}.icofont-play-alt-1:before{content:"\eca6"}.icofont-play-alt-2:before{content:"\eca7"}.icofont-play-alt-3:before{content:"\eca8"}.icofont-play-pause:before{content:"\eca9"}.icofont-play:before{content:"\ecaa"}.icofont-record:before{content:"\ecab"}.icofont-retro-music-disk:before{content:"\ecac"}.icofont-rewind:before{content:"\ecad"}.icofont-song-notes:before{content:"\ecae"}.icofont-sound-wave-alt:before{content:"\ecaf"}.icofont-sound-wave:before{content:"\ecb0"}.icofont-stop:before{content:"\ecb1"}.icofont-video-alt:before{content:"\ecb2"}.icofont-video-cam:before{content:"\ecb3"}.icofont-video-clapper:before{content:"\ecb4"}.icofont-video:before{content:"\ecb5"}.icofont-volume-bar:before{content:"\ecb6"}.icofont-volume-down:before{content:"\ecb7"}.icofont-volume-mute:before{content:"\ecb8"}.icofont-volume-off:before{content:"\ecb9"}.icofont-volume-up:before{content:"\ecba"}.icofont-youtube-play:before{content:"\ecbb"}.icofont-2checkout-alt:before{content:"\ecbc"}.icofont-2checkout:before{content:"\ecbd"}.icofont-amazon-alt:before{content:"\ecbe"}.icofont-amazon:before{content:"\ecbf"}.icofont-american-express-alt:before{content:"\ecc0"}.icofont-american-express:before{content:"\ecc1"}.icofont-apple-pay-alt:before{content:"\ecc2"}.icofont-apple-pay:before{content:"\ecc3"}.icofont-bank-transfer-alt:before{content:"\ecc4"}.icofont-bank-transfer:before{content:"\ecc5"}.icofont-braintree-alt:before{content:"\ecc6"}.icofont-braintree:before{content:"\ecc7"}.icofont-cash-on-delivery-alt:before{content:"\ecc8"}.icofont-cash-on-delivery:before{content:"\ecc9"}.icofont-diners-club-alt-1:before{content:"\ecca"}.icofont-diners-club-alt-2:before{content:"\eccb"}.icofont-diners-club-alt-3:before{content:"\eccc"}.icofont-diners-club:before{content:"\eccd"}.icofont-discover-alt:before{content:"\ecce"}.icofont-discover:before{content:"\eccf"}.icofont-eway-alt:before{content:"\ecd0"}.icofont-eway:before{content:"\ecd1"}.icofont-google-wallet-alt-1:before{content:"\ecd2"}.icofont-google-wallet-alt-2:before{content:"\ecd3"}.icofont-google-wallet-alt-3:before{content:"\ecd4"}.icofont-google-wallet:before{content:"\ecd5"}.icofont-jcb-alt:before{content:"\ecd6"}.icofont-jcb:before{content:"\ecd7"}.icofont-maestro-alt:before{content:"\ecd8"}.icofont-maestro:before{content:"\ecd9"}.icofont-mastercard-alt:before{content:"\ecda"}.icofont-mastercard:before{content:"\ecdb"}.icofont-payoneer-alt:before{content:"\ecdc"}.icofont-payoneer:before{content:"\ecdd"}.icofont-paypal-alt:before{content:"\ecde"}.icofont-paypal:before{content:"\ecdf"}.icofont-sage-alt:before{content:"\ece0"}.icofont-sage:before{content:"\ece1"}.icofont-skrill-alt:before{content:"\ece2"}.icofont-skrill:before{content:"\ece3"}.icofont-stripe-alt:before{content:"\ece4"}.icofont-stripe:before{content:"\ece5"}.icofont-visa-alt:before{content:"\ece6"}.icofont-visa-electron:before{content:"\ece7"}.icofont-visa:before{content:"\ece8"}.icofont-western-union-alt:before{content:"\ece9"}.icofont-western-union:before{content:"\ecea"}.icofont-boy:before{content:"\eceb"}.icofont-business-man-alt-1:before{content:"\ecec"}.icofont-business-man-alt-2:before{content:"\eced"}.icofont-business-man-alt-3:before{content:"\ecee"}.icofont-business-man:before{content:"\ecef"}.icofont-female:before{content:"\ecf0"}.icofont-funky-man:before{content:"\ecf1"}.icofont-girl-alt:before{content:"\ecf2"}.icofont-girl:before{content:"\ecf3"}.icofont-group:before{content:"\ecf4"}.icofont-hotel-boy-alt:before{content:"\ecf5"}.icofont-hotel-boy:before{content:"\ecf6"}.icofont-kid:before{content:"\ecf7"}.icofont-man-in-glasses:before{content:"\ecf8"}.icofont-people:before{content:"\ecf9"}.icofont-support:before{content:"\ecfa"}.icofont-user-alt-1:before{content:"\ecfb"}.icofont-user-alt-2:before{content:"\ecfc"}.icofont-user-alt-3:before{content:"\ecfd"}.icofont-user-alt-4:before{content:"\ecfe"}.icofont-user-alt-5:before{content:"\ecff"}.icofont-user-alt-6:before{content:"\ed00"}.icofont-user-alt-7:before{content:"\ed01"}.icofont-user-female:before{content:"\ed02"}.icofont-user-male:before{content:"\ed03"}.icofont-user-suited:before{content:"\ed04"}.icofont-user:before{content:"\ed05"}.icofont-users-alt-1:before{content:"\ed06"}.icofont-users-alt-2:before{content:"\ed07"}.icofont-users-alt-3:before{content:"\ed08"}.icofont-users-alt-4:before{content:"\ed09"}.icofont-users-alt-5:before{content:"\ed0a"}.icofont-users-alt-6:before{content:"\ed0b"}.icofont-users-social:before{content:"\ed0c"}.icofont-users:before{content:"\ed0d"}.icofont-waiter-alt:before{content:"\ed0e"}.icofont-waiter:before{content:"\ed0f"}.icofont-woman-in-glasses:before{content:"\ed10"}.icofont-search-1:before{content:"\ed11"}.icofont-search-2:before{content:"\ed12"}.icofont-search-document:before{content:"\ed13"}.icofont-search-folder:before{content:"\ed14"}.icofont-search-job:before{content:"\ed15"}.icofont-search-map:before{content:"\ed16"}.icofont-search-property:before{content:"\ed17"}.icofont-search-restaurant:before{content:"\ed18"}.icofont-search-stock:before{content:"\ed19"}.icofont-search-user:before{content:"\ed1a"}.icofont-search:before{content:"\ed1b"}.icofont-500px:before{content:"\ed1c"}.icofont-aim:before{content:"\ed1d"}.icofont-badoo:before{content:"\ed1e"}.icofont-baidu-tieba:before{content:"\ed1f"}.icofont-bbm-messenger:before{content:"\ed20"}.icofont-bebo:before{content:"\ed21"}.icofont-behance:before{content:"\ed22"}.icofont-blogger:before{content:"\ed23"}.icofont-bootstrap:before{content:"\ed24"}.icofont-brightkite:before{content:"\ed25"}.icofont-cloudapp:before{content:"\ed26"}.icofont-concrete5:before{content:"\ed27"}.icofont-delicious:before{content:"\ed28"}.icofont-designbump:before{content:"\ed29"}.icofont-designfloat:before{content:"\ed2a"}.icofont-deviantart:before{content:"\ed2b"}.icofont-digg:before{content:"\ed2c"}.icofont-dotcms:before{content:"\ed2d"}.icofont-dribbble:before{content:"\ed2e"}.icofont-dribble:before{content:"\ed2f"}.icofont-dropbox:before{content:"\ed30"}.icofont-ebuddy:before{content:"\ed31"}.icofont-ello:before{content:"\ed32"}.icofont-ember:before{content:"\ed33"}.icofont-envato:before{content:"\ed34"}.icofont-evernote:before{content:"\ed35"}.icofont-facebook-messenger:before{content:"\ed36"}.icofont-facebook:before{content:"\ed37"}.icofont-feedburner:before{content:"\ed38"}.icofont-flikr:before{content:"\ed39"}.icofont-folkd:before{content:"\ed3a"}.icofont-foursquare:before{content:"\ed3b"}.icofont-friendfeed:before{content:"\ed3c"}.icofont-ghost:before{content:"\ed3d"}.icofont-github:before{content:"\ed3e"}.icofont-gnome:before{content:"\ed3f"}.icofont-google-buzz:before{content:"\ed40"}.icofont-google-hangouts:before{content:"\ed41"}.icofont-google-map:before{content:"\ed42"}.icofont-google-plus:before{content:"\ed43"}.icofont-google-talk:before{content:"\ed44"}.icofont-hype-machine:before{content:"\ed45"}.icofont-instagram:before{content:"\ed46"}.icofont-kakaotalk:before{content:"\ed47"}.icofont-kickstarter:before{content:"\ed48"}.icofont-kik:before{content:"\ed49"}.icofont-kiwibox:before{content:"\ed4a"}.icofont-line-messenger:before{content:"\ed4b"}.icofont-line:before{content:"\ed4c"}.icofont-linkedin:before{content:"\ed4d"}.icofont-linux-mint:before{content:"\ed4e"}.icofont-live-messenger:before{content:"\ed4f"}.icofont-livejournal:before{content:"\ed50"}.icofont-magento:before{content:"\ed51"}.icofont-meetme:before{content:"\ed52"}.icofont-meetup:before{content:"\ed53"}.icofont-mixx:before{content:"\ed54"}.icofont-newsvine:before{content:"\ed55"}.icofont-nimbuss:before{content:"\ed56"}.icofont-odnoklassniki:before{content:"\ed57"}.icofont-opencart:before{content:"\ed58"}.icofont-oscommerce:before{content:"\ed59"}.icofont-pandora:before{content:"\ed5a"}.icofont-photobucket:before{content:"\ed5b"}.icofont-picasa:before{content:"\ed5c"}.icofont-pinterest:before{content:"\ed5d"}.icofont-prestashop:before{content:"\ed5e"}.icofont-qik:before{content:"\ed5f"}.icofont-qq:before{content:"\ed60"}.icofont-readernaut:before{content:"\ed61"}.icofont-reddit:before{content:"\ed62"}.icofont-renren:before{content:"\ed63"}.icofont-rss:before{content:"\ed64"}.icofont-shopify:before{content:"\ed65"}.icofont-silverstripe:before{content:"\ed66"}.icofont-skype:before{content:"\ed67"}.icofont-slack:before{content:"\ed68"}.icofont-slashdot:before{content:"\ed69"}.icofont-slidshare:before{content:"\ed6a"}.icofont-smugmug:before{content:"\ed6b"}.icofont-snapchat:before{content:"\ed6c"}.icofont-soundcloud:before{content:"\ed6d"}.icofont-spotify:before{content:"\ed6e"}.icofont-stack-exchange:before{content:"\ed6f"}.icofont-stack-overflow:before{content:"\ed70"}.icofont-steam:before{content:"\ed71"}.icofont-stumbleupon:before{content:"\ed72"}.icofont-tagged:before{content:"\ed73"}.icofont-technorati:before{content:"\ed74"}.icofont-telegram:before{content:"\ed75"}.icofont-tinder:before{content:"\ed76"}.icofont-trello:before{content:"\ed77"}.icofont-tumblr:before{content:"\ed78"}.icofont-twitch:before{content:"\ed79"}.icofont-twitter:before{content:"\ed7a"}.icofont-typo3:before{content:"\ed7b"}.icofont-ubercart:before{content:"\ed7c"}.icofont-viber:before{content:"\ed7d"}.icofont-viddler:before{content:"\ed7e"}.icofont-vimeo:before{content:"\ed7f"}.icofont-vine:before{content:"\ed80"}.icofont-virb:before{content:"\ed81"}.icofont-virtuemart:before{content:"\ed82"}.icofont-vk:before{content:"\ed83"}.icofont-wechat:before{content:"\ed84"}.icofont-weibo:before{content:"\ed85"}.icofont-whatsapp:before{content:"\ed86"}.icofont-xing:before{content:"\ed87"}.icofont-yahoo:before{content:"\ed88"}.icofont-yelp:before{content:"\ed89"}.icofont-youku:before{content:"\ed8a"}.icofont-youtube:before{content:"\ed8b"}.icofont-zencart:before{content:"\ed8c"}.icofont-badminton-birdie:before{content:"\ed8d"}.icofont-baseball:before{content:"\ed8e"}.icofont-baseballer:before{content:"\ed8f"}.icofont-basketball-hoop:before{content:"\ed90"}.icofont-basketball:before{content:"\ed91"}.icofont-billiard-ball:before{content:"\ed92"}.icofont-boot-alt-1:before{content:"\ed93"}.icofont-boot-alt-2:before{content:"\ed94"}.icofont-boot:before{content:"\ed95"}.icofont-bowling-alt:before{content:"\ed96"}.icofont-bowling:before{content:"\ed97"}.icofont-canoe:before{content:"\ed98"}.icofont-cheer-leader:before{content:"\ed99"}.icofont-climbing:before{content:"\ed9a"}.icofont-corner:before{content:"\ed9b"}.icofont-field-alt:before{content:"\ed9c"}.icofont-field:before{content:"\ed9d"}.icofont-football-alt:before{content:"\ed9e"}.icofont-football-american:before{content:"\ed9f"}.icofont-football:before{content:"\eda0"}.icofont-foul:before{content:"\eda1"}.icofont-goal-keeper:before{content:"\eda2"}.icofont-goal:before{content:"\eda3"}.icofont-golf-alt:before{content:"\eda4"}.icofont-golf-bag:before{content:"\eda5"}.icofont-golf-cart:before{content:"\eda6"}.icofont-golf-field:before{content:"\eda7"}.icofont-golf:before{content:"\eda8"}.icofont-golfer:before{content:"\eda9"}.icofont-helmet:before{content:"\edaa"}.icofont-hockey-alt:before{content:"\edab"}.icofont-hockey:before{content:"\edac"}.icofont-ice-skate:before{content:"\edad"}.icofont-jersey-alt:before{content:"\edae"}.icofont-jersey:before{content:"\edaf"}.icofont-jumping:before{content:"\edb0"}.icofont-kick:before{content:"\edb1"}.icofont-leg:before{content:"\edb2"}.icofont-match-review:before{content:"\edb3"}.icofont-medal-sport:before{content:"\edb4"}.icofont-offside:before{content:"\edb5"}.icofont-olympic-logo:before{content:"\edb6"}.icofont-olympic:before{content:"\edb7"}.icofont-padding:before{content:"\edb8"}.icofont-penalty-card:before{content:"\edb9"}.icofont-racer:before{content:"\edba"}.icofont-racing-car:before{content:"\edbb"}.icofont-racing-flag-alt:before{content:"\edbc"}.icofont-racing-flag:before{content:"\edbd"}.icofont-racings-wheel:before{content:"\edbe"}.icofont-referee:before{content:"\edbf"}.icofont-refree-jersey:before{content:"\edc0"}.icofont-result-sport:before{content:"\edc1"}.icofont-rugby-ball:before{content:"\edc2"}.icofont-rugby-player:before{content:"\edc3"}.icofont-rugby:before{content:"\edc4"}.icofont-runner-alt-1:before{content:"\edc5"}.icofont-runner-alt-2:before{content:"\edc6"}.icofont-runner:before{content:"\edc7"}.icofont-score-board:before{content:"\edc8"}.icofont-skiing-man:before{content:"\edc9"}.icofont-skydiving-goggles:before{content:"\edca"}.icofont-snow-mobile:before{content:"\edcb"}.icofont-steering:before{content:"\edcc"}.icofont-stopwatch:before{content:"\edcd"}.icofont-substitute:before{content:"\edce"}.icofont-swimmer:before{content:"\edcf"}.icofont-table-tennis:before{content:"\edd0"}.icofont-team-alt:before{content:"\edd1"}.icofont-team:before{content:"\edd2"}.icofont-tennis-player:before{content:"\edd3"}.icofont-tennis:before{content:"\edd4"}.icofont-tracking:before{content:"\edd5"}.icofont-trophy-alt:before{content:"\edd6"}.icofont-trophy:before{content:"\edd7"}.icofont-volleyball-alt:before{content:"\edd8"}.icofont-volleyball-fire:before{content:"\edd9"}.icofont-volleyball:before{content:"\edda"}.icofont-water-bottle:before{content:"\eddb"}.icofont-whistle-alt:before{content:"\eddc"}.icofont-whistle:before{content:"\eddd"}.icofont-win-trophy:before{content:"\edde"}.icofont-align-center:before{content:"\eddf"}.icofont-align-left:before{content:"\ede0"}.icofont-align-right:before{content:"\ede1"}.icofont-all-caps:before{content:"\ede2"}.icofont-bold:before{content:"\ede3"}.icofont-brush:before{content:"\ede4"}.icofont-clip-board:before{content:"\ede5"}.icofont-code-alt:before{content:"\ede6"}.icofont-color-bucket:before{content:"\ede7"}.icofont-color-picker:before{content:"\ede8"}.icofont-copy-invert:before{content:"\ede9"}.icofont-copy:before{content:"\edea"}.icofont-cut:before{content:"\edeb"}.icofont-delete-alt:before{content:"\edec"}.icofont-edit-alt:before{content:"\eded"}.icofont-eraser-alt:before{content:"\edee"}.icofont-font:before{content:"\edef"}.icofont-heading:before{content:"\edf0"}.icofont-indent:before{content:"\edf1"}.icofont-italic-alt:before{content:"\edf2"}.icofont-italic:before{content:"\edf3"}.icofont-justify-all:before{content:"\edf4"}.icofont-justify-center:before{content:"\edf5"}.icofont-justify-left:before{content:"\edf6"}.icofont-justify-right:before{content:"\edf7"}.icofont-link-broken:before{content:"\edf8"}.icofont-outdent:before{content:"\edf9"}.icofont-paper-clip:before{content:"\edfa"}.icofont-paragraph:before{content:"\edfb"}.icofont-pin:before{content:"\edfc"}.icofont-printer:before{content:"\edfd"}.icofont-redo:before{content:"\edfe"}.icofont-rotation:before{content:"\edff"}.icofont-save:before{content:"\ee00"}.icofont-small-cap:before{content:"\ee01"}.icofont-strike-through:before{content:"\ee02"}.icofont-sub-listing:before{content:"\ee03"}.icofont-subscript:before{content:"\ee04"}.icofont-superscript:before{content:"\ee05"}.icofont-table:before{content:"\ee06"}.icofont-text-height:before{content:"\ee07"}.icofont-text-width:before{content:"\ee08"}.icofont-trash:before{content:"\ee09"}.icofont-underline:before{content:"\ee0a"}.icofont-undo:before{content:"\ee0b"}.icofont-air-balloon:before{content:"\ee0c"}.icofont-airplane-alt:before{content:"\ee0d"}.icofont-airplane:before{content:"\ee0e"}.icofont-articulated-truck:before{content:"\ee0f"}.icofont-auto-mobile:before{content:"\ee10"}.icofont-auto-rickshaw:before{content:"\ee11"}.icofont-bicycle-alt-1:before{content:"\ee12"}.icofont-bicycle-alt-2:before{content:"\ee13"}.icofont-bicycle:before{content:"\ee14"}.icofont-bus-alt-1:before{content:"\ee15"}.icofont-bus-alt-2:before{content:"\ee16"}.icofont-bus-alt-3:before{content:"\ee17"}.icofont-bus:before{content:"\ee18"}.icofont-cab:before{content:"\ee19"}.icofont-cable-car:before{content:"\ee1a"}.icofont-car-alt-1:before{content:"\ee1b"}.icofont-car-alt-2:before{content:"\ee1c"}.icofont-car-alt-3:before{content:"\ee1d"}.icofont-car-alt-4:before{content:"\ee1e"}.icofont-car:before{content:"\ee1f"}.icofont-delivery-time:before{content:"\ee20"}.icofont-fast-delivery:before{content:"\ee21"}.icofont-fire-truck-alt:before{content:"\ee22"}.icofont-fire-truck:before{content:"\ee23"}.icofont-free-delivery:before{content:"\ee24"}.icofont-helicopter:before{content:"\ee25"}.icofont-motor-bike-alt:before{content:"\ee26"}.icofont-motor-bike:before{content:"\ee27"}.icofont-motor-biker:before{content:"\ee28"}.icofont-oil-truck:before{content:"\ee29"}.icofont-rickshaw:before{content:"\ee2a"}.icofont-rocket-alt-1:before{content:"\ee2b"}.icofont-rocket-alt-2:before{content:"\ee2c"}.icofont-rocket:before{content:"\ee2d"}.icofont-sail-boat-alt-1:before{content:"\ee2e"}.icofont-sail-boat-alt-2:before{content:"\ee2f"}.icofont-sail-boat:before{content:"\ee30"}.icofont-scooter:before{content:"\ee31"}.icofont-sea-plane:before{content:"\ee32"}.icofont-ship-alt:before{content:"\ee33"}.icofont-ship:before{content:"\ee34"}.icofont-speed-boat:before{content:"\ee35"}.icofont-taxi:before{content:"\ee36"}.icofont-tractor:before{content:"\ee37"}.icofont-train-line:before{content:"\ee38"}.icofont-train-steam:before{content:"\ee39"}.icofont-tram:before{content:"\ee3a"}.icofont-truck-alt:before{content:"\ee3b"}.icofont-truck-loaded:before{content:"\ee3c"}.icofont-truck:before{content:"\ee3d"}.icofont-van-alt:before{content:"\ee3e"}.icofont-van:before{content:"\ee3f"}.icofont-yacht:before{content:"\ee40"}.icofont-5-star-hotel:before{content:"\ee41"}.icofont-air-ticket:before{content:"\ee42"}.icofont-beach-bed:before{content:"\ee43"}.icofont-beach:before{content:"\ee44"}.icofont-camping-vest:before{content:"\ee45"}.icofont-direction-sign:before{content:"\ee46"}.icofont-hill-side:before{content:"\ee47"}.icofont-hill:before{content:"\ee48"}.icofont-hotel:before{content:"\ee49"}.icofont-island-alt:before{content:"\ee4a"}.icofont-island:before{content:"\ee4b"}.icofont-sandals-female:before{content:"\ee4c"}.icofont-sandals-male:before{content:"\ee4d"}.icofont-travelling:before{content:"\ee4e"}.icofont-breakdown:before{content:"\ee4f"}.icofont-celsius:before{content:"\ee50"}.icofont-clouds:before{content:"\ee51"}.icofont-cloudy:before{content:"\ee52"}.icofont-dust:before{content:"\ee53"}.icofont-eclipse:before{content:"\ee54"}.icofont-fahrenheit:before{content:"\ee55"}.icofont-forest-fire:before{content:"\ee56"}.icofont-full-night:before{content:"\ee57"}.icofont-full-sunny:before{content:"\ee58"}.icofont-hail-night:before{content:"\ee59"}.icofont-hail-rainy-night:before{content:"\ee5a"}.icofont-hail-rainy-sunny:before{content:"\ee5b"}.icofont-hail-rainy:before{content:"\ee5c"}.icofont-hail-sunny:before{content:"\ee5d"}.icofont-hail-thunder-night:before{content:"\ee5e"}.icofont-hail-thunder-sunny:before{content:"\ee5f"}.icofont-hail-thunder:before{content:"\ee60"}.icofont-hail:before{content:"\ee61"}.icofont-hill-night:before{content:"\ee62"}.icofont-hill-sunny:before{content:"\ee63"}.icofont-hurricane:before{content:"\ee64"}.icofont-meteor:before{content:"\ee65"}.icofont-night:before{content:"\ee66"}.icofont-rainy-night:before{content:"\ee67"}.icofont-rainy-sunny:before{content:"\ee68"}.icofont-rainy-thunder:before{content:"\ee69"}.icofont-rainy:before{content:"\ee6a"}.icofont-snow-alt:before{content:"\ee6b"}.icofont-snow-flake:before{content:"\ee6c"}.icofont-snow-temp:before{content:"\ee6d"}.icofont-snow:before{content:"\ee6e"}.icofont-snowy-hail:before{content:"\ee6f"}.icofont-snowy-night-hail:before{content:"\ee70"}.icofont-snowy-night-rainy:before{content:"\ee71"}.icofont-snowy-night:before{content:"\ee72"}.icofont-snowy-rainy:before{content:"\ee73"}.icofont-snowy-sunny-hail:before{content:"\ee74"}.icofont-snowy-sunny-rainy:before{content:"\ee75"}.icofont-snowy-sunny:before{content:"\ee76"}.icofont-snowy-thunder-night:before{content:"\ee77"}.icofont-snowy-thunder-sunny:before{content:"\ee78"}.icofont-snowy-thunder:before{content:"\ee79"}.icofont-snowy-windy-night:before{content:"\ee7a"}.icofont-snowy-windy-sunny:before{content:"\ee7b"}.icofont-snowy-windy:before{content:"\ee7c"}.icofont-snowy:before{content:"\ee7d"}.icofont-sun-alt:before{content:"\ee7e"}.icofont-sun-rise:before{content:"\ee7f"}.icofont-sun-set:before{content:"\ee80"}.icofont-sun:before{content:"\ee81"}.icofont-sunny-day-temp:before{content:"\ee82"}.icofont-sunny:before{content:"\ee83"}.icofont-thunder-light:before{content:"\ee84"}.icofont-tornado:before{content:"\ee85"}.icofont-umbrella-alt:before{content:"\ee86"}.icofont-umbrella:before{content:"\ee87"}.icofont-volcano:before{content:"\ee88"}.icofont-wave:before{content:"\ee89"}.icofont-wind-scale-0:before{content:"\ee8a"}.icofont-wind-scale-1:before{content:"\ee8b"}.icofont-wind-scale-10:before{content:"\ee8c"}.icofont-wind-scale-11:before{content:"\ee8d"}.icofont-wind-scale-12:before{content:"\ee8e"}.icofont-wind-scale-2:before{content:"\ee8f"}.icofont-wind-scale-3:before{content:"\ee90"}.icofont-wind-scale-4:before{content:"\ee91"}.icofont-wind-scale-5:before{content:"\ee92"}.icofont-wind-scale-6:before{content:"\ee93"}.icofont-wind-scale-7:before{content:"\ee94"}.icofont-wind-scale-8:before{content:"\ee95"}.icofont-wind-scale-9:before{content:"\ee96"}.icofont-wind-waves:before{content:"\ee97"}.icofont-wind:before{content:"\ee98"}.icofont-windy-hail:before{content:"\ee99"}.icofont-windy-night:before{content:"\ee9a"}.icofont-windy-raining:before{content:"\ee9b"}.icofont-windy-sunny:before{content:"\ee9c"}.icofont-windy-thunder-raining:before{content:"\ee9d"}.icofont-windy-thunder:before{content:"\ee9e"}.icofont-windy:before{content:"\ee9f"}.icofont-addons:before{content:"\eea0"}.icofont-address-book:before{content:"\eea1"}.icofont-adjust:before{content:"\eea2"}.icofont-alarm:before{content:"\eea3"}.icofont-anchor:before{content:"\eea4"}.icofont-archive:before{content:"\eea5"}.icofont-at:before{content:"\eea6"}.icofont-attachment:before{content:"\eea7"}.icofont-audio:before{content:"\eea8"}.icofont-automation:before{content:"\eea9"}.icofont-badge:before{content:"\eeaa"}.icofont-bag-alt:before{content:"\eeab"}.icofont-bag:before{content:"\eeac"}.icofont-ban:before{content:"\eead"}.icofont-bar-code:before{content:"\eeae"}.icofont-bars:before{content:"\eeaf"}.icofont-basket:before{content:"\eeb0"}.icofont-battery-empty:before{content:"\eeb1"}.icofont-battery-full:before{content:"\eeb2"}.icofont-battery-half:before{content:"\eeb3"}.icofont-battery-low:before{content:"\eeb4"}.icofont-beaker:before{content:"\eeb5"}.icofont-beard:before{content:"\eeb6"}.icofont-bed:before{content:"\eeb7"}.icofont-bell:before{content:"\eeb8"}.icofont-beverage:before{content:"\eeb9"}.icofont-bill:before{content:"\eeba"}.icofont-bin:before{content:"\eebb"}.icofont-binary:before{content:"\eebc"}.icofont-binoculars:before{content:"\eebd"}.icofont-bluetooth:before{content:"\eebe"}.icofont-bomb:before{content:"\eebf"}.icofont-book-mark:before{content:"\eec0"}.icofont-box:before{content:"\eec1"}.icofont-briefcase:before{content:"\eec2"}.icofont-broken:before{content:"\eec3"}.icofont-bucket:before{content:"\eec4"}.icofont-bucket1:before{content:"\eec5"}.icofont-bucket2:before{content:"\eec6"}.icofont-bug:before{content:"\eec7"}.icofont-building:before{content:"\eec8"}.icofont-bulb-alt:before{content:"\eec9"}.icofont-bullet:before{content:"\eeca"}.icofont-bullhorn:before{content:"\eecb"}.icofont-bullseye:before{content:"\eecc"}.icofont-calendar:before{content:"\eecd"}.icofont-camera-alt:before{content:"\eece"}.icofont-camera:before{content:"\eecf"}.icofont-card:before{content:"\eed0"}.icofont-cart-alt:before{content:"\eed1"}.icofont-cart:before{content:"\eed2"}.icofont-cc:before{content:"\eed3"}.icofont-charging:before{content:"\eed4"}.icofont-chat:before{content:"\eed5"}.icofont-check-alt:before{content:"\eed6"}.icofont-check-circled:before{content:"\eed7"}.icofont-check:before{content:"\eed8"}.icofont-checked:before{content:"\eed9"}.icofont-children-care:before{content:"\eeda"}.icofont-clip:before{content:"\eedb"}.icofont-clock-time:before{content:"\eedc"}.icofont-close-circled:before{content:"\eedd"}.icofont-close-line-circled:before{content:"\eede"}.icofont-close-line-squared-alt:before{content:"\eedf"}.icofont-close-line-squared:before{content:"\eee0"}.icofont-close-line:before{content:"\eee1"}.icofont-close-squared-alt:before{content:"\eee2"}.icofont-close-squared:before{content:"\eee3"}.icofont-close:before{content:"\eee4"}.icofont-cloud-download:before{content:"\eee5"}.icofont-cloud-refresh:before{content:"\eee6"}.icofont-cloud-upload:before{content:"\eee7"}.icofont-cloud:before{content:"\eee8"}.icofont-code-not-allowed:before{content:"\eee9"}.icofont-code:before{content:"\eeea"}.icofont-comment:before{content:"\eeeb"}.icofont-compass-alt:before{content:"\eeec"}.icofont-compass:before{content:"\eeed"}.icofont-computer:before{content:"\eeee"}.icofont-connection:before{content:"\eeef"}.icofont-console:before{content:"\eef0"}.icofont-contacts:before{content:"\eef1"}.icofont-contrast:before{content:"\eef2"}.icofont-copyright:before{content:"\eef3"}.icofont-credit-card:before{content:"\eef4"}.icofont-crop:before{content:"\eef5"}.icofont-crown:before{content:"\eef6"}.icofont-cube:before{content:"\eef7"}.icofont-cubes:before{content:"\eef8"}.icofont-dashboard-web:before{content:"\eef9"}.icofont-dashboard:before{content:"\eefa"}.icofont-data:before{content:"\eefb"}.icofont-database-add:before{content:"\eefc"}.icofont-database-locked:before{content:"\eefd"}.icofont-database-remove:before{content:"\eefe"}.icofont-database:before{content:"\eeff"}.icofont-delete:before{content:"\ef00"}.icofont-diamond:before{content:"\ef01"}.icofont-dice-multiple:before{content:"\ef02"}.icofont-dice:before{content:"\ef03"}.icofont-disc:before{content:"\ef04"}.icofont-diskette:before{content:"\ef05"}.icofont-document-folder:before{content:"\ef06"}.icofont-download-alt:before{content:"\ef07"}.icofont-download:before{content:"\ef08"}.icofont-downloaded:before{content:"\ef09"}.icofont-drag:before{content:"\ef0a"}.icofont-drag1:before{content:"\ef0b"}.icofont-drag2:before{content:"\ef0c"}.icofont-drag3:before{content:"\ef0d"}.icofont-earth:before{content:"\ef0e"}.icofont-ebook:before{content:"\ef0f"}.icofont-edit:before{content:"\ef10"}.icofont-eject:before{content:"\ef11"}.icofont-email:before{content:"\ef12"}.icofont-envelope-open:before{content:"\ef13"}.icofont-envelope:before{content:"\ef14"}.icofont-eraser:before{content:"\ef15"}.icofont-error:before{content:"\ef16"}.icofont-excavator:before{content:"\ef17"}.icofont-exchange:before{content:"\ef18"}.icofont-exclamation-circle:before{content:"\ef19"}.icofont-exclamation-square:before{content:"\ef1a"}.icofont-exclamation-tringle:before{content:"\ef1b"}.icofont-exclamation:before{content:"\ef1c"}.icofont-exit:before{content:"\ef1d"}.icofont-expand:before{content:"\ef1e"}.icofont-external-link:before{content:"\ef1f"}.icofont-external:before{content:"\ef20"}.icofont-eye-alt:before{content:"\ef21"}.icofont-eye-blocked:before{content:"\ef22"}.icofont-eye-dropper:before{content:"\ef23"}.icofont-eye:before{content:"\ef24"}.icofont-favourite:before{content:"\ef25"}.icofont-fax:before{content:"\ef26"}.icofont-file-fill:before{content:"\ef27"}.icofont-film:before{content:"\ef28"}.icofont-filter:before{content:"\ef29"}.icofont-fire-alt:before{content:"\ef2a"}.icofont-fire-burn:before{content:"\ef2b"}.icofont-fire:before{content:"\ef2c"}.icofont-flag-alt-1:before{content:"\ef2d"}.icofont-flag-alt-2:before{content:"\ef2e"}.icofont-flag:before{content:"\ef2f"}.icofont-flame-torch:before{content:"\ef30"}.icofont-flash-light:before{content:"\ef31"}.icofont-flash:before{content:"\ef32"}.icofont-flask:before{content:"\ef33"}.icofont-focus:before{content:"\ef34"}.icofont-folder-open:before{content:"\ef35"}.icofont-folder:before{content:"\ef36"}.icofont-foot-print:before{content:"\ef37"}.icofont-garbage:before{content:"\ef38"}.icofont-gear-alt:before{content:"\ef39"}.icofont-gear:before{content:"\ef3a"}.icofont-gears:before{content:"\ef3b"}.icofont-gift:before{content:"\ef3c"}.icofont-glass:before{content:"\ef3d"}.icofont-globe:before{content:"\ef3e"}.icofont-graffiti:before{content:"\ef3f"}.icofont-grocery:before{content:"\ef40"}.icofont-hand:before{content:"\ef41"}.icofont-hanger:before{content:"\ef42"}.icofont-hard-disk:before{content:"\ef43"}.icofont-heart-alt:before{content:"\ef44"}.icofont-heart:before{content:"\ef45"}.icofont-history:before{content:"\ef46"}.icofont-home:before{content:"\ef47"}.icofont-horn:before{content:"\ef48"}.icofont-hour-glass:before{content:"\ef49"}.icofont-id:before{content:"\ef4a"}.icofont-image:before{content:"\ef4b"}.icofont-inbox:before{content:"\ef4c"}.icofont-infinite:before{content:"\ef4d"}.icofont-info-circle:before{content:"\ef4e"}.icofont-info-square:before{content:"\ef4f"}.icofont-info:before{content:"\ef50"}.icofont-institution:before{content:"\ef51"}.icofont-interface:before{content:"\ef52"}.icofont-invisible:before{content:"\ef53"}.icofont-jacket:before{content:"\ef54"}.icofont-jar:before{content:"\ef55"}.icofont-jewlery:before{content:"\ef56"}.icofont-karate:before{content:"\ef57"}.icofont-key-hole:before{content:"\ef58"}.icofont-key:before{content:"\ef59"}.icofont-label:before{content:"\ef5a"}.icofont-lamp:before{content:"\ef5b"}.icofont-layers:before{content:"\ef5c"}.icofont-layout:before{content:"\ef5d"}.icofont-leaf:before{content:"\ef5e"}.icofont-leaflet:before{content:"\ef5f"}.icofont-learn:before{content:"\ef60"}.icofont-lego:before{content:"\ef61"}.icofont-lens:before{content:"\ef62"}.icofont-letter:before{content:"\ef63"}.icofont-letterbox:before{content:"\ef64"}.icofont-library:before{content:"\ef65"}.icofont-license:before{content:"\ef66"}.icofont-life-bouy:before{content:"\ef67"}.icofont-life-buoy:before{content:"\ef68"}.icofont-life-jacket:before{content:"\ef69"}.icofont-life-ring:before{content:"\ef6a"}.icofont-light-bulb:before{content:"\ef6b"}.icofont-lighter:before{content:"\ef6c"}.icofont-lightning-ray:before{content:"\ef6d"}.icofont-like:before{content:"\ef6e"}.icofont-line-height:before{content:"\ef6f"}.icofont-link-alt:before{content:"\ef70"}.icofont-link:before{content:"\ef71"}.icofont-list:before{content:"\ef72"}.icofont-listening:before{content:"\ef73"}.icofont-listine-dots:before{content:"\ef74"}.icofont-listing-box:before{content:"\ef75"}.icofont-listing-number:before{content:"\ef76"}.icofont-live-support:before{content:"\ef77"}.icofont-location-arrow:before{content:"\ef78"}.icofont-location-pin:before{content:"\ef79"}.icofont-lock:before{content:"\ef7a"}.icofont-login:before{content:"\ef7b"}.icofont-logout:before{content:"\ef7c"}.icofont-lollipop:before{content:"\ef7d"}.icofont-long-drive:before{content:"\ef7e"}.icofont-look:before{content:"\ef7f"}.icofont-loop:before{content:"\ef80"}.icofont-luggage:before{content:"\ef81"}.icofont-lunch:before{content:"\ef82"}.icofont-lungs:before{content:"\ef83"}.icofont-magic-alt:before{content:"\ef84"}.icofont-magic:before{content:"\ef85"}.icofont-magnet:before{content:"\ef86"}.icofont-mail-box:before{content:"\ef87"}.icofont-mail:before{content:"\ef88"}.icofont-male:before{content:"\ef89"}.icofont-map-pins:before{content:"\ef8a"}.icofont-map:before{content:"\ef8b"}.icofont-maximize:before{content:"\ef8c"}.icofont-measure:before{content:"\ef8d"}.icofont-medicine:before{content:"\ef8e"}.icofont-mega-phone:before{content:"\ef8f"}.icofont-megaphone-alt:before{content:"\ef90"}.icofont-megaphone:before{content:"\ef91"}.icofont-memorial:before{content:"\ef92"}.icofont-memory-card:before{content:"\ef93"}.icofont-mic-mute:before{content:"\ef94"}.icofont-mic:before{content:"\ef95"}.icofont-military:before{content:"\ef96"}.icofont-mill:before{content:"\ef97"}.icofont-minus-circle:before{content:"\ef98"}.icofont-minus-square:before{content:"\ef99"}.icofont-minus:before{content:"\ef9a"}.icofont-mobile-phone:before{content:"\ef9b"}.icofont-molecule:before{content:"\ef9c"}.icofont-money:before{content:"\ef9d"}.icofont-moon:before{content:"\ef9e"}.icofont-mop:before{content:"\ef9f"}.icofont-muffin:before{content:"\efa0"}.icofont-mustache:before{content:"\efa1"}.icofont-navigation-menu:before{content:"\efa2"}.icofont-navigation:before{content:"\efa3"}.icofont-network-tower:before{content:"\efa4"}.icofont-network:before{content:"\efa5"}.icofont-news:before{content:"\efa6"}.icofont-newspaper:before{content:"\efa7"}.icofont-no-smoking:before{content:"\efa8"}.icofont-not-allowed:before{content:"\efa9"}.icofont-notebook:before{content:"\efaa"}.icofont-notepad:before{content:"\efab"}.icofont-notification:before{content:"\efac"}.icofont-numbered:before{content:"\efad"}.icofont-opposite:before{content:"\efae"}.icofont-optic:before{content:"\efaf"}.icofont-options:before{content:"\efb0"}.icofont-package:before{content:"\efb1"}.icofont-page:before{content:"\efb2"}.icofont-paint:before{content:"\efb3"}.icofont-paper-plane:before{content:"\efb4"}.icofont-paperclip:before{content:"\efb5"}.icofont-papers:before{content:"\efb6"}.icofont-pay:before{content:"\efb7"}.icofont-penguin-linux:before{content:"\efb8"}.icofont-pestle:before{content:"\efb9"}.icofont-phone-circle:before{content:"\efba"}.icofont-phone:before{content:"\efbb"}.icofont-picture:before{content:"\efbc"}.icofont-pine:before{content:"\efbd"}.icofont-pixels:before{content:"\efbe"}.icofont-plugin:before{content:"\efbf"}.icofont-plus-circle:before{content:"\efc0"}.icofont-plus-square:before{content:"\efc1"}.icofont-plus:before{content:"\efc2"}.icofont-polygonal:before{content:"\efc3"}.icofont-power:before{content:"\efc4"}.icofont-price:before{content:"\efc5"}.icofont-print:before{content:"\efc6"}.icofont-puzzle:before{content:"\efc7"}.icofont-qr-code:before{content:"\efc8"}.icofont-queen:before{content:"\efc9"}.icofont-question-circle:before{content:"\efca"}.icofont-question-square:before{content:"\efcb"}.icofont-question:before{content:"\efcc"}.icofont-quote-left:before{content:"\efcd"}.icofont-quote-right:before{content:"\efce"}.icofont-random:before{content:"\efcf"}.icofont-recycle:before{content:"\efd0"}.icofont-refresh:before{content:"\efd1"}.icofont-repair:before{content:"\efd2"}.icofont-reply-all:before{content:"\efd3"}.icofont-reply:before{content:"\efd4"}.icofont-resize:before{content:"\efd5"}.icofont-responsive:before{content:"\efd6"}.icofont-retweet:before{content:"\efd7"}.icofont-road:before{content:"\efd8"}.icofont-robot:before{content:"\efd9"}.icofont-royal:before{content:"\efda"}.icofont-rss-feed:before{content:"\efdb"}.icofont-safety:before{content:"\efdc"}.icofont-sale-discount:before{content:"\efdd"}.icofont-satellite:before{content:"\efde"}.icofont-send-mail:before{content:"\efdf"}.icofont-server:before{content:"\efe0"}.icofont-settings-alt:before{content:"\efe1"}.icofont-settings:before{content:"\efe2"}.icofont-share-alt:before{content:"\efe3"}.icofont-share-boxed:before{content:"\efe4"}.icofont-share:before{content:"\efe5"}.icofont-shield:before{content:"\efe6"}.icofont-shopping-cart:before{content:"\efe7"}.icofont-sign-in:before{content:"\efe8"}.icofont-sign-out:before{content:"\efe9"}.icofont-signal:before{content:"\efea"}.icofont-site-map:before{content:"\efeb"}.icofont-smart-phone:before{content:"\efec"}.icofont-soccer:before{content:"\efed"}.icofont-sort-alt:before{content:"\efee"}.icofont-sort:before{content:"\efef"}.icofont-space:before{content:"\eff0"}.icofont-spanner:before{content:"\eff1"}.icofont-speech-comments:before{content:"\eff2"}.icofont-speed-meter:before{content:"\eff3"}.icofont-spinner-alt-1:before{content:"\eff4"}.icofont-spinner-alt-2:before{content:"\eff5"}.icofont-spinner-alt-3:before{content:"\eff6"}.icofont-spinner-alt-4:before{content:"\eff7"}.icofont-spinner-alt-5:before{content:"\eff8"}.icofont-spinner-alt-6:before{content:"\eff9"}.icofont-spinner:before{content:"\effa"}.icofont-spreadsheet:before{content:"\effb"}.icofont-square:before{content:"\effc"}.icofont-ssl-security:before{content:"\effd"}.icofont-star-alt-1:before{content:"\effe"}.icofont-star-alt-2:before{content:"\efff"}.icofont-star:before{content:"\f000"}.icofont-street-view:before{content:"\f001"}.icofont-support-faq:before{content:"\f002"}.icofont-tack-pin:before{content:"\f003"}.icofont-tag:before{content:"\f004"}.icofont-tags:before{content:"\f005"}.icofont-tasks-alt:before{content:"\f006"}.icofont-tasks:before{content:"\f007"}.icofont-telephone:before{content:"\f008"}.icofont-telescope:before{content:"\f009"}.icofont-terminal:before{content:"\f00a"}.icofont-thumbs-down:before{content:"\f00b"}.icofont-thumbs-up:before{content:"\f00c"}.icofont-tick-boxed:before{content:"\f00d"}.icofont-tick-mark:before{content:"\f00e"}.icofont-ticket:before{content:"\f00f"}.icofont-tie:before{content:"\f010"}.icofont-toggle-off:before{content:"\f011"}.icofont-toggle-on:before{content:"\f012"}.icofont-tools-alt-2:before{content:"\f013"}.icofont-tools:before{content:"\f014"}.icofont-touch:before{content:"\f015"}.icofont-traffic-light:before{content:"\f016"}.icofont-transparent:before{content:"\f017"}.icofont-tree:before{content:"\f018"}.icofont-unique-idea:before{content:"\f019"}.icofont-unlock:before{content:"\f01a"}.icofont-unlocked:before{content:"\f01b"}.icofont-upload-alt:before{content:"\f01c"}.icofont-upload:before{content:"\f01d"}.icofont-usb-drive:before{content:"\f01e"}.icofont-usb:before{content:"\f01f"}.icofont-vector-path:before{content:"\f020"}.icofont-verification-check:before{content:"\f021"}.icofont-wall-clock:before{content:"\f022"}.icofont-wall:before{content:"\f023"}.icofont-wallet:before{content:"\f024"}.icofont-warning-alt:before{content:"\f025"}.icofont-warning:before{content:"\f026"}.icofont-water-drop:before{content:"\f027"}.icofont-web:before{content:"\f028"}.icofont-wheelchair:before{content:"\f029"}.icofont-wifi-alt:before{content:"\f02a"}.icofont-wifi:before{content:"\f02b"}.icofont-world:before{content:"\f02c"}.icofont-zigzag:before{content:"\f02d"}.icofont-zipped:before{content:"\f02e"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{animation:icofont-spin 1s infinite steps(8);display:inline-block}@keyframes icofont-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.icofont-rotate-90{transform:rotate(90deg)}.icofont-rotate-180{transform:rotate(180deg)}.icofont-rotate-270{transform:rotate(270deg)}.icofont-flip-horizontal{transform:scale(-1,1)}.icofont-flip-vertical{transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} [class*=" lni-"],[class^=lni-]{font-family:LineIcons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lni-add-file:before{content:"\e900"}.lni-empty-file:before{content:"\e916"}.lni-remove-file:before{content:"\e917"}.lni-files:before{content:"\ea6f"}.lni-display-alt:before{content:"\e901"}.lni-laptop-phone:before{content:"\e902"}.lni-laptop:before{content:"\e936"}.lni-mobile:before{content:"\e907"}.lni-tab:before{content:"\e922"}.lni-timer:before{content:"\e903"}.lni-headphone:before{content:"\e904"}.lni-rocket:before{content:"\e905"}.lni-package:before{content:"\e906"}.lni-popup:before{content:"\e909"}.lni-scroll-down:before{content:"\e90a"}.lni-pagination:before{content:"\e90b"}.lni-unlock:before{content:"\e90c"}.lni-lock:before{content:"\e946"}.lni-reload:before{content:"\e90d"}.lni-map-marker:before{content:"\e91e"}.lni-map:before{content:"\e90e"}.lni-game:before{content:"\e90f"}.lni-search:before{content:"\e910"}.lni-alarm:before{content:"\e911"}.lni-code:before{content:"\e91c"}.lni-website:before{content:"\e908"}.lni-code-alt:before{content:"\e912"}.lni-display:before{content:"\e913"}.lni-shortcode:before{content:"\e919"}.lni-headphone-alt:before{content:"\e915"}.lni-alarm-clock:before{content:"\e918"}.lni-bookmark-alt:before{content:"\e91a"}.lni-bookmark:before{content:"\e91b"}.lni-layout:before{content:"\e937"}.lni-keyboard:before{content:"\e91d"}.lni-grid-alt:before{content:"\e91f"}.lni-grid:before{content:"\e920"}.lni-mic:before{content:"\e921"}.lni-signal:before{content:"\e923"}.lni-download:before{content:"\e925"}.lni-upload:before{content:"\e926"}.lni-zip:before{content:"\e927"}.lni-rss-feed:before{content:"\e928"}.lni-warning:before{content:"\e929"}.lni-cloud-sync:before{content:"\e92a"}.lni-cloud-upload:before{content:"\e92b"}.lni-cloud-check:before{content:"\e92c"}.lni-cloud-download:before{content:"\e914"}.lni-cog:before{content:"\e92d"}.lni-dashboard:before{content:"\e92e"}.lni-folder:before{content:"\eaa0"}.lni-database:before{content:"\e92f"}.lni-harddrive:before{content:"\eaab"}.lni-control-panel:before{content:"\e930"}.lni-plug:before{content:"\e931"}.lni-menu:before{content:"\eab8"}.lni-power-switch:before{content:"\e932"}.lni-printer:before{content:"\e933"}.lni-save:before{content:"\eab9"}.lni-layers:before{content:"\e934"}.lni-link:before{content:"\e935"}.lni-share:before{content:"\eaba"}.lni-inbox:before{content:"\eabb"}.lni-unlink:before{content:"\e924"}.lni-microphone:before{content:"\e938"}.lni-magnet:before{content:"\e939"}.lni-mouse:before{content:"\e93a"}.lni-share-alt:before{content:"\e93b"}.lni-bluetooth:before{content:"\e93c"}.lni-crop:before{content:"\e93d"}.lni-cut:before{content:"\e93f"}.lni-protection:before{content:"\e940"}.lni-shield:before{content:"\eabc"}.lni-bolt-alt:before{content:"\e941"}.lni-bolt:before{content:"\e942"}.lni-infinite:before{content:"\e943"}.lni-hand:before{content:"\e944"}.lni-flag:before{content:"\e945"}.lni-zoom-out:before{content:"\e947"}.lni-zoom-in:before{content:"\e948"}.lni-pin-alt:before{content:"\e949"}.lni-pin:before{content:"\e9ba"}.lni-more-alt:before{content:"\e94a"}.lni-more:before{content:"\e958"}.lni-check-box:before{content:"\e94b"}.lni-check-mark-circle:before{content:"\e94c"}.lni-cross-circle:before{content:"\e94d"}.lni-circle-minus:before{content:"\e94e"}.lni-close:before{content:"\e951"}.lni-star-filled:before{content:"\e94f"}.lni-star:before{content:"\e950"}.lni-star-empty:before{content:"\e952"}.lni-star-half:before{content:"\e953"}.lni-question-circle:before{content:"\e954"}.lni-thumbs-down:before{content:"\e955"}.lni-thumbs-up:before{content:"\e956"}.lni-minus:before{content:"\e957"}.lni-plus:before{content:"\e959"}.lni-ban:before{content:"\e95a"}.lni-hourglass:before{content:"\eabd"}.lni-trash:before{content:"\e95b"}.lni-key:before{content:"\e95c"}.lni-pulse:before{content:"\e95d"}.lni-heart:before{content:"\e95e"}.lni-heart-filled:before{content:"\e93e"}.lni-help:before{content:"\e95f"}.lni-paint-roller:before{content:"\e960"}.lni-ux:before{content:"\e961"}.lni-radio-button:before{content:"\e962"}.lni-brush-alt:before{content:"\e963"}.lni-select:before{content:"\eabe"}.lni-slice:before{content:"\e964"}.lni-move:before{content:"\e965"}.lni-wheelchair:before{content:"\e966"}.lni-vector:before{content:"\e967"}.lni-ruler-pencil:before{content:"\e968"}.lni-ruler:before{content:"\e969"}.lni-brush:before{content:"\e96a"}.lni-eraser:before{content:"\e96b"}.lni-ruler-alt:before{content:"\e96c"}.lni-color-pallet:before{content:"\e96d"}.lni-paint-bucket:before{content:"\e96e"}.lni-bulb:before{content:"\e96f"}.lni-highlight-alt:before{content:"\e970"}.lni-highlight:before{content:"\e971"}.lni-handshake:before{content:"\e972"}.lni-briefcase:before{content:"\eabf"}.lni-funnel:before{content:"\eac0"}.lni-world:before{content:"\e973"}.lni-calculator:before{content:"\e974"}.lni-target-revenue:before{content:"\e975"}.lni-revenue:before{content:"\e976"}.lni-invention:before{content:"\e977"}.lni-network:before{content:"\e978"}.lni-credit-cards:before{content:"\e979"}.lni-pie-chart:before{content:"\e97a"}.lni-archive:before{content:"\e97b"}.lni-magnifier:before{content:"\e97c"}.lni-agenda:before{content:"\e97d"}.lni-tag:before{content:"\e97f"}.lni-target:before{content:"\e980"}.lni-stamp:before{content:"\e981"}.lni-clipboard:before{content:"\e982"}.lni-licencse:before{content:"\e983"}.lni-paperclip:before{content:"\e984"}.lni-stats-up:before{content:"\e97e"}.lni-stats-down:before{content:"\e985"}.lni-bar-chart:before{content:"\e986"}.lni-bullhorn:before{content:"\e987"}.lni-calendar:before{content:"\e988"}.lni-quotation:before{content:"\e989"}.lni-bus:before{content:"\e98a"}.lni-car-alt:before{content:"\e98b"}.lni-car:before{content:"\e98c"}.lni-train:before{content:"\e9a0"}.lni-train-alt:before{content:"\e991"}.lni-helicopter:before{content:"\e990"}.lni-ship:before{content:"\e992"}.lni-bridge:before{content:"\e993"}.lni-scooter:before{content:"\e98f"}.lni-plane:before{content:"\e994"}.lni-bi-cycle:before{content:"\e996"}.lni-postcard:before{content:"\e98d"}.lni-road:before{content:"\e98e"}.lni-envelope:before{content:"\e997"}.lni-reply:before{content:"\e998"}.lni-bubble:before{content:"\e995"}.lni-support:before{content:"\e999"}.lni-comment-reply:before{content:"\e99a"}.lni-pointer:before{content:"\e99b"}.lni-phone:before{content:"\e99c"}.lni-phone-handset:before{content:"\eac1"}.lni-comment-alt:before{content:"\e99e"}.lni-comment:before{content:"\e99f"}.lni-coffee-cup:before{content:"\e9a1"}.lni-home:before{content:"\e9a2"}.lni-gift:before{content:"\eac2"}.lni-thought:before{content:"\e9a3"}.lni-eye:before{content:"\eac3"}.lni-user:before{content:"\e9a4"}.lni-users:before{content:"\e9a5"}.lni-wallet:before{content:"\e9a6"}.lni-tshirt:before{content:"\e9a7"}.lni-medall-alt:before{content:"\e9a8"}.lni-medall:before{content:"\e9a9"}.lni-notepad:before{content:"\e9aa"}.lni-crown:before{content:"\e9ab"}.lni-ticket:before{content:"\e9ac"}.lni-ticket-alt:before{content:"\e9ad"}.lni-certificate:before{content:"\e9ae"}.lni-cup:before{content:"\e9af"}.lni-library:before{content:"\e9b0"}.lni-school-bench-alt:before{content:"\e9b1"}.lni-school-bench:before{content:"\e9b4"}.lni-microscope:before{content:"\e9b2"}.lni-school-compass:before{content:"\e9b3"}.lni-information:before{content:"\e9b5"}.lni-graduation:before{content:"\e9b6"}.lni-write:before{content:"\e9b7"}.lni-pencil-alt:before{content:"\e9b8"}.lni-pencil:before{content:"\e9b9"}.lni-blackboard:before{content:"\e9bb"}.lni-book:before{content:"\e9bc"}.lni-shuffle:before{content:"\e9bd"}.lni-gallery:before{content:"\eac4"}.lni-image:before{content:"\eac5"}.lni-volume-mute:before{content:"\e9be"}.lni-backward:before{content:"\e9bf"}.lni-forward:before{content:"\e9c0"}.lni-stop:before{content:"\e9c1"}.lni-play:before{content:"\e9c2"}.lni-pause:before{content:"\e9c3"}.lni-music:before{content:"\e9c4"}.lni-frame-expand:before{content:"\e9c5"}.lni-full-screen:before{content:"\eac6"}.lni-video:before{content:"\e9c6"}.lni-volume-high:before{content:"\e9c7"}.lni-volume-low:before{content:"\e9c8"}.lni-volume-medium:before{content:"\e9c9"}.lni-volume:before{content:"\e9ca"}.lni-camera:before{content:"\e9cb"}.lni-invest-monitor:before{content:"\e9cc"}.lni-grow:before{content:"\e9cd"}.lni-money-location:before{content:"\e9ce"}.lni-cloudnetwork:before{content:"\e9cf"}.lni-diamond:before{content:"\e9d0"}.lni-customer:before{content:"\e9d1"}.lni-domain:before{content:"\e9d2"}.lni-target-audience:before{content:"\e9d3"}.lni-seo:before{content:"\e9d4"}.lni-keyword-research:before{content:"\e9d5"}.lni-seo-monitoring:before{content:"\e9d6"}.lni-seo-consulting:before{content:"\e9d7"}.lni-money-protection:before{content:"\e9d8"}.lni-offer:before{content:"\e9d9"}.lni-delivery:before{content:"\e9da"}.lni-investment:before{content:"\e9db"}.lni-shopping-basket:before{content:"\e9dc"}.lni-coin:before{content:"\e9dd"}.lni-cart-full:before{content:"\e9de"}.lni-cart:before{content:"\e9df"}.lni-burger:before{content:"\e9e0"}.lni-restaurant:before{content:"\e9e1"}.lni-service:before{content:"\e9e2"}.lni-chef-hat:before{content:"\e9e3"}.lni-cake:before{content:"\e9e4"}.lni-pizza:before{content:"\e9e5"}.lni-teabag:before{content:"\e9e6"}.lni-dinner:before{content:"\e9e7"}.lni-taxi:before{content:"\e9e8"}.lni-caravan:before{content:"\e9e9"}.lni-pyramids:before{content:"\e9ea"}.lni-surfboard:before{content:"\e9eb"}.lni-travel:before{content:"\e9ec"}.lni-island:before{content:"\e9ed"}.lni-mashroom:before{content:"\e9ee"}.lni-sprout:before{content:"\e9ef"}.lni-tree:before{content:"\e9f0"}.lni-trees:before{content:"\e9f1"}.lni-flower:before{content:"\e9f2"}.lni-bug:before{content:"\e9f3"}.lni-leaf:before{content:"\e9f4"}.lni-fresh-juice:before{content:"\e9f5"}.lni-heart-monitor:before{content:"\e9f6"}.lni-dumbbell:before{content:"\e9f7"}.lni-skipping-rope:before{content:"\e9f8"}.lni-slim:before{content:"\e9f9"}.lni-weight:before{content:"\e9fa"}.lni-basketball:before{content:"\e9fb"}.lni-first-aid:before{content:"\e9fc"}.lni-ambulance:before{content:"\e9fd"}.lni-hospital:before{content:"\e9fe"}.lni-syringe:before{content:"\e9ff"}.lni-capsule:before{content:"\ea00"}.lni-stethoscope:before{content:"\ea01"}.lni-wheelbarrow:before{content:"\ea02"}.lni-shovel:before{content:"\ea03"}.lni-construction-hammer:before{content:"\ea04"}.lni-brick:before{content:"\ea05"}.lni-hammer:before{content:"\eac7"}.lni-helmet:before{content:"\ea06"}.lni-trowel:before{content:"\ea07"}.lni-construction:before{content:"\ea08"}.lni-apartment:before{content:"\ea09"}.lni-juice:before{content:"\ea0a"}.lni-spray:before{content:"\ea0b"}.lni-candy-cane:before{content:"\ea0c"}.lni-candy:before{content:"\ea0d"}.lni-fireworks:before{content:"\ea0e"}.lni-flags:before{content:"\ea0f"}.lni-baloon:before{content:"\ea10"}.lni-cloud:before{content:"\ea11"}.lni-night:before{content:"\ea12"}.lni-cloudy-sun:before{content:"\ea13"}.lni-rain:before{content:"\ea14"}.lni-thunder:before{content:"\ea15"}.lni-drop:before{content:"\ea16"}.lni-thunder-alt:before{content:"\ea18"}.lni-sun:before{content:"\ea17"}.lni-spell-check:before{content:"\ea1a"}.lni-text-format:before{content:"\ea1b"}.lni-text-format-remove:before{content:"\ea1c"}.lni-italic:before{content:"\ea1d"}.lni-line-dotted:before{content:"\ea1e"}.lni-text-align-center:before{content:"\ea19"}.lni-text-align-left:before{content:"\ea20"}.lni-text-align-right:before{content:"\ea21"}.lni-text-align-justify:before{content:"\ea22"}.lni-bold:before{content:"\ea23"}.lni-page-break:before{content:"\ea24"}.lni-strikethrough:before{content:"\ea25"}.lni-text-size:before{content:"\ea26"}.lni-line-dashed:before{content:"\ea27"}.lni-line-double:before{content:"\ea28"}.lni-direction-ltr:before{content:"\ea29"}.lni-direction-rtl:before{content:"\ea2a"}.lni-list:before{content:"\ea2b"}.lni-line-spacing:before{content:"\ea2f"}.lni-sort-alpha-asc:before{content:"\ea1f"}.lni-sort-amount-asc:before{content:"\ea2c"}.lni-indent-decrease:before{content:"\ea2d"}.lni-indent-increase:before{content:"\ea2e"}.lni-pilcrow:before{content:"\ea30"}.lni-underline:before{content:"\ea31"}.lni-dollar:before{content:"\ea32"}.lni-rupee:before{content:"\ea33"}.lni-pound:before{content:"\ea34"}.lni-yen:before{content:"\ea35"}.lni-euro:before{content:"\ea36"}.lni-emoji-happy:before{content:"\ea37"}.lni-emoji-tounge:before{content:"\ea38"}.lni-emoji-cool:before{content:"\ea39"}.lni-emoji-friendly:before{content:"\ea3a"}.lni-emoji-neutral:before{content:"\ea3b"}.lni-emoji-sad:before{content:"\ea3c"}.lni-emoji-smile:before{content:"\ea3d"}.lni-emoji-suspect:before{content:"\ea3e"}.lni-direction-alt:before{content:"\ea3f"}.lni-enter:before{content:"\ea40"}.lni-exit-down:before{content:"\ea41"}.lni-exit-up:before{content:"\ea5f"}.lni-exit:before{content:"\ea42"}.lni-chevron-up:before{content:"\ea43"}.lni-chevron-left:before{content:"\ea44"}.lni-chevron-down:before{content:"\ea45"}.lni-chevron-right:before{content:"\ea46"}.lni-arrow-down:before{content:"\ea47"}.lni-arrows-horizontal:before{content:"\ea48"}.lni-arrows-vertical:before{content:"\ea49"}.lni-direction:before{content:"\ea4a"}.lni-arrow-left:before{content:"\ea4b"}.lni-arrow-right:before{content:"\ea4c"}.lni-arrow-up:before{content:"\ea4d"}.lni-arrow-down-circle:before{content:"\ea4e"}.lni-anchor:before{content:"\ea4f"}.lni-arrow-left-circle:before{content:"\ea50"}.lni-arrow-right-circle:before{content:"\ea51"}.lni-arrow-up-circle:before{content:"\ea52"}.lni-angle-double-down:before{content:"\ea53"}.lni-angle-double-left:before{content:"\ea54"}.lni-angle-double-right:before{content:"\ea55"}.lni-angle-double-up:before{content:"\ea56"}.lni-arrow-top-left:before{content:"\ea57"}.lni-arrow-top-right:before{content:"\ea58"}.lni-chevron-down-circle:before{content:"\ea59"}.lni-chevron-left-circle:before{content:"\ea5a"}.lni-chevron-right-circle:before{content:"\ea5b"}.lni-chevron-up-circle:before{content:"\ea5c"}.lni-shift-left:before{content:"\ea5d"}.lni-shift-right:before{content:"\ea5e"}.lni-pointer-down:before{content:"\ea60"}.lni-pointer-right:before{content:"\ea62"}.lni-pointer-left:before{content:"\ea61"}.lni-pointer-up:before{content:"\ea63"}.lni-spinner-arrow:before{content:"\ea64"}.lni-spinner-solid:before{content:"\ea65"}.lni-spinner:before{content:"\ea66"}.lni-google:before{content:"\e99d"}.lni-producthunt:before{content:"\ea68"}.lni-paypal:before{content:"\eab3"}.lni-paypal-original:before{content:"\ea6c"}.lni-java:before{content:"\ea6d"}.lni-microsoft:before{content:"\ea6b"}.lni-windows:before{content:"\ea6e"}.lni-flickr:before{content:"\ea70"}.lni-drupal:before{content:"\ea9f"}.lni-drupal-original:before{content:"\ea71"}.lni-android:before{content:"\eab7"}.lni-android-original:before{content:"\ea72"}.lni-playstore:before{content:"\eab4"}.lni-git:before{content:"\ea9b"}.lni-github-original:before{content:"\ea73"}.lni-github:before{content:"\ea9c"}.lni-steam:before{content:"\ea75"}.lni-shopify:before{content:"\ea76"}.lni-snapchat:before{content:"\ea77"}.lni-soundcloud:before{content:"\eab5"}.lni-souncloud-original:before{content:"\ea78"}.lni-telegram:before{content:"\ea79"}.lni-twitch:before{content:"\ea7a"}.lni-vimeo:before{content:"\ea7c"}.lni-vk:before{content:"\ea7d"}.lni-wechat:before{content:"\ea7e"}.lni-whatsapp:before{content:"\ea7f"}.lni-yahoo:before{content:"\ea80"}.lni-youtube:before{content:"\ea81"}.lni-stackoverflow:before{content:"\ea82"}.lni-slideshare:before{content:"\ea84"}.lni-slack:before{content:"\ea85"}.lni-lineicons-alt:before{content:"\ea69"}.lni-lineicons:before{content:"\ea6a"}.lni-skype:before{content:"\ea86"}.lni-pinterest:before{content:"\ea87"}.lni-reddit:before{content:"\ea88"}.lni-line:before{content:"\ea89"}.lni-megento:before{content:"\ea8b"}.lni-blogger:before{content:"\ea8e"}.lni-bootstrap:before{content:"\ea8f"}.lni-dribbble:before{content:"\ea90"}.lni-dropbox:before{content:"\ea98"}.lni-dropbox-original:before{content:"\ea91"}.lni-envato:before{content:"\ea92"}.lni-500px:before{content:"\ea95"}.lni-twitter-original:before{content:"\ea7b"}.lni-twitter:before{content:"\ea97"}.lni-twitter-filled:before{content:"\eac8"}.lni-facebook-messenger:before{content:"\ea93"}.lni-facebook-original:before{content:"\ea94"}.lni-facebook-filled:before{content:"\ea99"}.lni-facebook:before{content:"\ea9a"}.lni-joomla:before{content:"\eac9"}.lni-firefox:before{content:"\ea9d"}.lni-amazon-original:before{content:"\ea74"}.lni-amazon:before{content:"\ea9e"}.lni-linkedin-original:before{content:"\ea8a"}.lni-linkedin:before{content:"\eaa1"}.lni-linkedin-filled:before{content:"\eaca"}.lni-bitbucket:before{content:"\eaa2"}.lni-quora:before{content:"\eaa3"}.lni-medium:before{content:"\eaa4"}.lni-instagram-original:before{content:"\ea8c"}.lni-instagram-filled:before{content:"\eaa6"}.lni-instagram:before{content:"\eaa7"}.lni-bitcoin:before{content:"\eaa8"}.lni-stripe:before{content:"\eaa9"}.lni-wordpress-filled:before{content:"\eaaa"}.lni-wordpress:before{content:"\ea96"}.lni-google-plus:before{content:"\eaac"}.lni-mastercard:before{content:"\eaae"}.lni-visa:before{content:"\eaaf"}.lni-amex:before{content:"\eacb"}.lni-apple:before{content:"\eab0"}.lni-behance:before{content:"\eab1"}.lni-behance-original:before{content:"\ea8d"}.lni-chrome:before{content:"\eab2"}.lni-spotify-original:before{content:"\ea83"}.lni-spotify:before{content:"\eab6"}.lni-html:before{content:"\eaad"}.lni-css:before{content:"\eaa5"}.lni-ycombinator:before{content:"\ea67"}span{display:inline-block}.lni-spin-effect{animation:spin 2s linear infinite}.lni-spin-effect-hover:hover{animation:spin 2s linear infinite}.lni-tada-effect{animation:tada 1.5s ease infinite}.lni-tada-effect-hover:hover{animation:tada 1.5s ease infinite}.lni-flashing-effect{animation:flashing 1.5s infinite linear}.lni-flashing-effect-hover:hover{animation:flashing 1.5s infinite linear}.lni-burst-effect{animation:burst 1.5s infinite linear}.lni-burst-effect-hover:hover{animation:burst 1.5s infinite linear}.lni-fade-up-effect{animation:fade-up 1.5s infinite linear}.lni-fade-up-effect-hover:hover{animation:fade-up 1.5s infinite linear}.lni-fade-down-effect{animation:fade-down 1.5s infinite linear}.lni-fade-down-effect-hover:hover{animation:fade-down 1.5s infinite linear}.lni-fade-left-effect{animation:fade-left 1.5s infinite linear}.lni-fade-left-effect-hover:hover{animation:fade-left 1.5s infinite linear}.lni-fade-right-effect{animation:fade-right 1.5s infinite linear}.lni-fade-right-effect-hover:hover{animation:fade-right 1.5s infinite linear}.size-xs{font-size:1rem!important}.size-sm{font-size:1.55rem!important}.size-md{font-size:2.25rem!important}.size-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}.size-lg{font-size:3rem!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes burst{0%{transform:scale(1);opacity:1}90%{transform:scale(1.5);opacity:0}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes fade-left{0%{transform:translateX(0);opacity:1}75%{transform:translateX(-20px);opacity:0}}@keyframes fade-right{0%{transform:translateX(0);opacity:1}75%{transform:translateX(20px);opacity:0}}@keyframes fade-up{0%{transform:translateY(0);opacity:1}75%{transform:translateY(-20px);opacity:0}}@keyframes fade-down{0%{transform:translateY(0);opacity:1}75%{transform:translateY(20px);opacity:0}}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{transform:rotate3d(0,0,1,-10deg)}to{transform:scale3d(1,1,1)}}.lni-spin-effect{animation:spin 2s linear infinite}.lni-spin-effect-hover:hover{animation:spin 2s linear infinite}.lni-tada-effect{animation:tada 1.5s ease infinite}.lni-tada-effect-hover:hover{animation:tada 1.5s ease infinite}.lni-flashing-effect{animation:flashing 1.5s infinite linear}.lni-flashing-effect-hover:hover{animation:flashing 1.5s infinite linear}.lni-burst-effect{animation:burst 1.5s infinite linear}.lni-burst-effect-hover:hover{animation:burst 1.5s infinite linear}.lni-fade-up-effect{animation:fade-up 1.5s infinite linear}.lni-fade-up-effect-hover:hover{animation:fade-up 1.5s infinite linear}.lni-fade-down-effect{animation:fade-down 1.5s infinite linear}.lni-fade-down-effect-hover:hover{animation:fade-down 1.5s infinite linear}.lni-fade-left-effect{animation:fade-left 1.5s infinite linear}.lni-fade-left-effect-hover:hover{animation:fade-left 1.5s infinite linear}.lni-fade-right-effect{animation:fade-right 1.5s infinite linear}.lni-fade-right-effect-hover:hover{animation:fade-right 1.5s infinite linear} /*! * Viewer v1.0.0 * https://github.com/fengyuanchen/viewer * * Copyright (c) 2015-2018 Chen Fengyuan * Released under the MIT license * * Date: 2018-04-01T06:09:55.194Z */.viewer-close::before,.viewer-flip-horizontal::before,.viewer-flip-vertical::before,.viewer-fullscreen-exit::before,.viewer-fullscreen::before,.viewer-next::before,.viewer-one-to-one::before,.viewer-play::before,.viewer-prev::before,.viewer-reset::before,.viewer-rotate-left::before,.viewer-rotate-right::before,.viewer-zoom-in::before,.viewer-zoom-out::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in::before{background-position:0 0;content:'Zoom In'}.viewer-zoom-out::before{background-position:-20px 0;content:'Zoom Out'}.viewer-one-to-one::before{background-position:-40px 0;content:'One to One'}.viewer-reset::before{background-position:-60px 0;content:'Reset'}.viewer-prev::before{background-position:-80px 0;content:'Previous'}.viewer-play::before{background-position:-100px 0;content:'Play'}.viewer-next::before{background-position:-120px 0;content:'Next'}.viewer-rotate-left::before{background-position:-140px 0;content:'Rotate Left'}.viewer-rotate-right::before{background-position:-160px 0;content:'Rotate Right'}.viewer-flip-horizontal::before{background-position:-180px 0;content:'Flip Horizontal'}.viewer-flip-vertical::before{background-position:-200px 0;content:'Flip Vertical'}.viewer-fullscreen::before{background-position:-220px 0;content:'Enter Full Screen'}.viewer-fullscreen-exit::before{background-position:-240px 0;content:'Exit Full Screen'}.viewer-close::before{background-position:-260px 0;content:'Close'}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::-moz-selection, .viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:hover{opacity:.75}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading::after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0}.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:3px 0}.viewer-toolbar li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar li::before{margin:2px}.viewer-toolbar li+li{margin-left:1px}.viewer-toolbar .viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar .viewer-small::before{margin:-1px}.viewer-toolbar .viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar .viewer-large::before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button::before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.viewer-loading::after{animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:'';display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}} /* width in percentage */ .w-1-per { width: 1%; } .w-2-per { width: 2%; } .w-3-per { width: 3%; } .w-4-per { width: 4%; } .w-5-per { width: 5%; } .w-6-per { width: 6%; } .w-7-per { width: 7%; } .w-8-per { width: 8%; } .w-9-per { width: 9%; } .w-10-per { width: 10%; } .w-11-per { width: 11%; } .w-12-per { width: 12%; } .w-13-per { width: 13%; } .w-14-per { width: 14%; } .w-15-per { width: 15%; } .w-16-per { width: 16%; } .w-17-per { width: 17%; } .w-18-per { width: 18%; } .w-19-per { width: 19%; } .w-20-per { width: 20%; } .w-21-per { width: 21%; } .w-22-per { width: 22%; } .w-23-per { width: 23%; } .w-24-per { width: 24%; } .w-25-per { width: 25%; } .w-26-per { width: 26%; } .w-27-per { width: 27%; } .w-28-per { width: 28%; } .w-29-per { width: 29%; } .w-30-per { width: 30%; } .w-31-per { width: 31%; } .w-32-per { width: 32%; } .w-33-per { width: 33%; } .w-34-per { width: 34%; } .w-35-per { width: 35%; } .w-36-per { width: 36%; } .w-37-per { width: 37%; } .w-38-per { width: 38%; } .w-39-per { width: 39%; } .w-40-per { width: 40%; } .w-41-per { width: 41%; } .w-42-per { width: 42%; } .w-43-per { width: 43%; } .w-44-per { width: 44%; } .w-45-per { width: 45%; } .w-46-per { width: 46%; } .w-47-per { width: 47%; } .w-48-per { width: 48%; } .w-49-per { width: 49%; } .w-50-per { width: 50%; } .w-51-per { width: 51%; } .w-52-per { width: 52%; } .w-53-per { width: 53%; } .w-54-per { width: 54%; } .w-55-per { width: 55%; } .w-56-per { width: 56%; } .w-57-per { width: 57%; } .w-58-per { width: 58%; } .w-59-per { width: 59%; } .w-60-per { width: 60%; } .w-61-per { width: 61%; } .w-62-per { width: 62%; } .w-63-per { width: 63%; } .w-64-per { width: 64%; } .w-65-per { width: 65%; } .w-66-per { width: 66%; } .w-67-per { width: 67%; } .w-68-per { width: 68%; } .w-69-per { width: 69%; } .w-70-per { width: 70%; } .w-71-per { width: 71%; } .w-72-per { width: 72%; } .w-73-per { width: 73%; } .w-74-per { width: 74%; } .w-75-per { width: 75%; } .w-76-per { width: 76%; } .w-77-per { width: 77%; } .w-78-per { width: 78%; } .w-79-per { width: 79%; } .w-80-per { width: 80%; } .w-81-per { width: 81%; } .w-82-per { width: 82%; } .w-83-per { width: 83%; } .w-84-per { width: 84%; } .w-85-per { width: 85%; } .w-86-per { width: 86%; } .w-87-per { width: 87%; } .w-88-per { width: 88%; } .w-89-per { width: 89%; } .w-90-per { width: 90%; } .w-91-per { width: 91%; } .w-92-per { width: 92%; } .w-93-per { width: 93%; } .w-94-per { width: 94%; } .w-95-per { width: 95%; } .w-96-per { width: 96%; } .w-97-per { width: 97%; } .w-98-per { width: 98%; } .w-99-per { width: 99%; } .w-100-per { width: 100%; } /* width in 0.25 to 0.75 rem */ .w-0-25-rem { width: 0.25rem; } .w-0-5-rem { width: 0.50rem; } .w-0-75-rem { width: 0.75rem; } /* width in 1 to 100 rem */ .w-1-rem { width: 1rem; } .w-2-rem { width: 2rem; } .w-3-rem { width: 3rem; } .w-4-rem { width: 4rem; } .w-5-rem { width: 5rem; } .w-6-rem { width: 6rem; } .w-7-rem { width: 7rem; } .w-8-rem { width: 8rem; } .w-9-rem { width: 9rem; } .w-10-rem { width: 10rem; } .w-11-rem { width: 11rem; } .w-12-rem { width: 12rem; } .w-13-rem { width: 13rem; } .w-14-rem { width: 14rem; } .w-15-rem { width: 15rem; } .w-16-rem { width: 16rem; } .w-17-rem { width: 17rem; } .w-18-rem { width: 18rem; } .w-19-rem { width: 19rem; } .w-20-rem { width: 20rem; } .w-21-rem { width: 21rem; } .w-22-rem { width: 22rem; } .w-23-rem { width: 23rem; } .w-24-rem { width: 24rem; } .w-25-rem { width: 25rem; } .w-26-rem { width: 26rem; } .w-27-rem { width: 27rem; } .w-28-rem { width: 28rem; } .w-29-rem { width: 29rem; } .w-30-rem { width: 30rem; } .w-31-rem { width: 31rem; } .w-32-rem { width: 32rem; } .w-33-rem { width: 33rem; } .w-34-rem { width: 34rem; } .w-35-rem { width: 35rem; } .w-36-rem { width: 36rem; } .w-37-rem { width: 37rem; } .w-38-rem { width: 38rem; } .w-39-rem { width: 39rem; } .w-40-rem { width: 40rem; } .w-41-rem { width: 41rem; } .w-42-rem { width: 42rem; } .w-43-rem { width: 43rem; } .w-44-rem { width: 44rem; } .w-45-rem { width: 45rem; } .w-46-rem { width: 46rem; } .w-47-rem { width: 47rem; } .w-48-rem { width: 48rem; } .w-49-rem { width: 49rem; } .w-50-rem { width: 50rem; } .w-51-rem { width: 51rem; } .w-52-rem { width: 52rem; } .w-53-rem { width: 53rem; } .w-54-rem { width: 54rem; } .w-55-rem { width: 55rem; } .w-56-rem { width: 56rem; } .w-57-rem { width: 57rem; } .w-58-rem { width: 58rem; } .w-59-rem { width: 59rem; } .w-60-rem { width: 60rem; } .w-61-rem { width: 61rem; } .w-62-rem { width: 62rem; } .w-63-rem { width: 63rem; } .w-64-rem { width: 64rem; } .w-65-rem { width: 65rem; } .w-66-rem { width: 66rem; } .w-67-rem { width: 67rem; } .w-68-rem { width: 68rem; } .w-69-rem { width: 69rem; } .w-70-rem { width: 70rem; } .w-71-rem { width: 71rem; } .w-72-rem { width: 72rem; } .w-73-rem { width: 73rem; } .w-74-rem { width: 74rem; } .w-75-rem { width: 75rem; } .w-76-rem { width: 76rem; } .w-77-rem { width: 77rem; } .w-78-rem { width: 78rem; } .w-79-rem { width: 79rem; } .w-80-rem { width: 80rem; } .w-81-rem { width: 81rem; } .w-82-rem { width: 82rem; } .w-83-rem { width: 83rem; } .w-84-rem { width: 84rem; } .w-85-rem { width: 85rem; } .w-86-rem { width: 86rem; } .w-87-rem { width: 87rem; } .w-88-rem { width: 88rem; } .w-89-rem { width: 89rem; } .w-90-rem { width: 90rem; } .w-91-rem { width: 91rem; } .w-92-rem { width: 92rem; } .w-93-rem { width: 93rem; } .w-94-rem { width: 94rem; } .w-95-rem { width: 95rem; } .w-96-rem { width: 96rem; } .w-97-rem { width: 97rem; } .w-98-rem { width: 98rem; } .w-99-rem { width: 99rem; } .w-100-rem { width: 100rem; } /* width in 1.25 to 100.25 rem */ .w-1-25-rem { width: 1.25rem; } .w-2-25-rem { width: 2.25rem; } .w-3-25-rem { width: 3.25rem; } .w-4-25-rem { width: 4.25rem; } .w-5-25-rem { width: 5.25rem; } .w-6-25-rem { width: 6.25rem; } .w-7-25-rem { width: 7.25rem; } .w-8-25-rem { width: 8.25rem; } .w-9-25-rem { width: 9.25rem; } .w-10-25-rem { width: 10.25rem; } .w-11-25-rem { width: 11.25rem; } .w-12-25-rem { width: 12.25rem; } .w-13-25-rem { width: 13.25rem; } .w-14-25-rem { width: 14.25rem; } .w-15-25-rem { width: 15.25rem; } .w-16-25-rem { width: 16.25rem; } .w-17-25-rem { width: 17.25rem; } .w-18-25-rem { width: 18.25rem; } .w-19-25-rem { width: 19.25rem; } .w-20-25-rem { width: 20.25rem; } .w-21-25-rem { width: 21.25rem; } .w-22-25-rem { width: 22.25rem; } .w-23-25-rem { width: 23.25rem; } .w-24-25-rem { width: 24.25rem; } .w-25-25-rem { width: 25.25rem; } .w-26-25-rem { width: 26.25rem; } .w-27-25-rem { width: 27.25rem; } .w-28-25-rem { width: 28.25rem; } .w-29-25-rem { width: 29.25rem; } .w-30-25-rem { width: 30.25rem; } .w-31-25-rem { width: 31.25rem; } .w-32-25-rem { width: 32.25rem; } .w-33-25-rem { width: 33.25rem; } .w-34-25-rem { width: 34.25rem; } .w-35-25-rem { width: 35.25rem; } .w-36-25-rem { width: 36.25rem; } .w-37-25-rem { width: 37.25rem; } .w-38-25-rem { width: 38.25rem; } .w-39-25-rem { width: 39.25rem; } .w-40-25-rem { width: 40.25rem; } .w-41-25-rem { width: 41.25rem; } .w-42-25-rem { width: 42.25rem; } .w-43-25-rem { width: 43.25rem; } .w-44-25-rem { width: 44.25rem; } .w-45-25-rem { width: 45.25rem; } .w-46-25-rem { width: 46.25rem; } .w-47-25-rem { width: 47.25rem; } .w-48-25-rem { width: 48.25rem; } .w-49-25-rem { width: 49.25rem; } .w-50-25-rem { width: 50.25rem; } .w-51-25-rem { width: 51.25rem; } .w-52-25-rem { width: 52.25rem; } .w-53-25-rem { width: 53.25rem; } .w-54-25-rem { width: 54.25rem; } .w-55-25-rem { width: 55.25rem; } .w-56-25-rem { width: 56.25rem; } .w-57-25-rem { width: 57.25rem; } .w-58-25-rem { width: 58.25rem; } .w-59-25-rem { width: 59.25rem; } .w-60-25-rem { width: 60.25rem; } .w-61-25-rem { width: 61.25rem; } .w-62-25-rem { width: 62.25rem; } .w-63-25-rem { width: 63.25rem; } .w-64-25-rem { width: 64.25rem; } .w-65-25-rem { width: 65.25rem; } .w-66-25-rem { width: 66.25rem; } .w-67-25-rem { width: 67.25rem; } .w-68-25-rem { width: 68.25rem; } .w-69-25-rem { width: 69.25rem; } .w-70-25-rem { width: 70.25rem; } .w-71-25-rem { width: 71.25rem; } .w-72-25-rem { width: 72.25rem; } .w-73-25-rem { width: 73.25rem; } .w-74-25-rem { width: 74.25rem; } .w-75-25-rem { width: 75.25rem; } .w-76-25-rem { width: 76.25rem; } .w-77-25-rem { width: 77.25rem; } .w-78-25-rem { width: 78.25rem; } .w-79-25-rem { width: 79.25rem; } .w-80-25-rem { width: 80.25rem; } .w-81-25-rem { width: 81.25rem; } .w-82-25-rem { width: 82.25rem; } .w-83-25-rem { width: 83.25rem; } .w-84-25-rem { width: 84.25rem; } .w-85-25-rem { width: 85.25rem; } .w-86-25-rem { width: 86.25rem; } .w-87-25-rem { width: 87.25rem; } .w-88-25-rem { width: 88.25rem; } .w-89-25-rem { width: 89.25rem; } .w-90-25-rem { width: 90.25rem; } .w-91-25-rem { width: 91.25rem; } .w-92-25-rem { width: 92.25rem; } .w-93-25-rem { width: 93.25rem; } .w-94-25-rem { width: 94.25rem; } .w-95-25-rem { width: 95.25rem; } .w-96-25-rem { width: 96.25rem; } .w-97-25-rem { width: 97.25rem; } .w-98-25-rem { width: 98.25rem; } .w-99-25-rem { width: 99.25rem; } .w-100-25-rem { width: 100.25rem; } /* width in 1.5 to 100.5 rem */ .w-1-5-rem { width: 1.5rem; } .w-2-5-rem { width: 2.5rem; } .w-3-5-rem { width: 3.5rem; } .w-4-5-rem { width: 4.5rem; } .w-5-5-rem { width: 5.5rem; } .w-6-5-rem { width: 6.5rem; } .w-7-5-rem { width: 7.5rem; } .w-8-5-rem { width: 8.5rem; } .w-9-5-rem { width: 9.5rem; } .w-10-5-rem { width: 10.5rem; } .w-11-5-rem { width: 11.5rem; } .w-12-5-rem { width: 12.5rem; } .w-13-5-rem { width: 13.5rem; } .w-14-5-rem { width: 14.5rem; } .w-15-5-rem { width: 15.5rem; } .w-16-5-rem { width: 16.5rem; } .w-17-5-rem { width: 17.5rem; } .w-18-5-rem { width: 18.5rem; } .w-19-5-rem { width: 19.5rem; } .w-20-5-rem { width: 20.5rem; } .w-21-5-rem { width: 21.5rem; } .w-22-5-rem { width: 22.5rem; } .w-23-5-rem { width: 23.5rem; } .w-24-5-rem { width: 24.5rem; } .w-25-5-rem { width: 25.5rem; } .w-26-5-rem { width: 26.5rem; } .w-27-5-rem { width: 27.5rem; } .w-28-5-rem { width: 28.5rem; } .w-29-5-rem { width: 29.5rem; } .w-30-5-rem { width: 30.5rem; } .w-31-5-rem { width: 31.5rem; } .w-32-5-rem { width: 32.5rem; } .w-33-5-rem { width: 33.5rem; } .w-34-5-rem { width: 34.5rem; } .w-35-5-rem { width: 35.5rem; } .w-36-5-rem { width: 36.5rem; } .w-37-5-rem { width: 37.5rem; } .w-38-5-rem { width: 38.5rem; } .w-39-5-rem { width: 39.5rem; } .w-40-5-rem { width: 40.5rem; } .w-41-5-rem { width: 41.5rem; } .w-42-5-rem { width: 42.5rem; } .w-43-5-rem { width: 43.5rem; } .w-44-5-rem { width: 44.5rem; } .w-45-5-rem { width: 45.5rem; } .w-46-5-rem { width: 46.5rem; } .w-47-5-rem { width: 47.5rem; } .w-48-5-rem { width: 48.5rem; } .w-49-5-rem { width: 49.5rem; } .w-50-5-rem { width: 50.5rem; } .w-51-5-rem { width: 51.5rem; } .w-52-5-rem { width: 52.5rem; } .w-53-5-rem { width: 53.5rem; } .w-54-5-rem { width: 54.5rem; } .w-55-5-rem { width: 55.5rem; } .w-56-5-rem { width: 56.5rem; } .w-57-5-rem { width: 57.5rem; } .w-58-5-rem { width: 58.5rem; } .w-59-5-rem { width: 59.5rem; } .w-60-5-rem { width: 60.5rem; } .w-61-5-rem { width: 61.5rem; } .w-62-5-rem { width: 62.5rem; } .w-63-5-rem { width: 63.5rem; } .w-64-5-rem { width: 64.5rem; } .w-65-5-rem { width: 65.5rem; } .w-66-5-rem { width: 66.5rem; } .w-67-5-rem { width: 67.5rem; } .w-68-5-rem { width: 68.5rem; } .w-69-5-rem { width: 69.5rem; } .w-70-5-rem { width: 70.5rem; } .w-71-5-rem { width: 71.5rem; } .w-72-5-rem { width: 72.5rem; } .w-73-5-rem { width: 73.5rem; } .w-74-5-rem { width: 74.5rem; } .w-75-5-rem { width: 75.5rem; } .w-76-5-rem { width: 76.5rem; } .w-77-5-rem { width: 77.5rem; } .w-78-5-rem { width: 78.5rem; } .w-79-5-rem { width: 79.5rem; } .w-80-5-rem { width: 80.5rem; } .w-81-5-rem { width: 81.5rem; } .w-82-5-rem { width: 82.5rem; } .w-83-5-rem { width: 83.5rem; } .w-84-5-rem { width: 84.5rem; } .w-85-5-rem { width: 85.5rem; } .w-86-5-rem { width: 86.5rem; } .w-87-5-rem { width: 87.5rem; } .w-88-5-rem { width: 88.5rem; } .w-89-5-rem { width: 89.5rem; } .w-90-5-rem { width: 90.5rem; } .w-91-5-rem { width: 91.5rem; } .w-92-5-rem { width: 92.5rem; } .w-93-5-rem { width: 93.5rem; } .w-94-5-rem { width: 94.5rem; } .w-95-5-rem { width: 95.5rem; } .w-96-5-rem { width: 96.5rem; } .w-97-5-rem { width: 97.5rem; } .w-98-5-rem { width: 98.5rem; } .w-99-5-rem { width: 99.5rem; } .w-100-5-rem { width: 100.5rem; } /* width in 1.75 to 100.75 rem */ .w-1-75-rem { width: 1.75rem; } .w-2-75-rem { width: 2.75rem; } .w-3-75-rem { width: 3.75rem; } .w-4-75-rem { width: 4.75rem; } .w-5-75-rem { width: 5.75rem; } .w-6-75-rem { width: 6.75rem; } .w-7-75-rem { width: 7.75rem; } .w-8-75-rem { width: 8.75rem; } .w-9-75-rem { width: 9.75rem; } .w-10-75-rem { width: 10.75rem; } .w-11-75-rem { width: 11.75rem; } .w-12-75-rem { width: 12.75rem; } .w-13-75-rem { width: 13.75rem; } .w-14-75-rem { width: 14.75rem; } .w-15-75-rem { width: 15.75rem; } .w-16-75-rem { width: 16.75rem; } .w-17-75-rem { width: 17.75rem; } .w-18-75-rem { width: 18.75rem; } .w-19-75-rem { width: 19.75rem; } .w-20-75-rem { width: 20.75rem; } .w-21-75-rem { width: 21.75rem; } .w-22-75-rem { width: 22.75rem; } .w-23-75-rem { width: 23.75rem; } .w-24-75-rem { width: 24.75rem; } .w-25-75-rem { width: 25.75rem; } .w-26-75-rem { width: 26.75rem; } .w-27-75-rem { width: 27.75rem; } .w-28-75-rem { width: 28.75rem; } .w-29-75-rem { width: 29.75rem; } .w-30-75-rem { width: 30.75rem; } .w-31-75-rem { width: 31.75rem; } .w-32-75-rem { width: 32.75rem; } .w-33-75-rem { width: 33.75rem; } .w-34-75-rem { width: 34.75rem; } .w-35-75-rem { width: 35.75rem; } .w-36-75-rem { width: 36.75rem; } .w-37-75-rem { width: 37.75rem; } .w-38-75-rem { width: 38.75rem; } .w-39-75-rem { width: 39.75rem; } .w-40-75-rem { width: 40.75rem; } .w-41-75-rem { width: 41.75rem; } .w-42-75-rem { width: 42.75rem; } .w-43-75-rem { width: 43.75rem; } .w-44-75-rem { width: 44.75rem; } .w-45-75-rem { width: 45.75rem; } .w-46-75-rem { width: 46.75rem; } .w-47-75-rem { width: 47.75rem; } .w-48-75-rem { width: 48.75rem; } .w-49-75-rem { width: 49.75rem; } .w-50-75-rem { width: 50.75rem; } .w-51-75-rem { width: 51.75rem; } .w-52-75-rem { width: 52.75rem; } .w-53-75-rem { width: 53.75rem; } .w-54-75-rem { width: 54.75rem; } .w-55-75-rem { width: 55.75rem; } .w-56-75-rem { width: 56.75rem; } .w-57-75-rem { width: 57.75rem; } .w-58-75-rem { width: 58.75rem; } .w-59-75-rem { width: 59.75rem; } .w-60-75-rem { width: 60.75rem; } .w-61-75-rem { width: 61.75rem; } .w-62-75-rem { width: 62.75rem; } .w-63-75-rem { width: 63.75rem; } .w-64-75-rem { width: 64.75rem; } .w-65-75-rem { width: 65.75rem; } .w-66-75-rem { width: 66.75rem; } .w-67-75-rem { width: 67.75rem; } .w-68-75-rem { width: 68.75rem; } .w-69-75-rem { width: 69.75rem; } .w-70-75-rem { width: 70.75rem; } .w-71-75-rem { width: 71.75rem; } .w-72-75-rem { width: 72.75rem; } .w-73-75-rem { width: 73.75rem; } .w-74-75-rem { width: 74.75rem; } .w-75-75-rem { width: 75.75rem; } .w-76-75-rem { width: 76.75rem; } .w-77-75-rem { width: 77.75rem; } .w-78-75-rem { width: 78.75rem; } .w-79-75-rem { width: 79.75rem; } .w-80-75-rem { width: 80.75rem; } .w-81-75-rem { width: 81.75rem; } .w-82-75-rem { width: 82.75rem; } .w-83-75-rem { width: 83.75rem; } .w-84-75-rem { width: 84.75rem; } .w-85-75-rem { width: 85.75rem; } .w-86-75-rem { width: 86.75rem; } .w-87-75-rem { width: 87.75rem; } .w-88-75-rem { width: 88.75rem; } .w-89-75-rem { width: 89.75rem; } .w-90-75-rem { width: 90.75rem; } .w-91-75-rem { width: 91.75rem; } .w-92-75-rem { width: 92.75rem; } .w-93-75-rem { width: 93.75rem; } .w-94-75-rem { width: 94.75rem; } .w-95-75-rem { width: 95.75rem; } .w-96-75-rem { width: 96.75rem; } .w-97-75-rem { width: 97.75rem; } .w-98-75-rem { width: 98.75rem; } .w-99-75-rem { width: 99.75rem; } .w-100-75-rem { width: 100.75rem; } .w-fit-content { width: -moz-fit-content; width: fit-content; } /* height in percentage */ .h-1-per { height: 1%; } .h-2-per { height: 2%; } .h-3-per { height: 3%; } .h-4-per { height: 4%; } .h-5-per { height: 5%; } .h-6-per { height: 6%; } .h-7-per { height: 7%; } .h-8-per { height: 8%; } .h-9-per { height: 9%; } .h-10-per { height: 10%; } .h-11-per { height: 11%; } .h-12-per { height: 12%; } .h-13-per { height: 13%; } .h-14-per { height: 14%; } .h-15-per { height: 15%; } .h-16-per { height: 16%; } .h-17-per { height: 17%; } .h-18-per { height: 18%; } .h-19-per { height: 19%; } .h-20-per { height: 20%; } .h-21-per { height: 21%; } .h-22-per { height: 22%; } .h-23-per { height: 23%; } .h-24-per { height: 24%; } .h-25-per { height: 25%; } .h-26-per { height: 26%; } .h-27-per { height: 27%; } .h-28-per { height: 28%; } .h-29-per { height: 29%; } .h-30-per { height: 30%; } .h-31-per { height: 31%; } .h-32-per { height: 32%; } .h-33-per { height: 33%; } .h-34-per { height: 34%; } .h-35-per { height: 35%; } .h-36-per { height: 36%; } .h-37-per { height: 37%; } .h-38-per { height: 38%; } .h-39-per { height: 39%; } .h-40-per { height: 40%; } .h-41-per { height: 41%; } .h-42-per { height: 42%; } .h-43-per { height: 43%; } .h-44-per { height: 44%; } .h-45-per { height: 45%; } .h-46-per { height: 46%; } .h-47-per { height: 47%; } .h-48-per { height: 48%; } .h-49-per { height: 49%; } .h-50-per { height: 50%; } .h-51-per { height: 51%; } .h-52-per { height: 52%; } .h-53-per { height: 53%; } .h-54-per { height: 54%; } .h-55-per { height: 55%; } .h-56-per { height: 56%; } .h-57-per { height: 57%; } .h-58-per { height: 58%; } .h-59-per { height: 59%; } .h-60-per { height: 60%; } .h-61-per { height: 61%; } .h-62-per { height: 62%; } .h-63-per { height: 63%; } .h-64-per { height: 64%; } .h-65-per { height: 65%; } .h-66-per { height: 66%; } .h-67-per { height: 67%; } .h-68-per { height: 68%; } .h-69-per { height: 69%; } .h-70-per { height: 70%; } .h-71-per { height: 71%; } .h-72-per { height: 72%; } .h-73-per { height: 73%; } .h-74-per { height: 74%; } .h-75-per { height: 75%; } .h-76-per { height: 76%; } .h-77-per { height: 77%; } .h-78-per { height: 78%; } .h-79-per { height: 79%; } .h-80-per { height: 80%; } .h-81-per { height: 81%; } .h-82-per { height: 82%; } .h-83-per { height: 83%; } .h-84-per { height: 84%; } .h-85-per { height: 85%; } .h-86-per { height: 86%; } .h-87-per { height: 87%; } .h-88-per { height: 88%; } .h-89-per { height: 89%; } .h-90-per { height: 90%; } .h-91-per { height: 91%; } .h-92-per { height: 92%; } .h-93-per { height: 93%; } .h-94-per { height: 94%; } .h-95-per { height: 95%; } .h-96-per { height: 96%; } .h-97-per { height: 97%; } .h-98-per { height: 98%; } .h-99-per { height: 99%; } .h-100-per { height: 100%; } /* height in 0.25 to 0.75 rem */ .h-0-25-rem { height: 0.25rem; } .h-0-5-rem { height: 0.50rem; } .h-0-75-rem { height: 0.75rem; } /* height in 1 to 100 rem */ .h-1-rem { height: 1rem; } .h-2-rem { height: 2rem; } .h-3-rem { height: 3rem; } .h-4-rem { height: 4rem; } .h-5-rem { height: 5rem; } .h-6-rem { height: 6rem; } .h-7-rem { height: 7rem; } .h-8-rem { height: 8rem; } .h-9-rem { height: 9rem; } .h-10-rem { height: 10rem; } .h-11-rem { height: 11rem; } .h-12-rem { height: 12rem; } .h-13-rem { height: 13rem; } .h-14-rem { height: 14rem; } .h-15-rem { height: 15rem; } .h-16-rem { height: 16rem; } .h-17-rem { height: 17rem; } .h-18-rem { height: 18rem; } .h-19-rem { height: 19rem; } .h-20-rem { height: 20rem; } .h-21-rem { height: 21rem; } .h-22-rem { height: 22rem; } .h-23-rem { height: 23rem; } .h-24-rem { height: 24rem; } .h-25-rem { height: 25rem; } .h-26-rem { height: 26rem; } .h-27-rem { height: 27rem; } .h-28-rem { height: 28rem; } .h-29-rem { height: 29rem; } .h-30-rem { height: 30rem; } .h-31-rem { height: 31rem; } .h-32-rem { height: 32rem; } .h-33-rem { height: 33rem; } .h-34-rem { height: 34rem; } .h-35-rem { height: 35rem; } .h-36-rem { height: 36rem; } .h-37-rem { height: 37rem; } .h-38-rem { height: 38rem; } .h-39-rem { height: 39rem; } .h-40-rem { height: 40rem; } .h-41-rem { height: 41rem; } .h-42-rem { height: 42rem; } .h-43-rem { height: 43rem; } .h-44-rem { height: 44rem; } .h-45-rem { height: 45rem; } .h-46-rem { height: 46rem; } .h-47-rem { height: 47rem; } .h-48-rem { height: 48rem; } .h-49-rem { height: 49rem; } .h-50-rem { height: 50rem; } .h-51-rem { height: 51rem; } .h-52-rem { height: 52rem; } .h-53-rem { height: 53rem; } .h-54-rem { height: 54rem; } .h-55-rem { height: 55rem; } .h-56-rem { height: 56rem; } .h-57-rem { height: 57rem; } .h-58-rem { height: 58rem; } .h-59-rem { height: 59rem; } .h-60-rem { height: 60rem; } .h-61-rem { height: 61rem; } .h-62-rem { height: 62rem; } .h-63-rem { height: 63rem; } .h-64-rem { height: 64rem; } .h-65-rem { height: 65rem; } .h-66-rem { height: 66rem; } .h-67-rem { height: 67rem; } .h-68-rem { height: 68rem; } .h-69-rem { height: 69rem; } .h-70-rem { height: 70rem; } .h-71-rem { height: 71rem; } .h-72-rem { height: 72rem; } .h-73-rem { height: 73rem; } .h-74-rem { height: 74rem; } .h-75-rem { height: 75rem; } .h-76-rem { height: 76rem; } .h-77-rem { height: 77rem; } .h-78-rem { height: 78rem; } .h-79-rem { height: 79rem; } .h-80-rem { height: 80rem; } .h-81-rem { height: 81rem; } .h-82-rem { height: 82rem; } .h-83-rem { height: 83rem; } .h-84-rem { height: 84rem; } .h-85-rem { height: 85rem; } .h-86-rem { height: 86rem; } .h-87-rem { height: 87rem; } .h-88-rem { height: 88rem; } .h-89-rem { height: 89rem; } .h-90-rem { height: 90rem; } .h-91-rem { height: 91rem; } .h-92-rem { height: 92rem; } .h-93-rem { height: 93rem; } .h-94-rem { height: 94rem; } .h-95-rem { height: 95rem; } .h-96-rem { height: 96rem; } .h-97-rem { height: 97rem; } .h-98-rem { height: 98rem; } .h-99-rem { height: 99rem; } .h-100-rem { height: 100rem; } /* height in 1.25 to 100.25 rem */ .h-1-25-rem { height: 1.25rem; } .h-2-25-rem { height: 2.25rem; } .h-3-25-rem { height: 3.25rem; } .h-4-25-rem { height: 4.25rem; } .h-5-25-rem { height: 5.25rem; } .h-6-25-rem { height: 6.25rem; } .h-7-25-rem { height: 7.25rem; } .h-8-25-rem { height: 8.25rem; } .h-9-25-rem { height: 9.25rem; } .h-10-25-rem { height: 10.25rem; } .h-11-25-rem { height: 11.25rem; } .h-12-25-rem { height: 12.25rem; } .h-13-25-rem { height: 13.25rem; } .h-14-25-rem { height: 14.25rem; } .h-15-25-rem { height: 15.25rem; } .h-16-25-rem { height: 16.25rem; } .h-17-25-rem { height: 17.25rem; } .h-18-25-rem { height: 18.25rem; } .h-19-25-rem { height: 19.25rem; } .h-20-25-rem { height: 20.25rem; } .h-21-25-rem { height: 21.25rem; } .h-22-25-rem { height: 22.25rem; } .h-23-25-rem { height: 23.25rem; } .h-24-25-rem { height: 24.25rem; } .h-25-25-rem { height: 25.25rem; } .h-26-25-rem { height: 26.25rem; } .h-27-25-rem { height: 27.25rem; } .h-28-25-rem { height: 28.25rem; } .h-29-25-rem { height: 29.25rem; } .h-30-25-rem { height: 30.25rem; } .h-31-25-rem { height: 31.25rem; } .h-32-25-rem { height: 32.25rem; } .h-33-25-rem { height: 33.25rem; } .h-34-25-rem { height: 34.25rem; } .h-35-25-rem { height: 35.25rem; } .h-36-25-rem { height: 36.25rem; } .h-37-25-rem { height: 37.25rem; } .h-38-25-rem { height: 38.25rem; } .h-39-25-rem { height: 39.25rem; } .h-40-25-rem { height: 40.25rem; } .h-41-25-rem { height: 41.25rem; } .h-42-25-rem { height: 42.25rem; } .h-43-25-rem { height: 43.25rem; } .h-44-25-rem { height: 44.25rem; } .h-45-25-rem { height: 45.25rem; } .h-46-25-rem { height: 46.25rem; } .h-47-25-rem { height: 47.25rem; } .h-48-25-rem { height: 48.25rem; } .h-49-25-rem { height: 49.25rem; } .h-50-25-rem { height: 50.25rem; } .h-51-25-rem { height: 51.25rem; } .h-52-25-rem { height: 52.25rem; } .h-53-25-rem { height: 53.25rem; } .h-54-25-rem { height: 54.25rem; } .h-55-25-rem { height: 55.25rem; } .h-56-25-rem { height: 56.25rem; } .h-57-25-rem { height: 57.25rem; } .h-58-25-rem { height: 58.25rem; } .h-59-25-rem { height: 59.25rem; } .h-60-25-rem { height: 60.25rem; } .h-61-25-rem { height: 61.25rem; } .h-62-25-rem { height: 62.25rem; } .h-63-25-rem { height: 63.25rem; } .h-64-25-rem { height: 64.25rem; } .h-65-25-rem { height: 65.25rem; } .h-66-25-rem { height: 66.25rem; } .h-67-25-rem { height: 67.25rem; } .h-68-25-rem { height: 68.25rem; } .h-69-25-rem { height: 69.25rem; } .h-70-25-rem { height: 70.25rem; } .h-71-25-rem { height: 71.25rem; } .h-72-25-rem { height: 72.25rem; } .h-73-25-rem { height: 73.25rem; } .h-74-25-rem { height: 74.25rem; } .h-75-25-rem { height: 75.25rem; } .h-76-25-rem { height: 76.25rem; } .h-77-25-rem { height: 77.25rem; } .h-78-25-rem { height: 78.25rem; } .h-79-25-rem { height: 79.25rem; } .h-80-25-rem { height: 80.25rem; } .h-81-25-rem { height: 81.25rem; } .h-82-25-rem { height: 82.25rem; } .h-83-25-rem { height: 83.25rem; } .h-84-25-rem { height: 84.25rem; } .h-85-25-rem { height: 85.25rem; } .h-86-25-rem { height: 86.25rem; } .h-87-25-rem { height: 87.25rem; } .h-88-25-rem { height: 88.25rem; } .h-89-25-rem { height: 89.25rem; } .h-90-25-rem { height: 90.25rem; } .h-91-25-rem { height: 91.25rem; } .h-92-25-rem { height: 92.25rem; } .h-93-25-rem { height: 93.25rem; } .h-94-25-rem { height: 94.25rem; } .h-95-25-rem { height: 95.25rem; } .h-96-25-rem { height: 96.25rem; } .h-97-25-rem { height: 97.25rem; } .h-98-25-rem { height: 98.25rem; } .h-99-25-rem { height: 99.25rem; } .h-100-25-rem { height: 100.25rem; } /* height in 1.5 to 100.5 rem */ .h-1-5-rem { height: 1.5rem; } .h-2-5-rem { height: 2.5rem; } .h-3-5-rem { height: 3.5rem; } .h-4-5-rem { height: 4.5rem; } .h-5-5-rem { height: 5.5rem; } .h-6-5-rem { height: 6.5rem; } .h-7-5-rem { height: 7.5rem; } .h-8-5-rem { height: 8.5rem; } .h-9-5-rem { height: 9.5rem; } .h-10-5-rem { height: 10.5rem; } .h-11-5-rem { height: 11.5rem; } .h-12-5-rem { height: 12.5rem; } .h-13-5-rem { height: 13.5rem; } .h-14-5-rem { height: 14.5rem; } .h-15-5-rem { height: 15.5rem; } .h-16-5-rem { height: 16.5rem; } .h-17-5-rem { height: 17.5rem; } .h-18-5-rem { height: 18.5rem; } .h-19-5-rem { height: 19.5rem; } .h-20-5-rem { height: 20.5rem; } .h-21-5-rem { height: 21.5rem; } .h-22-5-rem { height: 22.5rem; } .h-23-5-rem { height: 23.5rem; } .h-24-5-rem { height: 24.5rem; } .h-25-5-rem { height: 25.5rem; } .h-26-5-rem { height: 26.5rem; } .h-27-5-rem { height: 27.5rem; } .h-28-5-rem { height: 28.5rem; } .h-29-5-rem { height: 29.5rem; } .h-30-5-rem { height: 30.5rem; } .h-31-5-rem { height: 31.5rem; } .h-32-5-rem { height: 32.5rem; } .h-33-5-rem { height: 33.5rem; } .h-34-5-rem { height: 34.5rem; } .h-35-5-rem { height: 35.5rem; } .h-36-5-rem { height: 36.5rem; } .h-37-5-rem { height: 37.5rem; } .h-38-5-rem { height: 38.5rem; } .h-39-5-rem { height: 39.5rem; } .h-40-5-rem { height: 40.5rem; } .h-41-5-rem { height: 41.5rem; } .h-42-5-rem { height: 42.5rem; } .h-43-5-rem { height: 43.5rem; } .h-44-5-rem { height: 44.5rem; } .h-45-5-rem { height: 45.5rem; } .h-46-5-rem { height: 46.5rem; } .h-47-5-rem { height: 47.5rem; } .h-48-5-rem { height: 48.5rem; } .h-49-5-rem { height: 49.5rem; } .h-50-5-rem { height: 50.5rem; } .h-51-5-rem { height: 51.5rem; } .h-52-5-rem { height: 52.5rem; } .h-53-5-rem { height: 53.5rem; } .h-54-5-rem { height: 54.5rem; } .h-55-5-rem { height: 55.5rem; } .h-56-5-rem { height: 56.5rem; } .h-57-5-rem { height: 57.5rem; } .h-58-5-rem { height: 58.5rem; } .h-59-5-rem { height: 59.5rem; } .h-60-5-rem { height: 60.5rem; } .h-61-5-rem { height: 61.5rem; } .h-62-5-rem { height: 62.5rem; } .h-63-5-rem { height: 63.5rem; } .h-64-5-rem { height: 64.5rem; } .h-65-5-rem { height: 65.5rem; } .h-66-5-rem { height: 66.5rem; } .h-67-5-rem { height: 67.5rem; } .h-68-5-rem { height: 68.5rem; } .h-69-5-rem { height: 69.5rem; } .h-70-5-rem { height: 70.5rem; } .h-71-5-rem { height: 71.5rem; } .h-72-5-rem { height: 72.5rem; } .h-73-5-rem { height: 73.5rem; } .h-74-5-rem { height: 74.5rem; } .h-75-5-rem { height: 75.5rem; } .h-76-5-rem { height: 76.5rem; } .h-77-5-rem { height: 77.5rem; } .h-78-5-rem { height: 78.5rem; } .h-79-5-rem { height: 79.5rem; } .h-80-5-rem { height: 80.5rem; } .h-81-5-rem { height: 81.5rem; } .h-82-5-rem { height: 82.5rem; } .h-83-5-rem { height: 83.5rem; } .h-84-5-rem { height: 84.5rem; } .h-85-5-rem { height: 85.5rem; } .h-86-5-rem { height: 86.5rem; } .h-87-5-rem { height: 87.5rem; } .h-88-5-rem { height: 88.5rem; } .h-89-5-rem { height: 89.5rem; } .h-90-5-rem { height: 90.5rem; } .h-91-5-rem { height: 91.5rem; } .h-92-5-rem { height: 92.5rem; } .h-93-5-rem { height: 93.5rem; } .h-94-5-rem { height: 94.5rem; } .h-95-5-rem { height: 95.5rem; } .h-96-5-rem { height: 96.5rem; } .h-97-5-rem { height: 97.5rem; } .h-98-5-rem { height: 98.5rem; } .h-99-5-rem { height: 99.5rem; } .h-100-5-rem { height: 100.5rem; } /* height in 1.75 to 100.75 rem */ .h-1-75-rem { height: 1.75rem; } .h-2-75-rem { height: 2.75rem; } .h-3-75-rem { height: 3.75rem; } .h-4-75-rem { height: 4.75rem; } .h-5-75-rem { height: 5.75rem; } .h-6-75-rem { height: 6.75rem; } .h-7-75-rem { height: 7.75rem; } .h-8-75-rem { height: 8.75rem; } .h-9-75-rem { height: 9.75rem; } .h-10-75-rem { height: 10.75rem; } .h-11-75-rem { height: 11.75rem; } .h-12-75-rem { height: 12.75rem; } .h-13-75-rem { height: 13.75rem; } .h-14-75-rem { height: 14.75rem; } .h-15-75-rem { height: 15.75rem; } .h-16-75-rem { height: 16.75rem; } .h-17-75-rem { height: 17.75rem; } .h-18-75-rem { height: 18.75rem; } .h-19-75-rem { height: 19.75rem; } .h-20-75-rem { height: 20.75rem; } .h-21-75-rem { height: 21.75rem; } .h-22-75-rem { height: 22.75rem; } .h-23-75-rem { height: 23.75rem; } .h-24-75-rem { height: 24.75rem; } .h-25-75-rem { height: 25.75rem; } .h-26-75-rem { height: 26.75rem; } .h-27-75-rem { height: 27.75rem; } .h-28-75-rem { height: 28.75rem; } .h-29-75-rem { height: 29.75rem; } .h-30-75-rem { height: 30.75rem; } .h-31-75-rem { height: 31.75rem; } .h-32-75-rem { height: 32.75rem; } .h-33-75-rem { height: 33.75rem; } .h-34-75-rem { height: 34.75rem; } .h-35-75-rem { height: 35.75rem; } .h-36-75-rem { height: 36.75rem; } .h-37-75-rem { height: 37.75rem; } .h-38-75-rem { height: 38.75rem; } .h-39-75-rem { height: 39.75rem; } .h-40-75-rem { height: 40.75rem; } .h-41-75-rem { height: 41.75rem; } .h-42-75-rem { height: 42.75rem; } .h-43-75-rem { height: 43.75rem; } .h-44-75-rem { height: 44.75rem; } .h-45-75-rem { height: 45.75rem; } .h-46-75-rem { height: 46.75rem; } .h-47-75-rem { height: 47.75rem; } .h-48-75-rem { height: 48.75rem; } .h-49-75-rem { height: 49.75rem; } .h-50-75-rem { height: 50.75rem; } .h-51-75-rem { height: 51.75rem; } .h-52-75-rem { height: 52.75rem; } .h-53-75-rem { height: 53.75rem; } .h-54-75-rem { height: 54.75rem; } .h-55-75-rem { height: 55.75rem; } .h-56-75-rem { height: 56.75rem; } .h-57-75-rem { height: 57.75rem; } .h-58-75-rem { height: 58.75rem; } .h-59-75-rem { height: 59.75rem; } .h-60-75-rem { height: 60.75rem; } .h-61-75-rem { height: 61.75rem; } .h-62-75-rem { height: 62.75rem; } .h-63-75-rem { height: 63.75rem; } .h-64-75-rem { height: 64.75rem; } .h-65-75-rem { height: 65.75rem; } .h-66-75-rem { height: 66.75rem; } .h-67-75-rem { height: 67.75rem; } .h-68-75-rem { height: 68.75rem; } .h-69-75-rem { height: 69.75rem; } .h-70-75-rem { height: 70.75rem; } .h-71-75-rem { height: 71.75rem; } .h-72-75-rem { height: 72.75rem; } .h-73-75-rem { height: 73.75rem; } .h-74-75-rem { height: 74.75rem; } .h-75-75-rem { height: 75.75rem; } .h-76-75-rem { height: 76.75rem; } .h-77-75-rem { height: 77.75rem; } .h-78-75-rem { height: 78.75rem; } .h-79-75-rem { height: 79.75rem; } .h-80-75-rem { height: 80.75rem; } .h-81-75-rem { height: 81.75rem; } .h-82-75-rem { height: 82.75rem; } .h-83-75-rem { height: 83.75rem; } .h-84-75-rem { height: 84.75rem; } .h-85-75-rem { height: 85.75rem; } .h-86-75-rem { height: 86.75rem; } .h-87-75-rem { height: 87.75rem; } .h-88-75-rem { height: 88.75rem; } .h-89-75-rem { height: 89.75rem; } .h-90-75-rem { height: 90.75rem; } .h-91-75-rem { height: 91.75rem; } .h-92-75-rem { height: 92.75rem; } .h-93-75-rem { height: 93.75rem; } .h-94-75-rem { height: 94.75rem; } .h-95-75-rem { height: 95.75rem; } .h-96-75-rem { height: 96.75rem; } .h-97-75-rem { height: 97.75rem; } .h-98-75-rem { height: 98.75rem; } .h-99-75-rem { height: 99.75rem; } .h-100-75-rem { height: 100.75rem; } .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}} .flatpickr-monthSelect-months { margin: 10px 1px 3px 1px; flex-wrap: wrap; } .flatpickr-monthSelect-month { background: none; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; color: #393939; cursor: pointer; display: inline-block; font-weight: 400; margin: 0.5px; justify-content: center; padding: 10px; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; text-align: center; width: 33%; } .flatpickr-monthSelect-month.flatpickr-disabled { color: #eee; } .flatpickr-monthSelect-month.flatpickr-disabled:hover, .flatpickr-monthSelect-month.flatpickr-disabled:focus { cursor: not-allowed; background: none !important; } .flatpickr-monthSelect-theme-dark { background: #3f4458; } .flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year { color: #fff; } .flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month, .flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month { color: #fff; fill: #fff; } .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month { color: rgba(255, 255, 255, 0.95); } .flatpickr-monthSelect-month.today { border-color: #959ea9; } .flatpickr-monthSelect-month.inRange, .flatpickr-monthSelect-month.inRange.today, .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-month:focus { background: #e6e6e6; cursor: pointer; outline: 0; border-color: #e6e6e6; } .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus { background: #646c8c; border-color: #646c8c; } .flatpickr-monthSelect-month.today:hover, .flatpickr-monthSelect-month.today:focus { background: #959ea9; border-color: #959ea9; color: #fff; } .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange { background-color: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-monthSelect-month.startRange { border-radius: 50px 0 0 50px; } .flatpickr-monthSelect-month.endRange { border-radius: 0 50px 50px 0; } .flatpickr-monthSelect-month.startRange.endRange { border-radius: 50px; } .flatpickr-monthSelect-month.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange { background: #80cbc4; box-shadow: none; color: #fff; border-color: #80cbc4; } @charset "UTF-8"; /* * Application styles. Compiled by sass-rails / Sprockets from the Gemfile. */ @font-face { font-family: IcoFont; font-weight: 400; font-style: normal; src: url(/assets/icofont-fc87933e0c3115f8a6c536dcec3c0832d4ddccd184669a3b63b9330c75cb9b81.woff2) format("woff2"), url(/assets/icofont-f3155ed0f8c9c250abde08cbad98bf845e3b2c72444d5fe56f6d4dca3ab32ac9.woff) format("woff"); } @font-face { font-family: LineIcons; font-weight: 400; font-style: normal; src: url(/assets/LineIcons-7214e097df28624ef7e37238d50d474859b774bea2f04444c87896d391d5dc5e.woff) format("woff"), url(/assets/LineIcons-4a32d377ede49bd742e761199f15d487cbe2b5062d8885d5814ad78e96481854.ttf) format("truetype"); } /* Theme tokens — light (default) and dark. Portal Sass vars map to these. */ /* line 3, app/assets/stylesheets/_theme-tokens.scss */ :root { --portal-primary: #2962ff; --portal-primary-d: #1e4bd8; --portal-indigo: #5b4be6; --portal-ink: #0f1729; --portal-ink-2: #131c33; --portal-slate: #4a5568; --portal-muted: #6b7385; --portal-line: #e7eaf3; --portal-bg: #f6f8ff; --portal-surface: #ffffff; --portal-surface-2: #f8faff; --portal-elevated: #ffffff; --portal-input-bg: #ffffff; --portal-shadow: 0 18px 40px -18px rgba(23, 43, 99, 0.28); --portal-shadow-sm: 0 8px 24px -12px rgba(23, 43, 99, 0.18); --portal-navbar-bg: rgba(255, 255, 255, 0.94); --portal-sidebar-bg: linear-gradient(180deg, #ffffff 0%, #f8faff 100%); --portal-hover-fill: rgba(41, 98, 255, 0.06); --portal-hover-fill-strong: rgba(41, 98, 255, 0.1); --portal-progress-track: #e9edfb; color-scheme: light; } /* line 27, app/assets/stylesheets/_theme-tokens.scss */ html[data-theme="dark"] { --portal-primary: #5b8aff; --portal-primary-d: #4a7af0; --portal-indigo: #8b7cf0; --portal-ink: #f1f5ff; --portal-ink-2: #dce3f2; --portal-slate: #c5cddd; --portal-muted: #a3acc0; --portal-line: #2a3347; --portal-bg: #0c1018; --portal-surface: #151c2c; --portal-surface-2: #111827; --portal-elevated: #1a2336; --portal-input-bg: #111827; --portal-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); --portal-shadow-sm: 0 8px 24px -12px rgba(0, 0, 0, 0.45); --portal-navbar-bg: rgba(21, 28, 44, 0.94); --portal-sidebar-bg: linear-gradient(180deg, #151c2c 0%, #111827 100%); --portal-hover-fill: rgba(91, 138, 255, 0.12); --portal-hover-fill-strong: rgba(91, 138, 255, 0.18); --portal-progress-track: #1e283c; color-scheme: dark; } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_root.scss */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Nunito", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ *, *::before, *::after { box-sizing: border-box; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ body { margin: 0; font-family: "Nunito", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } /* line 76, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ hr { box-sizing: content-box; height: 0; overflow: visible; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } /* line 101, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ p { margin-top: 0; margin-bottom: 1rem; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } /* line 123, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } /* line 129, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } /* line 136, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } /* line 143, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ dt { font-weight: 700; } /* line 147, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ dd { margin-bottom: .5rem; margin-left: 0; } /* line 152, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ blockquote { margin: 0 0 1rem; } /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ b, strong { font-weight: bolder; } /* line 161, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ small { font-size: 80%; } /* line 170, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } /* line 178, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ sub { bottom: -.25em; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ sup { top: -.5em; } /* line 186, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ a { color: #007bff; text-decoration: none; background-color: transparent; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a:hover { color: #0056b3; text-decoration: underline; } /* line 202, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ a:not([href]):not([class]) { color: inherit; text-decoration: none; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } /* line 225, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } /* line 242, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ figure { margin: 0 0 1rem; } /* line 252, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ img { vertical-align: middle; border-style: none; } /* line 257, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ svg { overflow: hidden; vertical-align: middle; } /* line 269, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ table { border-collapse: collapse; } /* line 273, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } /* line 285, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ th { text-align: inherit; text-align: -webkit-match-parent; } /* line 296, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ label { display: inline-block; margin-bottom: 0.5rem; } /* line 305, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button { border-radius: 0; } /* line 315, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button:focus:not(:focus-visible) { outline: 0; } /* line 319, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } /* line 330, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button, input { overflow: visible; } /* line 335, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button, select { text-transform: none; } /* line 343, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [role="button"] { cursor: pointer; } /* line 350, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ select { word-wrap: normal; } /* line 358, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /* line 371, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } /* line 378, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } /* line 386, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } /* line 393, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ textarea { overflow: auto; resize: vertical; } /* line 399, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } /* line 414, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } /* line 426, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ progress { vertical-align: baseline; } /* line 431, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /* line 436, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [type="search"] { outline-offset: -2px; -webkit-appearance: none; } /* line 449, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* line 458, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } /* line 467, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ output { display: inline-block; } /* line 471, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ summary { display: list-item; cursor: pointer; } /* line 476, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ template { display: none; } /* line 482, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_reboot.scss */ [hidden] { display: none !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h1, .h1 { font-size: 2.5rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h2, .h2 { font-size: 2rem; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h3, .h3 { font-size: 1.75rem; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h4, .h4 { font-size: 1.5rem; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h5, .h5 { font-size: 1.25rem; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ h6, .h6 { font-size: 1rem; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .lead { font-size: 1.25rem; font-weight: 300; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } /* line 55, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } /* line 67, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ small, .small { font-size: 0.875em; font-weight: 400; } /* line 73, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ mark, .mark { padding: 0.2em; background-color: #fcf8e3; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .list-unstyled { padding-left: 0; list-style: none; } /* line 89, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .list-inline { padding-left: 0; list-style: none; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .list-inline-item { display: inline-block; } /* line 95, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .list-inline-item:not(:last-child) { margin-right: 0.5rem; } /* line 106, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .initialism { font-size: 90%; text-transform: uppercase; } /* line 112, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } /* line 117, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } /* line 122, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_type.scss */ .blockquote-footer::before { content: "\2014\00A0"; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_images.scss */ .img-fluid { max-width: 100%; height: auto; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_images.scss */ .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_images.scss */ .figure { display: inline-block; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_images.scss */ .figure-img { margin-bottom: 0.5rem; line-height: 1; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_images.scss */ .figure-caption { font-size: 90%; color: #6c757d; } /* line 2, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ a > code { color: inherit; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ pre { display: block; font-size: 87.5%; color: #212529; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ pre code { font-size: inherit; color: inherit; word-break: normal; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_code.scss */ .pre-scrollable { max-height: 340px; overflow-y: scroll; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /* line 55, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .no-gutters { margin-right: 0; margin-left: 0; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_grid.scss */ .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-3 { flex: 0 0 25%; max-width: 25%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-6 { flex: 0 0 50%; max-width: 50%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-9 { flex: 0 0 75%; max-width: 75%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-12 { flex: 0 0 100%; max-width: 100%; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-first { order: -1; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-last { order: 13; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-0 { order: 0; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-1 { order: 1; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-2 { order: 2; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-3 { order: 3; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-4 { order: 4; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-5 { order: 5; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-6 { order: 6; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-7 { order: 7; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-8 { order: 8; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-9 { order: 9; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-10 { order: 10; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-11 { order: 11; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-12 { order: 12; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-1 { margin-left: 8.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-2 { margin-left: 16.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-3 { margin-left: 25%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-4 { margin-left: 33.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-5 { margin-left: 41.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-6 { margin-left: 50%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-7 { margin-left: 58.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-8 { margin-left: 66.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-9 { margin-left: 75%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-10 { margin-left: 83.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-3 { flex: 0 0 25%; max-width: 25%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-6 { flex: 0 0 50%; max-width: 50%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-9 { flex: 0 0 75%; max-width: 75%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-sm-12 { flex: 0 0 100%; max-width: 100%; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-first { order: -1; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-last { order: 13; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-0 { order: 0; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-1 { order: 1; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-2 { order: 2; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-3 { order: 3; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-4 { order: 4; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-5 { order: 5; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-6 { order: 6; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-7 { order: 7; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-8 { order: 8; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-9 { order: 9; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-10 { order: 10; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-11 { order: 11; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-sm-12 { order: 12; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-0 { margin-left: 0; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-1 { margin-left: 8.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-2 { margin-left: 16.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-3 { margin-left: 25%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-4 { margin-left: 33.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-5 { margin-left: 41.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-6 { margin-left: 50%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-7 { margin-left: 58.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-8 { margin-left: 66.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-9 { margin-left: 75%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-10 { margin-left: 83.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-3 { flex: 0 0 25%; max-width: 25%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-6 { flex: 0 0 50%; max-width: 50%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-9 { flex: 0 0 75%; max-width: 75%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-md-12 { flex: 0 0 100%; max-width: 100%; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-first { order: -1; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-last { order: 13; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-0 { order: 0; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-1 { order: 1; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-2 { order: 2; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-3 { order: 3; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-4 { order: 4; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-5 { order: 5; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-6 { order: 6; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-7 { order: 7; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-8 { order: 8; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-9 { order: 9; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-10 { order: 10; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-11 { order: 11; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-md-12 { order: 12; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-0 { margin-left: 0; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-1 { margin-left: 8.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-2 { margin-left: 16.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-3 { margin-left: 25%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-4 { margin-left: 33.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-5 { margin-left: 41.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-6 { margin-left: 50%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-7 { margin-left: 58.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-8 { margin-left: 66.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-9 { margin-left: 75%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-10 { margin-left: 83.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-3 { flex: 0 0 25%; max-width: 25%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-6 { flex: 0 0 50%; max-width: 50%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-9 { flex: 0 0 75%; max-width: 75%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-lg-12 { flex: 0 0 100%; max-width: 100%; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-first { order: -1; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-last { order: 13; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-0 { order: 0; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-1 { order: 1; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-2 { order: 2; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-3 { order: 3; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-4 { order: 4; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-5 { order: 5; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-6 { order: 6; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-7 { order: 7; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-8 { order: 8; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-9 { order: 9; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-10 { order: 10; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-11 { order: 11; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-lg-12 { order: 12; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-0 { margin-left: 0; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-1 { margin-left: 8.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-2 { margin-left: 16.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-3 { margin-left: 25%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-4 { margin-left: 33.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-5 { margin-left: 41.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-6 { margin-left: 50%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-7 { margin-left: 58.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-8 { margin-left: 66.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-9 { margin-left: 75%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-10 { margin-left: 83.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid.scss */ .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-3 { flex: 0 0 25%; max-width: 25%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-6 { flex: 0 0 50%; max-width: 50%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-9 { flex: 0 0 75%; max-width: 75%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .col-xl-12 { flex: 0 0 100%; max-width: 100%; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-first { order: -1; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-last { order: 13; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-0 { order: 0; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-1 { order: 1; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-2 { order: 2; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-3 { order: 3; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-4 { order: 4; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-5 { order: 5; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-6 { order: 6; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-7 { order: 7; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-8 { order: 8; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-9 { order: 9; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-10 { order: 10; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-11 { order: 11; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .order-xl-12 { order: 12; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-0 { margin-left: 0; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-1 { margin-left: 8.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-2 { margin-left: 16.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-3 { margin-left: 25%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-4 { margin-left: 33.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-5 { margin-left: 41.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-6 { margin-left: 50%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-7 { margin-left: 58.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-8 { margin-left: 66.66666667%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-9 { margin-left: 75%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-10 { margin-left: 83.33333333%; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */ .offset-xl-11 { margin-left: 91.66666667%; } } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table { width: 100%; margin-bottom: 1rem; color: #212529; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table tbody + tbody { border-top: 2px solid #dee2e6; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-sm th, .table-sm td { padding: 0.3rem; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-bordered { border: 1px solid #dee2e6; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } /* line 62, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } /* line 75, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-primary:hover { background-color: #9fcdff; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-secondary:hover { background-color: #c8cbcf; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-success:hover { background-color: #b1dfbb; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-info:hover { background-color: #abdde5; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-warning:hover { background-color: #ffe8a1; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-danger:hover { background-color: #f1b0b7; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-light:hover { background-color: #ececf6; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-dark:hover { background-color: #b9bbbe; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_table-row.scss */ .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } /* line 122, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } /* line 130, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-dark { color: #fff; background-color: #343a40; } /* line 134, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } /* line 140, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-dark.table-bordered { border: 0; } /* line 145, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { /* line 171, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { /* line 171, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { /* line 171, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { /* line 171, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive-xl > .table-bordered { border: 0; } } /* line 171, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 179, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tables.scss */ .table-responsive > .table-bordered { border: 0; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control { transition: none; } } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control::-ms-expand { background-color: transparent; border: 0; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } /* line 60, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* line 67, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control-file, .form-control-range { display: block; width: 100%; } /* line 97, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } /* line 112, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } /* line 125, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } /* line 137, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } /* line 152, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } /* line 160, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } /* line 170, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ select.form-control[size], select.form-control[multiple] { height: auto; } /* line 176, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ textarea.form-control { height: auto; } /* line 185, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-group { margin-bottom: 1rem; } /* line 189, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-text { display: block; margin-top: 0.25rem; } /* line 199, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } /* line 205, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check { position: relative; display: block; padding-left: 1.25rem; } /* line 223, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } /* line 229, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } /* line 235, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check-label { margin-bottom: 0; } /* line 239, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } /* line 246, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } /* line 69, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } /* line 76, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } /* line 93, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } /* line 129, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* line 138, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } /* line 142, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } /* line 150, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } /* line 153, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } /* line 159, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } /* line 166, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* line 170, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } /* line 185, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } /* line 69, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } /* line 76, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } /* line 93, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } /* line 129, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* line 138, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } /* line 142, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } /* line 150, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } /* line 153, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } /* line 159, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } /* line 166, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* line 170, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } /* line 185, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_forms.scss */ .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* line 275, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline { display: flex; flex-flow: row wrap; align-items: center; } /* line 283, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-check { width: 100%; } @media (min-width: 576px) { /* line 289, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } /* line 297, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } /* line 306, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } /* line 313, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-control-plaintext { display: inline-block; } /* line 317, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .input-group, .form-inline .custom-select { width: auto; } /* line 324, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } /* line 331, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } /* line 339, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .custom-control { align-items: center; justify-content: center; } /* line 343, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_forms.scss */ .form-inline .custom-control-label { margin-bottom: 0; } } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn { transition: none; } } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn:hover { color: #212529; text-decoration: none; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn.disabled, .btn:disabled { opacity: 0.65; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn:not(:disabled):not(.disabled) { cursor: pointer; } /* line 55, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-success:not(:disabled):not(.disabled):active, .btn-success.active:not(:disabled):not(.disabled), .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success.active:not(:disabled):not(.disabled):focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-info:not(:disabled):not(.disabled):active, .btn-info.active:not(:disabled):not(.disabled), .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info.active:not(:disabled):not(.disabled):focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:not(:disabled):not(.disabled), .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-light:not(:disabled):not(.disabled):active, .btn-light.active:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light.active:not(:disabled):not(.disabled):focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } /* line 66, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } /* line 43, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark.active:not(:disabled):not(.disabled), .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-primary { color: #007bff; border-color: #007bff; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:not(:disabled):not(.disabled), .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-success { color: #28a745; border-color: #28a745; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success.active:not(:disabled):not(.disabled), .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info.active:not(:disabled):not(.disabled), .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-warning { color: #ffc107; border-color: #ffc107; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning.active:not(:disabled):not(.disabled), .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-danger { color: #dc3545; border-color: #dc3545; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger.active:not(:disabled):not(.disabled), .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light.active:not(:disabled):not(.disabled), .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-outline-dark { color: #343a40; border-color: #343a40; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark.active:not(:disabled):not(.disabled), .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_buttons.scss */ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } /* line 83, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-link:hover { color: #0056b3; text-decoration: underline; } /* line 93, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-link:focus, .btn-link.focus { text-decoration: underline; } /* line 98, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } /* line 112, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } /* line 116, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } /* line 125, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-block { display: block; width: 100%; } /* line 130, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ .btn-block + .btn-block { margin-top: 0.5rem; } /* line 139, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_buttons.scss */ input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .fade { transition: none; } } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .fade:not(.show) { opacity: 0; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .collapse:not(.show) { display: none; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .collapsing { transition: none; } } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_transitions.scss */ .collapsing.width { transition: none; } } /* line 2, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropup, .dropright, .dropdown, .dropleft { position: relative; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-toggle { white-space: nowrap; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropdown-toggle:empty::after { margin-left: 0; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-left { right: auto; left: 0; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-sm-left { right: auto; left: 0; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-md-left { right: auto; left: 0; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-lg-left { right: auto; left: 0; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-xl-left { right: auto; left: 0; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu-xl-right { right: 0; left: auto; } } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropup .dropdown-toggle:empty::after { margin-left: 0; } /* line 70, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropright .dropdown-toggle:empty::after { margin-left: 0; } /* line 80, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropright .dropdown-toggle::after { vertical-align: 0; } /* line 87, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropleft .dropdown-toggle::after { display: none; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_caret.scss */ .dropleft .dropdown-toggle:empty::after { margin-left: 0; } /* line 97, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropleft .dropdown-toggle::before { vertical-align: 0; } /* line 106, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } /* line 116, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } /* line 123, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } /* line 161, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } /* line 173, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-menu.show { display: block; } /* line 178, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } /* line 188, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_dropdown.scss */ .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-toolbar .input-group { width: auto; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 69, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } /* line 73, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .dropleft .dropdown-toggle-split::before { margin-right: 0; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } /* line 89, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } /* line 111, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } /* line 116, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } /* line 121, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } /* line 127, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 132, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } /* line 152, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_button-group.scss */ .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .custom-file .custom-file-input:focus { z-index: 4; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 50, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .custom-file { display: flex; align-items: center; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 56, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 60, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 69, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 85, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-prepend, .input-group-append { display: flex; } /* line 92, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } /* line 101, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } /* line 109, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-prepend { margin-right: -1px; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-append { margin-left: -1px; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } /* line 134, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } /* line 146, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } /* line 151, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } /* line 163, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } /* line 168, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } /* line 193, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 204, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_input-group.scss */ .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-inline { display: inline-flex; margin-right: 1rem; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } /* line 62, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } /* line 76, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } /* line 99, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } /* line 117, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } /* line 122, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } /* line 128, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } /* line 133, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } /* line 139, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } /* line 142, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } /* line 153, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-radio .custom-control-label::before { border-radius: 50%; } /* line 159, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } /* line 165, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } /* line 176, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch { padding-left: 2.25rem; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } /* line 188, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 188, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch .custom-control-label::after { transition: none; } } /* line 201, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } /* line 208, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } /* line 221, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* line 238, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 248, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } /* line 259, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } /* line 266, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } /* line 272, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select::-ms-expand { display: none; } /* line 277, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } /* line 283, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } /* line 291, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } /* line 304, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } /* line 312, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } /* line 321, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 327, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } /* line 333, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } /* line 338, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } /* line 343, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } /* line 361, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } /* line 385, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* line 392, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:focus { outline: 0; } /* line 397, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 398, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 399, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 402, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-moz-focus-outer { border: 0; } /* line 406, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { /* line 406, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } /* line 417, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } /* line 422, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } /* line 433, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { /* line 433, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } /* line 443, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } /* line 448, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } /* line 459, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { /* line 459, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } /* line 472, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-thumb:active { background-color: #b3d7ff; } /* line 477, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } /* line 488, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } /* line 493, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } /* line 500, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } /* line 504, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } /* line 508, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } /* line 512, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:disabled::-moz-range-track { cursor: default; } /* line 516, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } /* line 522, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 522, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_custom-forms.scss */ .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-link { display: block; padding: 0.5rem 1rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .nav-link:hover, .nav-link:focus { text-decoration: none; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-tabs { border-bottom: 1px solid #dee2e6; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } /* line 50, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } /* line 64, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } /* line 78, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } /* line 97, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } /* line 119, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .tab-content > .tab-pane { display: none; } /* line 122, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_nav.scss */ .tab-content > .active { display: block; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } /* line 71, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } /* line 78, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } /* line 83, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-nav .dropdown-menu { position: static; float: none; } /* line 94, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } /* line 109, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } /* line 133, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; } /* line 142, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } /* line 177, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-nav { flex-direction: row; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } /* line 184, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } /* line 206, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } /* line 177, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-nav { flex-direction: row; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } /* line 184, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } /* line 206, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-nav-scroll { overflow: visible; } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } /* line 177, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-nav { flex-direction: row; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } /* line 184, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } /* line 206, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } /* line 177, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-nav { flex-direction: row; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } /* line 184, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } /* line 206, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand-xl .navbar-toggler { display: none; } } /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } /* line 156, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } /* line 177, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-nav { flex-direction: row; } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } /* line 184, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } /* line 206, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-nav-scroll { overflow: visible; } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } /* line 217, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-expand .navbar-toggler { display: none; } /* line 232, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } /* line 241, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } /* line 248, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } /* line 253, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } /* line 261, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } /* line 266, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* line 270, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } /* line 272, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } /* line 284, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-brand { color: #fff; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } /* line 293, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } /* line 300, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } /* line 305, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } /* line 313, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } /* line 318, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* line 322, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } /* line 324, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_navbar.scss */ .navbar-dark .navbar-text a { color: #fff; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card > hr { margin-right: 0; margin-left: 0; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card > .list-group { border-top: inherit; border-bottom: inherit; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } /* line 56, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-title { margin-bottom: 0.75rem; } /* line 60, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-text:last-child { margin-bottom: 0; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .card-link:hover { text-decoration: none; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-link + .card-link { margin-left: 1.25rem; } /* line 83, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } /* line 90, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } /* line 95, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } /* line 101, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } /* line 111, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } /* line 124, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } /* line 134, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } /* line 141, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } /* line 146, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } /* line 155, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { /* line 154, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } /* line 165, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } /* line 183, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group { display: flex; flex-flow: row wrap; } /* line 192, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } /* line 197, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card + .card { margin-left: 0; border-left: 0; } /* line 204, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 207, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } /* line 212, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } /* line 219, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 222, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } /* line 227, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } /* line 244, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { /* line 243, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } /* line 254, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .card-columns .card { display: inline-block; width: 100%; } } /* line 266, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .accordion { overflow-anchor: none; } /* line 269, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .accordion > .card { overflow: hidden; } /* line 272, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 277, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } /* line 281, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_card.scss */ .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_breadcrumb.scss */ .breadcrumb-item.active { color: #6c757d; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_pagination.scss */ .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_pagination.scss */ .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge { transition: none; } } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge:hover, a.badge:focus { text-decoration: none; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge:empty { display: none; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .btn .badge { position: relative; top: -1px; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-primary { color: #fff; background-color: #007bff; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-secondary { color: #fff; background-color: #6c757d; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-success { color: #fff; background-color: #28a745; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-info { color: #fff; background-color: #17a2b8; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-warning { color: #212529; background-color: #ffc107; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-danger { color: #fff; background-color: #dc3545; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-light { color: #212529; background-color: #f8f9fa; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_badge.scss */ .badge-dark { color: #fff; background-color: #343a40; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_badge.scss */ a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_jumbotron.scss */ .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_jumbotron.scss */ .jumbotron { padding: 4rem 2rem; } } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_jumbotron.scss */ .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-heading { color: inherit; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-link { font-weight: 700; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-dismissible { padding-right: 4rem; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-primary hr { border-top-color: #9fcdff; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-primary .alert-link { color: #002752; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-secondary hr { border-top-color: #c8cbcf; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-secondary .alert-link { color: #202326; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-success hr { border-top-color: #b1dfbb; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-success .alert-link { color: #0b2e13; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-info hr { border-top-color: #abdde5; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-info .alert-link { color: #062c33; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-warning hr { border-top-color: #ffe8a1; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-warning .alert-link { color: #533f03; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-danger hr { border-top-color: #f1b0b7; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-danger .alert-link { color: #491217; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-light hr { border-top-color: #ececf6; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-light .alert-link { color: #686868; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_alert.scss */ .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-dark hr { border-top-color: #b9bbbe; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_alert.scss */ .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress-bar { transition: none; } } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_progress.scss */ .progress-bar-animated { animation: none; } } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_media.scss */ .media { display: flex; align-items: flex-start; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_media.scss */ .media-body { flex: 1; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item-action:active { color: #212529; background-color: #e9ecef; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } /* line 62, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } /* line 70, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } /* line 77, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item + .list-group-item { border-top-width: 0; } /* line 80, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal { flex-direction: row; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal > .list-group-item.active { margin-top: 0; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm { flex-direction: row; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md { flex-direction: row; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg { flex-direction: row; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl { flex-direction: row; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } /* line 105, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } /* line 110, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } /* line 118, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } /* line 134, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-flush { border-radius: 0; } /* line 137, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-flush > .list-group-item { border-width: 0 0 1px; } /* line 140, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_list-group.scss */ .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-primary { color: #004085; background-color: #b8daff; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-success { color: #155724; background-color: #c3e6cb; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-info { color: #0c5460; background-color: #bee5eb; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-warning { color: #856404; background-color: #ffeeba; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-light { color: #818182; background-color: #fdfdfe; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_list-group.scss */ .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_close.scss */ .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .close:hover { color: #000; text-decoration: none; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_close.scss */ button.close { padding: 0; background-color: transparent; border: 0; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_close.scss */ a.close.disabled { pointer-events: none; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast:not(:last-child) { margin-bottom: 0.75rem; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast.showing { opacity: 1; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast.show { display: block; opacity: 1; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast.hide { display: none; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_toasts.scss */ .toast-body { padding: 0.75rem; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-open { overflow: hidden; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-open .modal { overflow-x: hidden; overflow-y: auto; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } /* line 36, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal.fade .modal-dialog { transition: none; } } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal.show .modal-dialog { transform: none; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal.modal-static .modal-dialog { transform: scale(1.02); } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } /* line 62, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } /* line 67, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable .modal-body { overflow-y: auto; } /* line 77, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } /* line 83, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -moz-min-content; height: min-content; content: ""; } /* line 91, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } /* line 96, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } /* line 100, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } /* line 107, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } /* line 125, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } /* line 135, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-backdrop.fade { opacity: 0; } /* line 136, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-backdrop.show { opacity: 0.5; } /* line 141, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } /* line 149, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } /* line 157, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-title { margin-bottom: 0; line-height: 1.5; } /* line 164, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } /* line 173, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } /* line 185, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-footer > * { margin: 0.25rem; } /* line 191, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { /* line 202, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog { max-width: 500px; margin: 1.75rem auto; } /* line 207, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } /* line 210, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } /* line 215, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered { min-height: calc(100% - 3.5rem); } /* line 218, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -moz-min-content; height: min-content; } /* line 228, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-sm { max-width: 300px; } } @media (min-width: 992px) { /* line 232, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { /* line 239, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_modal.scss */ .modal-xl { max-width: 1140px; } } /* line 2, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Nunito", 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: 0.875rem; word-wrap: break-word; opacity: 0; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .tooltip.show { opacity: 0.9; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } /* line 62, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } /* line 68, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } /* line 76, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } /* line 79, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } /* line 108, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_tooltip.scss */ .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } /* line 1, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Nunito", 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } /* line 50, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } /* line 67, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } /* line 73, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } /* line 81, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } /* line 84, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } /* line 87, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } /* line 93, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } /* line 101, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } /* line 113, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } /* line 116, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } /* line 122, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } /* line 128, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } /* line 153, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } /* line 162, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover-header:empty { display: none; } /* line 167, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_popover.scss */ .popover-body { padding: 0.5rem 0.75rem; color: #212529; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel { position: relative; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel.pointer-event { touch-action: pan-y; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-inner { position: relative; width: 100%; overflow: hidden; } /* line 2, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */ .carousel-inner::after { display: block; clear: both; content: ""; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-item { transition: none; } } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } /* line 50, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } /* line 67, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { /* line 74, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } /* line 87, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { /* line 87, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-prev, .carousel-control-next { transition: none; } } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-prev { left: 0; } /* line 120, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-next { right: 0; } /* line 128, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; } /* line 135, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } /* line 138, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } /* line 148, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } /* line 162, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { /* line 162, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-indicators li { transition: none; } } /* line 180, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-indicators .active { opacity: 1; } /* line 190, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_carousel.scss */ .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_spinners.scss */ .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: .75s linear infinite spinner-border; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_spinners.scss */ .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_spinners.scss */ .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: .75s linear infinite spinner-grow; } /* line 53, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_spinners.scss */ .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { /* line 60, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_spinners.scss */ .spinner-border, .spinner-grow { animation-duration: 1.5s; } } /* line 3, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-baseline { vertical-align: baseline !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-top { vertical-align: top !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-middle { vertical-align: middle !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-bottom { vertical-align: bottom !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-text-bottom { vertical-align: text-bottom !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_align.scss */ .align-text-top { vertical-align: text-top !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-primary { background-color: #007bff !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-secondary { background-color: #6c757d !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-success { background-color: #28a745 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-info { background-color: #17a2b8 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-warning { background-color: #ffc107 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-danger { background-color: #dc3545 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-light { background-color: #f8f9fa !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss */ .bg-dark { background-color: #343a40 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_background.scss */ .bg-white { background-color: #fff !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_background.scss */ .bg-transparent { background-color: transparent !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border { border: 1px solid #dee2e6 !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-top { border-top: 1px solid #dee2e6 !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-right { border-right: 1px solid #dee2e6 !important; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-bottom { border-bottom: 1px solid #dee2e6 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-left { border-left: 1px solid #dee2e6 !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-0 { border: 0 !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-top-0 { border-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-right-0 { border-right: 0 !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-bottom-0 { border-bottom: 0 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-left-0 { border-left: 0 !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-primary { border-color: #007bff !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-secondary { border-color: #6c757d !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-success { border-color: #28a745 !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-info { border-color: #17a2b8 !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-warning { border-color: #ffc107 !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-danger { border-color: #dc3545 !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-light { border-color: #f8f9fa !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-dark { border-color: #343a40 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .border-white { border-color: #fff !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-sm { border-radius: 0.2rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded { border-radius: 0.25rem !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } /* line 56, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } /* line 61, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-lg { border-radius: 0.3rem !important; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-circle { border-radius: 50% !important; } /* line 69, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-pill { border-radius: 50rem !important; } /* line 73, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_borders.scss */ .rounded-0 { border-radius: 0 !important; } /* line 2, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */ .clearfix::after { display: block; clear: both; content: ""; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-none { display: none !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-inline { display: inline !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-inline-block { display: inline-block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-block { display: block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-table { display: table !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-table-row { display: table-row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-table-cell { display: table-cell !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-flex { display: flex !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-none { display: none !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-inline { display: inline !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-inline-block { display: inline-block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-block { display: block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-table { display: table !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-table-row { display: table-row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-table-cell { display: table-cell !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-flex { display: flex !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-none { display: none !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-inline { display: inline !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-inline-block { display: inline-block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-block { display: block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-table { display: table !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-table-row { display: table-row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-table-cell { display: table-cell !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-flex { display: flex !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-none { display: none !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-inline { display: inline !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-inline-block { display: inline-block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-block { display: block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-table { display: table !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-table-row { display: table-row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-table-cell { display: table-cell !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-flex { display: flex !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-none { display: none !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-inline { display: inline !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-inline-block { display: inline-block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-block { display: block !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-table { display: table !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-table-row { display: table-row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-table-cell { display: table-cell !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-flex { display: flex !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-xl-inline-flex { display: inline-flex !important; } } @media print { /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-none { display: none !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-inline { display: inline !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-inline-block { display: inline-block !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-block { display: block !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-table { display: table !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-table-row { display: table-row !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-table-cell { display: table-cell !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-flex { display: flex !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_display.scss */ .d-print-inline-flex { display: inline-flex !important; } } /* line 3, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive::before { display: block; content: ""; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive-21by9::before { padding-top: 42.85714286%; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive-16by9::before { padding-top: 56.25%; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive-4by3::before { padding-top: 75%; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_embed.scss */ .embed-responsive-1by1::before { padding-top: 100%; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-row { flex-direction: row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-column { flex-direction: column !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-row-reverse { flex-direction: row-reverse !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-column-reverse { flex-direction: column-reverse !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-wrap { flex-wrap: wrap !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-nowrap { flex-wrap: nowrap !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-fill { flex: 1 1 auto !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-grow-0 { flex-grow: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-grow-1 { flex-grow: 1 !important; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-shrink-0 { flex-shrink: 0 !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-shrink-1 { flex-shrink: 1 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-start { justify-content: flex-start !important; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-end { justify-content: flex-end !important; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-center { justify-content: center !important; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-between { justify-content: space-between !important; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-around { justify-content: space-around !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-start { align-items: flex-start !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-end { align-items: flex-end !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-center { align-items: center !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-baseline { align-items: baseline !important; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-stretch { align-items: stretch !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-start { align-content: flex-start !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-end { align-content: flex-end !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-center { align-content: center !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-between { align-content: space-between !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-around { align-content: space-around !important; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-stretch { align-content: stretch !important; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-auto { align-self: auto !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-start { align-self: flex-start !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-end { align-self: flex-end !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-center { align-self: center !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-baseline { align-self: baseline !important; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-row { flex-direction: row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-column { flex-direction: column !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-row-reverse { flex-direction: row-reverse !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-column-reverse { flex-direction: column-reverse !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-wrap { flex-wrap: wrap !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-nowrap { flex-wrap: nowrap !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-fill { flex: 1 1 auto !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-grow-0 { flex-grow: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-grow-1 { flex-grow: 1 !important; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-shrink-0 { flex-shrink: 0 !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-sm-shrink-1 { flex-shrink: 1 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-sm-start { justify-content: flex-start !important; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-sm-end { justify-content: flex-end !important; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-sm-center { justify-content: center !important; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-sm-between { justify-content: space-between !important; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-sm-around { justify-content: space-around !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-sm-start { align-items: flex-start !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-sm-end { align-items: flex-end !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-sm-center { align-items: center !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-sm-baseline { align-items: baseline !important; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-sm-stretch { align-items: stretch !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-start { align-content: flex-start !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-end { align-content: flex-end !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-center { align-content: center !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-between { align-content: space-between !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-around { align-content: space-around !important; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-sm-stretch { align-content: stretch !important; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-auto { align-self: auto !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-start { align-self: flex-start !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-end { align-self: flex-end !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-center { align-self: center !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-baseline { align-self: baseline !important; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-row { flex-direction: row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-column { flex-direction: column !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-row-reverse { flex-direction: row-reverse !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-column-reverse { flex-direction: column-reverse !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-wrap { flex-wrap: wrap !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-nowrap { flex-wrap: nowrap !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-fill { flex: 1 1 auto !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-grow-0 { flex-grow: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-grow-1 { flex-grow: 1 !important; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-shrink-0 { flex-shrink: 0 !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-md-shrink-1 { flex-shrink: 1 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-md-start { justify-content: flex-start !important; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-md-end { justify-content: flex-end !important; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-md-center { justify-content: center !important; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-md-between { justify-content: space-between !important; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-md-around { justify-content: space-around !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-md-start { align-items: flex-start !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-md-end { align-items: flex-end !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-md-center { align-items: center !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-md-baseline { align-items: baseline !important; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-md-stretch { align-items: stretch !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-start { align-content: flex-start !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-end { align-content: flex-end !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-center { align-content: center !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-between { align-content: space-between !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-around { align-content: space-around !important; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-md-stretch { align-content: stretch !important; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-auto { align-self: auto !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-start { align-self: flex-start !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-end { align-self: flex-end !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-center { align-self: center !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-baseline { align-self: baseline !important; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-row { flex-direction: row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-column { flex-direction: column !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-row-reverse { flex-direction: row-reverse !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-column-reverse { flex-direction: column-reverse !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-wrap { flex-wrap: wrap !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-nowrap { flex-wrap: nowrap !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-fill { flex: 1 1 auto !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-grow-0 { flex-grow: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-grow-1 { flex-grow: 1 !important; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-shrink-0 { flex-shrink: 0 !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-lg-shrink-1 { flex-shrink: 1 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-lg-start { justify-content: flex-start !important; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-lg-end { justify-content: flex-end !important; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-lg-center { justify-content: center !important; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-lg-between { justify-content: space-between !important; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-lg-around { justify-content: space-around !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-lg-start { align-items: flex-start !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-lg-end { align-items: flex-end !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-lg-center { align-items: center !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-lg-baseline { align-items: baseline !important; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-lg-stretch { align-items: stretch !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-start { align-content: flex-start !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-end { align-content: flex-end !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-center { align-content: center !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-between { align-content: space-between !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-around { align-content: space-around !important; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-lg-stretch { align-content: stretch !important; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-auto { align-self: auto !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-start { align-self: flex-start !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-end { align-self: flex-end !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-center { align-self: center !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-baseline { align-self: baseline !important; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-row { flex-direction: row !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-column { flex-direction: column !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-row-reverse { flex-direction: row-reverse !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-column-reverse { flex-direction: column-reverse !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-wrap { flex-wrap: wrap !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-nowrap { flex-wrap: nowrap !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-fill { flex: 1 1 auto !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-grow-0 { flex-grow: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-grow-1 { flex-grow: 1 !important; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-shrink-0 { flex-shrink: 0 !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .flex-xl-shrink-1 { flex-shrink: 1 !important; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-xl-start { justify-content: flex-start !important; } /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-xl-end { justify-content: flex-end !important; } /* line 27, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-xl-center { justify-content: center !important; } /* line 28, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-xl-between { justify-content: space-between !important; } /* line 29, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .justify-content-xl-around { justify-content: space-around !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-xl-start { align-items: flex-start !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-xl-end { align-items: flex-end !important; } /* line 33, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-xl-center { align-items: center !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-xl-baseline { align-items: baseline !important; } /* line 35, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-items-xl-stretch { align-items: stretch !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-start { align-content: flex-start !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-end { align-content: flex-end !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-center { align-content: center !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-between { align-content: space-between !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-around { align-content: space-around !important; } /* line 42, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-content-xl-stretch { align-content: stretch !important; } /* line 44, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-auto { align-self: auto !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-start { align-self: flex-start !important; } /* line 46, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-end { align-self: flex-end !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-center { align-self: center !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-baseline { align-self: baseline !important; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_flex.scss */ .align-self-xl-stretch { align-self: stretch !important; } } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-left { float: left !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-right { float: right !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-none { float: none !important; } @media (min-width: 576px) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-sm-left { float: left !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-sm-right { float: right !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-sm-none { float: none !important; } } @media (min-width: 768px) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-md-left { float: left !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-md-right { float: right !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-md-none { float: none !important; } } @media (min-width: 992px) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-lg-left { float: left !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-lg-right { float: right !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-lg-none { float: none !important; } } @media (min-width: 1200px) { /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-xl-left { float: left !important; } /* line 8, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-xl-right { float: right !important; } /* line 9, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_float.scss */ .float-xl-none { float: none !important; } } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_interactions.scss */ .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_interactions.scss */ .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_interactions.scss */ .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_overflow.scss */ .overflow-auto { overflow: auto !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_overflow.scss */ .overflow-hidden { overflow: hidden !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .position-static { position: static !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .position-relative { position: relative !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .position-absolute { position: absolute !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .position-fixed { position: fixed !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .position-sticky { position: sticky !important; } /* line 10, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { /* line 26, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_position.scss */ .sticky-top { position: sticky; top: 0; z-index: 1020; } } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_screenreaders.scss */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* line 25, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_screen-reader.scss */ .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } /* line 3, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_shadows.scss */ .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } /* line 4, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_shadows.scss */ .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } /* line 5, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_shadows.scss */ .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_shadows.scss */ .shadow-none { box-shadow: none !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .w-25 { width: 25% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .w-50 { width: 50% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .w-75 { width: 75% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .w-100 { width: 100% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .w-auto { width: auto !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .h-25 { height: 25% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .h-50 { height: 50% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .h-75 { height: 75% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .h-100 { height: 100% !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .h-auto { height: auto !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .mw-100 { max-width: 100% !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .mh-100 { max-height: 100% !important; } /* line 16, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .min-vw-100 { min-width: 100vw !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .min-vh-100 { min-height: 100vh !important; } /* line 19, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .vw-100 { width: 100vw !important; } /* line 20, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_sizing.scss */ .vh-100 { height: 100vh !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-0 { margin: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-0, .my-0 { margin-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-0, .mx-0 { margin-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-0, .my-0 { margin-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-0, .mx-0 { margin-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-1 { margin: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-1, .my-1 { margin-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-1, .mx-1 { margin-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-1, .my-1 { margin-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-1, .mx-1 { margin-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-2 { margin: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-2, .my-2 { margin-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-2, .mx-2 { margin-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-2, .my-2 { margin-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-2, .mx-2 { margin-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-3 { margin: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-3, .my-3 { margin-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-3, .mx-3 { margin-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-3, .my-3 { margin-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-3, .mx-3 { margin-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-4 { margin: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-4, .my-4 { margin-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-4, .mx-4 { margin-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-4, .my-4 { margin-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-4, .mx-4 { margin-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-5 { margin: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-5, .my-5 { margin-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-5, .mx-5 { margin-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-5, .my-5 { margin-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-5, .mx-5 { margin-left: 3rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-0 { padding: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-0, .py-0 { padding-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-0, .px-0 { padding-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-0, .py-0 { padding-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-0, .px-0 { padding-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-1 { padding: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-1, .py-1 { padding-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-1, .px-1 { padding-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-1, .py-1 { padding-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-1, .px-1 { padding-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-2 { padding: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-2, .py-2 { padding-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-2, .px-2 { padding-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-2, .py-2 { padding-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-2, .px-2 { padding-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-3 { padding: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-3, .py-3 { padding-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-3, .px-3 { padding-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-3, .py-3 { padding-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-3, .px-3 { padding-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-4 { padding: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-4, .py-4 { padding-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-4, .px-4 { padding-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-4, .py-4 { padding-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-4, .px-4 { padding-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-5 { padding: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-5, .py-5 { padding-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-5, .px-5 { padding-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-5, .py-5 { padding-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-5, .px-5 { padding-left: 3rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-n1 { margin: -0.25rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-n1, .my-n1 { margin-top: -0.25rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-n2 { margin: -0.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-n2, .my-n2 { margin-top: -0.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-n3 { margin: -1rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-n3, .my-n3 { margin-top: -1rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-n3, .mx-n3 { margin-right: -1rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-n3, .my-n3 { margin-bottom: -1rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-n3, .mx-n3 { margin-left: -1rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-n4 { margin: -1.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-n4, .my-n4 { margin-top: -1.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-n5 { margin: -3rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-n5, .my-n5 { margin-top: -3rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-n5, .mx-n5 { margin-right: -3rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-n5, .my-n5 { margin-bottom: -3rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-n5, .mx-n5 { margin-left: -3rem !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-auto { margin: auto !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-auto, .my-auto { margin-top: auto !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-auto, .mx-auto { margin-right: auto !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-auto, .my-auto { margin-bottom: auto !important; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-0 { margin: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-1 { margin: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-2 { margin: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-3 { margin: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-4 { margin: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-5 { margin: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-0 { padding: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-1 { padding: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-2 { padding: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-3 { padding: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-4 { padding: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-sm-5 { padding: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-n1 { margin: -0.25rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-n2 { margin: -0.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-n3 { margin: -1rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-n4 { margin: -1.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-n5 { margin: -3rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-sm-auto { margin: auto !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-0 { margin: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-0, .my-md-0 { margin-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-0, .mx-md-0 { margin-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-0, .mx-md-0 { margin-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-1 { margin: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-2 { margin: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-3 { margin: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-3, .my-md-3 { margin-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-4 { margin: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-5 { margin: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-5, .my-md-5 { margin-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-0 { padding: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-0, .py-md-0 { padding-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-0, .px-md-0 { padding-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-0, .px-md-0 { padding-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-1 { padding: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-2 { padding: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-3 { padding: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-3, .py-md-3 { padding-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-3, .px-md-3 { padding-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-3, .px-md-3 { padding-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-4 { padding: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-md-5 { padding: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-md-5, .py-md-5 { padding-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-md-5, .px-md-5 { padding-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-md-5, .px-md-5 { padding-left: 3rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-n1 { margin: -0.25rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-n2 { margin: -0.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-n3 { margin: -1rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-n4 { margin: -1.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-n5 { margin: -3rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-md-auto { margin: auto !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-md-auto, .my-md-auto { margin-top: auto !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-md-auto, .mx-md-auto { margin-right: auto !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-0 { margin: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-1 { margin: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-2 { margin: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-3 { margin: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-4 { margin: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-5 { margin: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-0 { padding: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-1 { padding: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-2 { padding: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-3 { padding: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-4 { padding: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-lg-5 { padding: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-n1 { margin: -0.25rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-n2 { margin: -0.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-n3 { margin: -1rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-n4 { margin: -1.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-n5 { margin: -3rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-lg-auto { margin: auto !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-0 { margin: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-1 { margin: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-2 { margin: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-3 { margin: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-4 { margin: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-5 { margin: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-0 { padding: 0 !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-1 { padding: 0.25rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-2 { padding: 0.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-3 { padding: 1rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-4 { padding: 1.5rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .p-xl-5 { padding: 3rem !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } /* line 15, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } /* line 18, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } /* line 21, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-n1 { margin: -0.25rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-n2 { margin: -0.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-n3 { margin: -1rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-n4 { margin: -1.5rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-n5 { margin: -3rem !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } /* line 47, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .m-xl-auto { margin: auto !important; } /* line 48, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } /* line 57, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_spacing.scss */ .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_stretched-link.scss */ .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-justify { text-align: justify !important; } /* line 12, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-wrap { white-space: normal !important; } /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-nowrap { white-space: nowrap !important; } /* line 14, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-left { text-align: left !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-right { text-align: right !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-center { text-align: center !important; } @media (min-width: 576px) { /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-sm-left { text-align: left !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-sm-right { text-align: right !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-md-left { text-align: left !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-md-right { text-align: right !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-md-center { text-align: center !important; } } @media (min-width: 992px) { /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-lg-left { text-align: left !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-lg-right { text-align: right !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { /* line 22, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-xl-left { text-align: left !important; } /* line 23, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-xl-right { text-align: right !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-xl-center { text-align: center !important; } } /* line 30, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-lowercase { text-transform: lowercase !important; } /* line 31, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-uppercase { text-transform: uppercase !important; } /* line 32, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-capitalize { text-transform: capitalize !important; } /* line 36, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-weight-light { font-weight: 300 !important; } /* line 37, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-weight-lighter { font-weight: lighter !important; } /* line 38, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-weight-normal { font-weight: 400 !important; } /* line 39, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-weight-bold { font-weight: 700 !important; } /* line 40, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-weight-bolder { font-weight: bolder !important; } /* line 41, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .font-italic { font-style: italic !important; } /* line 45, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-white { color: #fff !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-primary { color: #007bff !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-secondary { color: #6c757d !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-success { color: #28a745 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-success:hover, a.text-success:focus { color: #19692c !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-info { color: #17a2b8 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-warning { color: #ffc107 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-danger { color: #dc3545 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-light { color: #f8f9fa !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } /* line 6, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */ .text-dark { color: #343a40 !important; } /* line 17, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/mixins/_hover.scss */ a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } /* line 51, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-body { color: #212529 !important; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-muted { color: #6c757d !important; } /* line 54, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } /* line 55, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } /* line 59, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* line 63, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-decoration-none { text-decoration: none !important; } /* line 65, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-break { word-break: break-word !important; word-wrap: break-word !important; } /* line 72, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_text.scss */ .text-reset { color: inherit !important; } /* line 7, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_visibility.scss */ .visible { visibility: visible !important; } /* line 11, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/utilities/_visibility.scss */ .invisible { visibility: hidden !important; } @media print { /* line 13, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } /* line 24, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ a:not(.btn) { text-decoration: underline; } /* line 34, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ abbr[title]::after { content: " (" attr(title) ")"; } /* line 49, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ pre { white-space: pre-wrap !important; } /* line 52, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } /* line 58, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ tr, img { page-break-inside: avoid; } /* line 63, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 70, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ h2, h3 { page-break-after: avoid; } @page { size: a3; } /* line 83, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ body { min-width: 992px !important; } /* line 86, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .container { min-width: 992px !important; } /* line 91, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .navbar { display: none; } /* line 94, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .badge { border: 1px solid #000; } /* line 98, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table { border-collapse: collapse !important; } /* line 101, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table td, .table th { background-color: #fff !important; } /* line 108, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } /* line 114, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table-dark { color: inherit; } /* line 117, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } /* line 125, ../../shared/bundle/ruby/3.0.0/gems/bootstrap-4.6.2.1/assets/stylesheets/bootstrap/_print.scss */ .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* @File: Plab - Clean & Minimal Bootstrap Admin Dashboard * This file contains the styling for the actual template, this is the file you need to edit to change the look of the template. This files table contents are outlined below >>>>> ******************************************* ******************************************* ** - Default CSS ** - Body CSS ** - Typography ** - Navbar Area CSS ** - Left SideMenu CSS ** - Todos CSS ** - Calendar CSS ** - Search CSS ** - Notifications CSS ** - Alerts CSS ** - Badges CSS ** - Buttons CSS ** - Cards CSS ** - Dropdowns CSS ** - List Groups CSS ** - Modals CSS ** - Progress bars CSS ** - Tables CSS ** - Tabs CSS ** - Signup CSS ** - Login CSS ** - Forgot Password CSS ** - Footer Area CSS ** - Preloader CSS */ /* Default CSS -------------------------------------------*/ /* Variables */ /* End Variables */ /* line 63, app/assets/stylesheets/_app-style.scss */ body { font-family: "Nunito", sans-serif; color: #686c71; font-size: 14px; background-color: #eeeef8; } /* line 70, app/assets/stylesheets/_app-style.scss */ a { transition: .4s; -webkit-transition: .4s; } /* line 74, app/assets/stylesheets/_app-style.scss */ a:hover { text-decoration: none; color: #4F46E5; } /* line 80, app/assets/stylesheets/_app-style.scss */ h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: bold; } /* line 90, app/assets/stylesheets/_app-style.scss */ p { color: #686c71; } /* line 94, app/assets/stylesheets/_app-style.scss */ img { max-width: 100%; } /* Scrollbar CSS */ /* line 99, app/assets/stylesheets/_app-style.scss */ ::-webkit-scrollbar { width: 10px; height: 6px; } /* line 104, app/assets/stylesheets/_app-style.scss */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px #f6f6f7; border-radius: 30px; } /* line 109, app/assets/stylesheets/_app-style.scss */ ::-webkit-scrollbar-thumb { border-radius: 30px; background: #4F46E5; box-shadow: inset 0 0 6px #f6f6f7; } /* line 115, app/assets/stylesheets/_app-style.scss */ ::-webkit-scrollbar-thumb:window-inactive { background: #4F46E5; } /* End Scrollbar CSS */ /* line 120, app/assets/stylesheets/_app-style.scss */ button:focus { outline: 0; } /* line 124, app/assets/stylesheets/_app-style.scss */ .btn { font-size: 14px; padding: 10px 15px; line-height: 1; border-radius: 4px; } /* line 130, app/assets/stylesheets/_app-style.scss */ .btn:focus { outline: 0; box-shadow: none; } /* line 137, app/assets/stylesheets/_app-style.scss */ .btn-primary:focus { outline: 0; box-shadow: none; } /* line 143, app/assets/stylesheets/_app-style.scss */ .bg-purple { background-color: #886cff; } /* line 147, app/assets/stylesheets/_app-style.scss */ .gray-color { color: #35d26b; } /* line 151, app/assets/stylesheets/_app-style.scss */ .mt-15 { margin-top: 15px; } /* line 155, app/assets/stylesheets/_app-style.scss */ .ml-15 { margin-left: 15px; } /* line 159, app/assets/stylesheets/_app-style.scss */ .mt-20 { margin-top: 20px; } /* line 163, app/assets/stylesheets/_app-style.scss */ .mb-7 { margin-bottom: 7px; } /* line 167, app/assets/stylesheets/_app-style.scss */ .wh-50 { width: 50px; height: 50px; } /* line 172, app/assets/stylesheets/_app-style.scss */ .lh-50 { line-height: 50px; } /* line 176, app/assets/stylesheets/_app-style.scss */ .pt-12 { padding-top: 12px; } /* line 180, app/assets/stylesheets/_app-style.scss */ .fw-600 { font-weight: 600; } /* line 184, app/assets/stylesheets/_app-style.scss */ .progress.progress-sm { height: 4px; } /* line 188, app/assets/stylesheets/_app-style.scss */ .btn-outline-light { color: #848484; } /* line 192, app/assets/stylesheets/_app-style.scss */ .border-bottom { border-bottom: 1px solid #f6f6f7 !important; } /* line 196, app/assets/stylesheets/_app-style.scss */ .btn-lg, .btn-group-lg > .btn { padding: 10px 25px; font-size: 16px; line-height: 1.5; } /* line 203, app/assets/stylesheets/_app-style.scss */ .btn-md { padding: 10px 20px; font-size: 15px; } /* line 208, app/assets/stylesheets/_app-style.scss */ .btn-xs { padding: 8px 16px; font-size: 13px; } /* line 213, app/assets/stylesheets/_app-style.scss */ .radius-0 { border-radius: 0 !important; } /* line 217, app/assets/stylesheets/_app-style.scss */ .position-right { position: absolute; right: 0; } /* line 222, app/assets/stylesheets/_app-style.scss */ .dropdown-item { font-size: 14px; } /* line 226, app/assets/stylesheets/_app-style.scss */ .btn-warning { color: #fff; } /* line 229, app/assets/stylesheets/_app-style.scss */ .btn-warning:hover { color: #fff; } /* line 235, app/assets/stylesheets/_app-style.scss */ .btn-outline-warning:hover { color: #fff; } /* line 240, app/assets/stylesheets/_app-style.scss */ a.btn-outline-info:hover, a.btn-outline-info:active, .btn-outline-info:hover, .btn-outline-info:active { color: #fff !important; } /* line 246, app/assets/stylesheets/_app-style.scss */ a.btn-outline-info:hover .icon, a.btn-outline-info:hover svg, a.btn-outline-info:active .icon, a.btn-outline-info:active svg, .btn-outline-info:hover .icon, .btn-outline-info:hover svg, .btn-outline-info:active .icon, .btn-outline-info:active svg { color: #fff !important; stroke: #fff !important; } /* line 253, app/assets/stylesheets/_app-style.scss */ .form-control { background-color: #eeeef8; border: 1px solid #eeeef8; height: 42px; padding: 6px 15px; font-size: 14px; color: #222222; border-radius: 5px; transition: 0.5s; } /* line 263, app/assets/stylesheets/_app-style.scss */ .form-control:focus { background-color: #eeeef8; border: 1px solid #c8c8f1; outline: 0; box-shadow: none; } /* line 271, app/assets/stylesheets/_app-style.scss */ .form-control-lg { height: 45px; font-size: 14px; } /* line 276, app/assets/stylesheets/_app-style.scss */ .form-control-sm { height: 35px; font-size: 12px; } /* line 282, app/assets/stylesheets/_app-style.scss */ .form-group .form-text { margin-top: 10px; font-size: 12px; } /* line 288, app/assets/stylesheets/_app-style.scss */ .form-check-input { margin-top: 2px; } /* line 292, app/assets/stylesheets/_app-style.scss */ .custom-control-label { padding-top: 4px; } /* line 296, app/assets/stylesheets/_app-style.scss */ .input-group-text { color: #fff; background-color: #4F46E5; border-radius: 0; } /* line 303, app/assets/stylesheets/_app-style.scss */ form label { font-weight: bold; text-transform: capitalize; color: #212529; } /* line 309, app/assets/stylesheets/_app-style.scss */ form .form-group { margin-bottom: 20px; } /* line 314, app/assets/stylesheets/_app-style.scss */ .form-check-label { font-weight: normal; } /* End Default CSS */ /* Badge */ /* line 321, app/assets/stylesheets/_app-style.scss */ .badge { padding-right: 10px; padding-left: 10px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; font-weight: 600; } /* line 330, app/assets/stylesheets/_app-style.scss */ .badge-cyan { color: #00c9a7; background: rgba(0, 201, 167, 0.1); border-color: transparent; font-weight: 500; } /* line 337, app/assets/stylesheets/_app-style.scss */ .badge-red { color: #de4436; background: rgba(222, 68, 54, 0.05); border-color: transparent; font-weight: 500; } /* line 344, app/assets/stylesheets/_app-style.scss */ .badge-gold { color: #ffc107; background: rgba(255, 193, 7, 0.1); border-color: transparent; font-weight: 500; } /* line 351, app/assets/stylesheets/_app-style.scss */ .badge_warning { background-color: rgba(255, 190, 11, 0.2); color: #ffbe0b; } /* line 356, app/assets/stylesheets/_app-style.scss */ .badge_success { color: #00c9a7; background: rgba(0, 201, 167, 0.1); } /* line 361, app/assets/stylesheets/_app-style.scss */ .badge_danger { background-color: rgba(255, 92, 117, 0.2); color: #ff5c75; } /* line 366, app/assets/stylesheets/_app-style.scss */ .primary-color { color: #4F46E5; } /* line 370, app/assets/stylesheets/_app-style.scss */ .success-color { color: #00c9a7; } /* line 374, app/assets/stylesheets/_app-style.scss */ .warning-color { color: #00c9a7; } /* line 378, app/assets/stylesheets/_app-style.scss */ .danger-color { color: #00c9a7; } /* End Badge */ /* Helper class */ /* line 385, app/assets/stylesheets/_app-style.scss */ .fs-10 { font-size: 10px !important; } /* line 389, app/assets/stylesheets/_app-style.scss */ .fs-11 { font-size: 11px !important; } /* line 393, app/assets/stylesheets/_app-style.scss */ .fs-12 { font-size: 12px !important; } /* line 397, app/assets/stylesheets/_app-style.scss */ .fs-13 { font-size: 13px !important; } /* line 401, app/assets/stylesheets/_app-style.scss */ .fs-14 { font-size: 14px !important; } /* line 405, app/assets/stylesheets/_app-style.scss */ .fs-15 { font-size: 15px !important; } /* line 409, app/assets/stylesheets/_app-style.scss */ .fs-18 { font-size: 18px !important; } /* line 413, app/assets/stylesheets/_app-style.scss */ .fs-20 { font-size: 20px !important; } /* line 417, app/assets/stylesheets/_app-style.scss */ .fs-22 { font-size: 22px !important; } /* line 421, app/assets/stylesheets/_app-style.scss */ .fs-25 { font-size: 25px !important; } /* line 425, app/assets/stylesheets/_app-style.scss */ .fs-28 { font-size: 28px !important; } /* line 429, app/assets/stylesheets/_app-style.scss */ .fs-30 { font-size: 30px !important; } /* line 433, app/assets/stylesheets/_app-style.scss */ .fs-40 { font-size: 40px !important; } /* line 437, app/assets/stylesheets/_app-style.scss */ .fs-50 { font-size: 50px !important; } /* line 441, app/assets/stylesheets/_app-style.scss */ .fw-400 { font-weight: 400; } /* line 445, app/assets/stylesheets/_app-style.scss */ .fw-500 { font-weight: 500; } /* line 449, app/assets/stylesheets/_app-style.scss */ .fw-600 { font-weight: 600; } /* line 453, app/assets/stylesheets/_app-style.scss */ .mr-5 { margin-right: 5px !important; } /* line 457, app/assets/stylesheets/_app-style.scss */ .mr-10 { margin-right: 10px; } /* line 461, app/assets/stylesheets/_app-style.scss */ .mb-20 { margin-bottom: 20px !important; } /* line 465, app/assets/stylesheets/_app-style.scss */ .mt-40 { margin-top: 40px; } /* line 469, app/assets/stylesheets/_app-style.scss */ .mb-30 { margin-bottom: 30px !important; } /* line 473, app/assets/stylesheets/_app-style.scss */ .mt-minus-1 { margin-top: -1px; } /* line 477, app/assets/stylesheets/_app-style.scss */ .mt-minus-2 { margin-top: -2px; } /* line 481, app/assets/stylesheets/_app-style.scss */ .mt-minus-3 { margin-top: -3px; } /* line 485, app/assets/stylesheets/_app-style.scss */ .mt-minus-4 { margin-top: -4px; } /* line 489, app/assets/stylesheets/_app-style.scss */ .mt-minus-5 { margin-top: -5px; } /* line 493, app/assets/stylesheets/_app-style.scss */ .pr-70 { padding-right: 70px; } /* line 497, app/assets/stylesheets/_app-style.scss */ .p-30 { padding: 30px; } /* line 501, app/assets/stylesheets/_app-style.scss */ .fr { float: right; } /* line 505, app/assets/stylesheets/_app-style.scss */ .wh-13 { width: 13px; height: 13px; margin-top: -2px; } /* line 511, app/assets/stylesheets/_app-style.scss */ .wh-15 { width: 15px; height: 15px; } /* line 516, app/assets/stylesheets/_app-style.scss */ .wh-30 { width: 30px; height: 30px; } /* line 521, app/assets/stylesheets/_app-style.scss */ .wh-20 { width: 20px; height: 20px; } /* line 526, app/assets/stylesheets/_app-style.scss */ .wh-30 { width: 30px; height: 30px; } /* line 531, app/assets/stylesheets/_app-style.scss */ .wh-40 { width: 40px; height: 40px; } /* line 536, app/assets/stylesheets/_app-style.scss */ .wh-35 { width: 35px; height: 35px; } /* line 541, app/assets/stylesheets/_app-style.scss */ .w-80 { width: 80px; } /* line 545, app/assets/stylesheets/_app-style.scss */ .w-full { width: 100%; } /* line 549, app/assets/stylesheets/_app-style.scss */ .mw-350 { max-width: 350px; margin-left: auto; margin-right: auto; } /* line 555, app/assets/stylesheets/_app-style.scss */ .relative { position: relative; } /* line 561, app/assets/stylesheets/_app-style.scss */ .text-vertical-middle td, .text-vertical-middle th { vertical-align: middle; } /* line 567, app/assets/stylesheets/_app-style.scss */ .border { border: 1px solid #f6f6f7; } /* line 571, app/assets/stylesheets/_app-style.scss */ .spin { animation: spin 2s linear infinite; } /* line 575, app/assets/stylesheets/_app-style.scss */ .black-text { color: #686c71 !important; } /* line 579, app/assets/stylesheets/_app-style.scss */ .primary-text { color: #4F46E5 !important; } /* line 583, app/assets/stylesheets/_app-style.scss */ .purple-text { color: #7266ba !important; } /* line 587, app/assets/stylesheets/_app-style.scss */ .success-text { color: #7ed320 !important; } /* line 591, app/assets/stylesheets/_app-style.scss */ .danger-text { color: #f75d81 !important; } /* line 595, app/assets/stylesheets/_app-style.scss */ .theme-color { color: #4F46E5; } /* line 599, app/assets/stylesheets/_app-style.scss */ .danger-color { color: #f75d81; } /* line 603, app/assets/stylesheets/_app-style.scss */ .global-color { color: #47404f; } /* line 607, app/assets/stylesheets/_app-style.scss */ .gray-color { color: #a1aab2; } /* line 611, app/assets/stylesheets/_app-style.scss */ .light-blue-bg { background: #42a5f6; } /* line 615, app/assets/stylesheets/_app-style.scss */ .purple-bg { background: #7266ba; } /* line 619, app/assets/stylesheets/_app-style.scss */ .primary-bg { background: #4F46E5; } /* line 623, app/assets/stylesheets/_app-style.scss */ .success-bg { background: #7ed320; } /* line 627, app/assets/stylesheets/_app-style.scss */ .danger-bg { background: #f75d81; } /* line 631, app/assets/stylesheets/_app-style.scss */ .theme-bg { background-color: #4F46E5 !important; } /* line 635, app/assets/stylesheets/_app-style.scss */ .right { right: 0; } /* line 639, app/assets/stylesheets/_app-style.scss */ .bottom { bottom: 0; } /* line 643, app/assets/stylesheets/_app-style.scss */ .right-3 { right: 4px; } /* line 647, app/assets/stylesheets/_app-style.scss */ .bottom-2 { bottom: 2px; } /* line 651, app/assets/stylesheets/_app-style.scss */ .bottom-3 { bottom: 4px; } /* line 655, app/assets/stylesheets/_app-style.scss */ .d-table { width: 100%; height: 100%; } /* line 660, app/assets/stylesheets/_app-style.scss */ .d-tablecell { display: table-cell; vertical-align: middle; } /* line 665, app/assets/stylesheets/_app-style.scss */ .line-height-1 { line-height: 1; } /* line 669, app/assets/stylesheets/_app-style.scss */ .bg-white { background-color: #fff !important; } /* line 676, app/assets/stylesheets/_app-style.scss */ .border-radius-fl-item .page-item:first-child .page-link { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } /* line 683, app/assets/stylesheets/_app-style.scss */ .border-radius-fl-item .page-item:last-child .page-link { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } /* line 691, app/assets/stylesheets/_app-style.scss */ .height-408 { height: 408px; overflow-y: auto; } /* line 696, app/assets/stylesheets/_app-style.scss */ .height-310 { height: 310px; overflow-y: auto; } /* line 701, app/assets/stylesheets/_app-style.scss */ .height-500 { height: 500px; overflow-y: auto; } /* line 706, app/assets/stylesheets/_app-style.scss */ .height-365 { height: 365px; overflow-y: auto; } /* line 711, app/assets/stylesheets/_app-style.scss */ .height-265 { height: 265px; overflow-y: auto; } /* line 716, app/assets/stylesheets/_app-style.scss */ .rounded { border-radius: 50px !important; } /* line 720, app/assets/stylesheets/_app-style.scss */ .alert-light { background-color: #f9f9f9; border-color: #f9f9f9; } /* line 725, app/assets/stylesheets/_app-style.scss */ .alert:last-child { margin-bottom: 0; } /* line 729, app/assets/stylesheets/_app-style.scss */ .alert-dismissible .close { padding: 0.60rem 1.20rem; } /* line 733, app/assets/stylesheets/_app-style.scss */ .alert-primary { background-color: rgba(63, 135, 245, 0.1); border: 1px solid rgba(63, 135, 245, 0.15); color: #53535f; } /* line 739, app/assets/stylesheets/_app-style.scss */ .alert-success { background-color: rgba(0, 201, 167, 0.1); border: 1px solid rgba(0, 201, 167, 0.15); color: #53535f; } /* line 745, app/assets/stylesheets/_app-style.scss */ .alert-info { background-color: rgba(2, 211, 239, 0.1); border: 1px solid rgba(2, 211, 239, 0.15); color: #53535f; } /* line 751, app/assets/stylesheets/_app-style.scss */ .alert-warning { background-color: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.15); color: #53535f; } /* line 757, app/assets/stylesheets/_app-style.scss */ .alert-danger { background-color: rgba(222, 68, 54, 0.1); border: 1px solid rgba(222, 68, 54, 0.15); color: #53535f; } /* line 763, app/assets/stylesheets/_app-style.scss */ .white-color { color: #fff; } /* line 767, app/assets/stylesheets/_app-style.scss */ .card-img-overlay { background: rgba(79, 70, 229, 0.5); } /* line 770, app/assets/stylesheets/_app-style.scss */ .card-img-overlay .card-title { color: #fff !important; } /* line 776, app/assets/stylesheets/_app-style.scss */ .alert-success p { color: #155724; } /* line 781, app/assets/stylesheets/_app-style.scss */ .dropdown-menu { border-radius: 0; } /* line 784, app/assets/stylesheets/_app-style.scss */ .dropdown-menu .dropdown-item { font-size: 13px; color: #686c71; } /* line 790, app/assets/stylesheets/_app-style.scss */ .badge-warning { color: #fff; } /* line 794, app/assets/stylesheets/_app-style.scss */ .btn-primary { background-color: #4F46E5; border-color: #4F46E5; } /* line 798, app/assets/stylesheets/_app-style.scss */ .btn-primary:hover { background-color: #02024f; border-color: #02024f; } /* line 804, app/assets/stylesheets/_app-style.scss */ .btn-outline-primary { color: #4F46E5; border-color: #4F46E5; } /* line 808, app/assets/stylesheets/_app-style.scss */ .btn-outline-primary:hover { background-color: #4F46E5; border-color: #4F46E5; } /* line 814, app/assets/stylesheets/_app-style.scss */ .line-height-1-4 { line-height: 1.4; } /* End helper class */ /* Top menu CSS */ /* line 822, app/assets/stylesheets/_app-style.scss */ .top-menu { background: #ffffff; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.08); } /* line 827, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-brand .large-logo { max-width: 105px; } /* line 832, app/assets/stylesheets/_app-style.scss */ .top-menu .left-nav { padding-right: 15px; } /* line 836, app/assets/stylesheets/_app-style.scss */ .top-menu .burger-menu { padding-right: 15px; margin-left: 70px; cursor: pointer; transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; } /* line 843, app/assets/stylesheets/_app-style.scss */ .top-menu .burger-menu span { height: 1.5px; width: 16px; background: #303030; display: block; margin: 3px 0; border-radius: 2px; transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; } /* line 857, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .mega-menu-btn .icon { width: 16px; height: 16px; margin-left: 2px; } /* line 864, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .dropdown-menu { width: 900px; margin-top: 5px; padding: 15px 10px; } /* line 869, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .dropdown-menu .title { font-size: 13px; padding: 0 15px 10px; margin: 8px 0 8px; border-bottom: 1px solid #f3ebeb; } /* line 876, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .dropdown-menu::before, .top-menu .mega-menu .dropdown-menu::after { border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; left: 8px; width: 10px; } /* line 886, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .dropdown-menu::before { border-bottom: 5px solid #000; top: -10px; height: 10px; } /* line 892, app/assets/stylesheets/_app-style.scss */ .top-menu .mega-menu .dropdown-menu::after { border-bottom: 5px solid #fff; top: -9px; height: 9px; } /* line 901, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-nav .nav-link { color: #686c71; } /* line 906, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form { display: inline-block; position: relative; width: 230px; } /* line 911, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .form-control { height: 36px; border-radius: 30px; background: #eef5f9; border-color: #eef5f9; padding: 0 15px; font-size: 13px; font-weight: 300; } /* line 921, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .search-success { position: absolute; top: 0; right: 0; background: transparent; border-color: transparent; border-radius: 0px 30px 30px 2px; height: 36px; color: #717171; font-size: 20px; line-height: 20px; padding: 0 15px; } /* line 934, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .search-success .icon { width: 15px; height: 15px; margin-top: -3px; } /* line 940, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .search-success:hover { color: #4F46E5; } /* line 944, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .search-success:active { background-color: transparent; border-color: transparent; color: #4F46E5; } /* line 950, app/assets/stylesheets/_app-style.scss */ .top-menu .nav-search-form .search-success:focus { box-shadow: none !important; } /* line 956, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav { /* Desktop: flatten overflow wrapper so utility icons sit inline. Mobile (≤767px) restores a real three-dots dropdown — see _app-responsive. */ } /* line 957, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .nav-item { padding-left: 15px; } /* line 963, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .topbar-more { display: contents; } /* line 966, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .topbar-more .topbar-more__toggle { display: none !important; } /* line 970, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .topbar-more .topbar-more__menu { display: contents !important; position: static !important; float: none !important; transform: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; max-width: none !important; } /* line 984, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .topbar-more .topbar-more__items { display: contents; list-style: none; margin: 0; padding: 0; } /* line 992, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .dropdown-menu { left: auto; right: 0; } /* line 996, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .dropdown-menu::before, .top-menu .right-nav .dropdown-menu::after { border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; right: 8px; width: 10px; } /* line 1006, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .dropdown-menu::before { border-bottom: 5px solid #000; top: -10px; height: 10px; } /* line 1012, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .dropdown-menu::after { border-bottom: 5px solid #fff; top: -9px; height: 9px; } /* line 1019, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info { position: relative; } /* line 1023, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info .icon { width: 18px; height: 18px; } /* line 1028, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info .ci-number { position: absolute; background: #f75d81; color: #fff; height: 10px; width: 10px; text-align: center; border-radius: 50%; line-height: 22px; font-size: 10px; top: -3px; right: -5px; z-index: 1; } /* line 1042, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info .ci-number .ripple { background-color: #f75d81; position: absolute; width: 22px; height: 22px; z-index: -1; right: -6px; top: -6px; opacity: 0; margin: 0; border-radius: 100px; animation: ripple 2.8s infinite; } /* line 1056, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info .ci-number .ripple:nth-child(2) { animation-delay: .6s; -webkit-animation-delay: .6s; } /* line 1061, app/assets/stylesheets/_app-style.scss */ .top-menu .right-nav .count-info .ci-number .ripple:nth-child(3) { animation-delay: .9s; -webkit-animation-delay: .9s; } @keyframes ripple { 0% { opacity: 1; transform: scale(0); } 100% { opacity: 0; transform: scale(1); } } /* line 1098, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-toggle::after { display: none; } /* line 1104, app/assets/stylesheets/_app-style.scss */ .top-menu .profile-nav-item .menu-profile img { width: 30px; height: 30px; margin-left: 8px; } /* line 1112, app/assets/stylesheets/_app-style.scss */ .top-menu .profile-nav-item .dropdown-item .icon { width: 14px; margin-right: 5px; height: 14px; margin-top: -3px; } /* line 1121, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-item { font-size: 13px; padding: 0.40rem 1rem; font-weight: 300; color: #686c71; position: relative; overflow: hidden; } /* line 1130, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-item:hover, .top-menu .dropdown-item:focus { background: #eef5f9; color: #4F46E5; } /* line 1136, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-item:hover::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1149, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu { border-radius: 0; } /* line 1152, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu .dropdown-item.active, .top-menu .dropdown-menu .dropdown-item:active { color: #4F46E5; background-color: #eef5f9; } /* line 1157, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu .dropdown-item.active::before, .top-menu .dropdown-menu .dropdown-item:active::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1172, app/assets/stylesheets/_app-style.scss */ .top-menu .message-box .dropdown-menu { min-width: 260px; padding-top: 0; padding-bottom: 0; text-align: center; } /* line 1178, app/assets/stylesheets/_app-style.scss */ .top-menu .message-box .dropdown-menu .dropdown-item { border-bottom: 1px solid #f6f6f7; padding: 0.80rem 1rem; } /* line 1182, app/assets/stylesheets/_app-style.scss */ .top-menu .message-box .dropdown-menu .dropdown-item:last-child { border-bottom: none; } /* line 1186, app/assets/stylesheets/_app-style.scss */ .top-menu .message-box .dropdown-menu .dropdown-item .icon { width: 15px; height: 15px; } /* line 1194, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item { position: relative; padding-left: 45px; text-align: left; } /* line 1199, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .user-pic { position: absolute; left: 0; top: 2px; } /* line 1204, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .user-pic img { width: 35px; height: 35px; } /* line 1209, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .user-pic .profile-status { position: absolute; height: 10px; width: 10px; border-radius: 50%; right: 0; bottom: 0; } /* line 1220, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .chat-content .message-title { margin: 0; font-size: 13px; font-weight: 600; color: #2a2a2a; } /* line 1227, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .chat-content .mail-desc { display: block; color: #474d52; font-size: 13px; margin: 3px 0 0; position: relative; } /* line 1234, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .chat-content .mail-desc .amount { background: #4F46E5; color: #fff; padding: 8px 5px 7px; border-radius: 30px; font-size: 8px; line-height: 0; position: absolute; top: 0; margin-left: 5px; } /* line 1248, app/assets/stylesheets/_app-style.scss */ .top-menu .message-item .time { display: block; color: #a1aab2; font-size: 12px; line-height: 1; margin-top: 5px; } /* line 1259, app/assets/stylesheets/_app-style.scss */ .top-menu .toggle-menu { margin-left: 30px; } /* line 1276, app/assets/stylesheets/_app-style.scss */ .top-menu .x .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } /* line 1281, app/assets/stylesheets/_app-style.scss */ .top-menu .x .middle-bar { opacity: 0; } /* line 1285, app/assets/stylesheets/_app-style.scss */ .top-menu .x .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; margin-top: 5px; } /* End Top menu CSS */ /* Sidemenu area CSS */ /* line 1296, app/assets/stylesheets/_app-style.scss */ .sidemenu-area { background: #fff; border-top: 1px solid #f6f6f7; position: fixed; height: 100%; width: 220px; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05); z-index: 1030; left: 0; top: 62px; } /* line 1307, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu { padding: 0; } /* line 1310, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav { display: block; width: 100%; } /* line 1315, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item { padding: 8px 1rem; font-weight: 300; overflow: hidden; position: relative; color: #686c71; border-radius: 0; } /* line 1323, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item .icon { width: 14px; height: 14px; margin-top: -3px; margin-right: 5px; } /* line 1330, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:hover::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1342, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #4F46E5; background-color: #eef5f9; } /* line 1346, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1359, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link { padding: 10px 15px; font-size: 14px; color: #303030; white-space: nowrap; border-bottom: 1px solid #f9f9f9; position: relative; overflow: hidden; transition: .0s; } /* line 1369, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #4F46E5; width: 15px; height: 15px; margin-top: -3px; } /* line 1376, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #eef5f9; color: #4F46E5; } /* line 1382, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #4F46E5; } /* line 1387, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1398, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link .title { transition: .5s; padding-left: 5px; } /* line 1404, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .active { background: #eef5f9; color: #4F46E5; } /* line 1408, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .active::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 1419, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .active .icon { color: #4F46E5; } /* line 1424, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { background: #eef5f9; color: #4F46E5; } /* line 1430, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-title { position: relative; width: 100%; } /* line 1434, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-title .icon.fr { position: absolute; right: 0; padding-right: 0; margin-top: 4px; font-size: 10px !important; transition: all .50s ease-in-out; } /* line 1444, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-toggle::after { display: none; } /* line 1449, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .show.dropdown.nav-item .nav-link { background-color: #eef5f9; } @media only screen and (min-width: 1200px) { /* line 1459, app/assets/stylesheets/_app-style.scss */ .sidemenu .dropdown { position: static; } /* line 1462, app/assets/stylesheets/_app-style.scss */ .sidemenu .dropdown .dropdown-menu { transition: all 0.5s; overflow: hidden; transform-origin: top center; transform: scale(1, 0); display: block; width: 200px; left: auto; right: -200px; top: 0; border-radius: 0; border-color: #ebebeb; margin-top: 0; height: 100vh; overflow-y: auto; } /* line 1479, app/assets/stylesheets/_app-style.scss */ .sidemenu .dropdown:hover > .dropdown-menu { transform: scale(1); } /* line 1484, app/assets/stylesheets/_app-style.scss */ .sidemenu .collapse ul li { position: relative; } } /* Primary BG SideMenu */ /* line 1492, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area { background-color: #4F46E5; } /* line 1497, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #3268fd; } /* line 1501, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1506, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #4F46E5; } /* line 1511, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #4F46E5; } /* line 1516, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #4F46E5; } /* line 1520, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1524, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-primary .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #4F46E5; } /* Success BG SideMenu */ /* line 1536, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area { background-color: #00c9a7; } /* line 1541, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #0dc3a5; } /* line 1545, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1550, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #00c9a7; } /* line 1555, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #00c9a7; } /* line 1560, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #00c9a7; } /* line 1564, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #00c9a7; } /* line 1568, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1572, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #00c9a7; } /* line 1579, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #00c9a7; background-color: #eef5f9; } /* line 1583, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #00c9a7; } /* line 1587, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #00c9a7; } /* line 1593, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #00c9a7; } /* line 1598, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-success .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #00c9a7; } /* Decondary BG SideMenu */ /* line 1608, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area { background-color: #223143; } /* line 1613, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #25364a; } /* line 1617, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; } /* line 1622, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #4F46E5; } /* line 1627, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #4F46E5; } /* line 1632, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .active { background: #fff; color: #4F46E5; } /* line 1636, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-secondary .sidemenu-area .sidemenu .navbar-nav .active .icon { color: #4F46E5; } /* Purple BG SideMenu */ /* line 1647, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area { background-color: #886cff; } /* line 1652, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #8b70ff; } /* line 1656, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1661, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #886cff; } /* line 1666, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #886cff; } /* line 1671, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #886cff; } /* line 1675, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #886cff; } /* line 1679, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1683, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #886cff; } /* line 1690, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #886cff; background-color: #eef5f9; } /* line 1694, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #886cff; } /* line 1698, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #886cff; } /* line 1704, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #886cff; } /* line 1709, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #886cff; } /* Danger BG SideMenu */ /* line 1719, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area { background-color: #de4436; } /* line 1724, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #de4d40; } /* line 1728, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1733, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #de4436; } /* line 1738, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #de4436; } /* line 1743, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #de4436; } /* line 1747, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #de4436; } /* line 1751, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1755, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #de4436; } /* line 1762, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #de4436; background-color: #eef5f9; } /* line 1766, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #de4436; } /* line 1770, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #de4436; } /* line 1776, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #de4436; } /* line 1781, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-danger .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #de4436; } /* Warning BG SideMenu */ /* line 1791, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area { background-color: #FDAC41; } /* line 1796, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #f7a943; } /* line 1800, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1805, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #FDAC41; } /* line 1810, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #FDAC41; } /* line 1815, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #FDAC41; } /* line 1819, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #FDAC41; } /* line 1823, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1827, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #FDAC41; } /* line 1834, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #FDAC41; background-color: #eef5f9; } /* line 1838, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #FDAC41; } /* line 1842, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #FDAC41; } /* line 1848, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #FDAC41; } /* line 1853, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-warning .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #FDAC41; } /* Purple indigo BG SideMenu */ /* line 1863, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area { background-color: #663399; } /* line 1868, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #6c399f; } /* line 1872, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1877, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #663399; } /* line 1882, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #663399; } /* line 1887, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #663399; } /* line 1891, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #663399; } /* line 1895, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1899, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #663399; } /* line 1906, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #663399; background-color: #eef5f9; } /* line 1910, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 1914, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #663399; } /* line 1920, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #663399; } /* line 1925, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-purple-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #663399; } /* Pink BG SideMenu */ /* line 1935, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area { background-color: #CB3066; } /* line 1940, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #d1356b; } /* line 1944, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 1949, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #CB3066; } /* line 1954, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #CB3066; } /* line 1959, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #CB3066; } /* line 1963, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #CB3066; } /* line 1967, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 1971, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #CB3066; } /* line 1978, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #CB3066; background-color: #eef5f9; } /* line 1982, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 1986, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #CB3066; } /* line 1992, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #CB3066; } /* line 1997, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-pink .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #CB3066; } /* Indigo BG SideMenu */ /* line 2007, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area { background-color: #3F51B5; } /* line 2012, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #3F51B5; } /* line 2016, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2021, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #3F51B5; } /* line 2026, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #3F51B5; } /* line 2031, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #3F51B5; } /* line 2035, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #3F51B5; } /* line 2039, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2043, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #3F51B5; } /* line 2050, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #3F51B5; background-color: #eef5f9; } /* line 2054, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2058, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #3F51B5; } /* line 2064, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #3F51B5; } /* line 2069, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-indigo .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #3F51B5; } /* Nightblue BG SideMenu */ /* line 2079, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area { background-color: #0C0C3C; } /* line 2084, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #14143c; } /* line 2088, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2093, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #0C0C3C; } /* line 2098, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #0C0C3C; } /* line 2103, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #0C0C3C; } /* line 2107, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #0C0C3C; } /* line 2111, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2115, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #0C0C3C; } /* line 2122, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #0C0C3C; background-color: #eef5f9; } /* line 2126, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2130, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #0C0C3C; } /* line 2136, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #0C0C3C; } /* line 2141, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-nightblue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #0C0C3C; } /* Gray BG SideMenu */ /* line 2151, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area { background-color: #212121; } /* line 2156, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #262626; } /* line 2160, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2165, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #212121; } /* line 2170, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #212121; } /* line 2175, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #212121; } /* line 2179, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #212121; } /* line 2183, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2187, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #212121; } /* line 2194, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #212121; background-color: #eef5f9; } /* line 2198, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2202, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #212121; } /* line 2208, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #212121; } /* line 2213, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #212121; } /* Gray blue BG SideMenu */ /* line 2223, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area { background-color: #263238; } /* line 2228, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #28363c; } /* line 2232, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2237, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #263238; } /* line 2242, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #263238; } /* line 2247, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #263238; } /* line 2251, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #263238; } /* line 2255, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2259, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #263238; } /* line 2266, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #263238; background-color: #eef5f9; } /* line 2270, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2274, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #263238; } /* line 2280, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #263238; } /* line 2285, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-gray-blue .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #263238; } /* Green BG SideMenu */ /* line 2295, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area { background-color: #00C853; } /* line 2300, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #0ac056; } /* line 2304, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2309, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #00C853; } /* line 2314, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #00C853; } /* line 2319, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #00C853; } /* line 2323, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #00C853; } /* line 2327, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2331, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #00C853; } /* line 2338, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #00C853; background-color: #eef5f9; } /* line 2342, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2346, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #00C853; } /* line 2352, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #00C853; } /* line 2357, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-green .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #00C853; } /* Deep Purple BG SideMenu */ /* line 2367, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area { background-color: #6200EA; } /* line 2372, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link { color: #fff; border-bottom: 1px solid #6200EA; } /* line 2376, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link .icon { color: #fff; transition: .5s; } /* line 2381, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: #fff; color: #6200EA; } /* line 2386, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .icon, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .icon { color: #6200EA; } /* line 2391, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { background: #6200EA; } /* line 2395, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: #fff; color: #6200EA; } /* line 2399, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { display: none; } /* line 2403, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .nav-link.active .icon { color: #6200EA; } /* line 2410, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: #6200EA; background-color: #eef5f9; } /* line 2414, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active .icon { color: #4e4d4c; } /* line 2418, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { background-color: #6200EA; } /* line 2424, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover, .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:focus { color: #6200EA; } /* line 2429, app/assets/stylesheets/_app-style.scss */ .sidemenu-bg-deep-purple .sidemenu-area .sidemenu .navbar-nav .dropdown-item:hover::before { background: #6200EA; } /* BG Color */ /* line 2439, app/assets/stylesheets/_app-style.scss */ .bg_primary { background-color: #4F46E5; } /* line 2443, app/assets/stylesheets/_app-style.scss */ .bg_success { background-color: #00c9a7; } /* line 2447, app/assets/stylesheets/_app-style.scss */ .bg_secondary { background-color: #223143; } /* line 2451, app/assets/stylesheets/_app-style.scss */ .bg_purple { background-color: #886cff; } /* line 2455, app/assets/stylesheets/_app-style.scss */ .bg_danger { background-color: #de4436; } /* line 2459, app/assets/stylesheets/_app-style.scss */ .bg_warning { background-color: #FDAC41; } /* line 2463, app/assets/stylesheets/_app-style.scss */ .purple_indigo { background-color: #663399; } /* line 2467, app/assets/stylesheets/_app-style.scss */ .bg_pink { background-color: #CB3066; } /* line 2471, app/assets/stylesheets/_app-style.scss */ .bg_indigo { background-color: #3F51B5; } /* line 2475, app/assets/stylesheets/_app-style.scss */ .bg_night_blue { background-color: #0C0C3C; } /* line 2479, app/assets/stylesheets/_app-style.scss */ .bg_gray { background-color: #212121; } /* line 2483, app/assets/stylesheets/_app-style.scss */ .bg_gray_blue { background-color: #263238; } /* line 2487, app/assets/stylesheets/_app-style.scss */ .bg_green { background-color: #00C853; } /* line 2491, app/assets/stylesheets/_app-style.scss */ .bg_deep_purple { background-color: #6200EA; } /* End BG Color */ /* End sidemenu area CSS */ /* Main content style */ /* line 2499, app/assets/stylesheets/_app-style.scss */ .main-content { width: 100%; max-width: 100%; min-width: 0; margin-top: 62px; transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; padding: 30px 30px 0; position: relative; min-height: calc(100vh - 62px); padding-left: 250px; /* was overflow:hidden — clipped dropdowns (chosen, etc.) that open near the page bottom. Let content overflow so dropdowns show; wide tables scroll inside their own .lpage-card__scroll / .table wrappers instead. min-width:0 keeps flex children from expanding past the viewport. */ overflow: visible; } /* End main content style */ /* Dashboard landing page v.1 style */ /* line 2520, app/assets/stylesheets/_app-style.scss */ .main-content-header { margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } /* line 2525, app/assets/stylesheets/_app-style.scss */ .main-content-header h1 { margin: 0; font-size: 18px; padding-right: 15px; float: left; } /* line 2532, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; } /* line 2537, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb a { color: #686c71; } /* line 2540, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb a:hover { color: #4F46E5; } /* line 2548, app/assets/stylesheets/_app-style.scss */ .single-sales-card .card-body { padding: 0 !important; } /* line 2551, app/assets/stylesheets/_app-style.scss */ .single-sales-card .card-body .icon { background: rgba(0, 0, 0, 0.1); color: #fff; width: 80px; height: 80px; padding: 22px; border-radius: 4px 0 0 4px; } /* line 2561, app/assets/stylesheets/_app-style.scss */ .single-sales-card .card-body .content p { color: #fff; line-height: 1; } /* line 2569, app/assets/stylesheets/_app-style.scss */ .card { border-radius: 4px; border: none; } /* line 2573, app/assets/stylesheets/_app-style.scss */ .card .card-body { padding: 25px; } /* line 2577, app/assets/stylesheets/_app-style.scss */ .card .card-header { background-color: transparent; padding: 0; border-bottom: 1px solid #f6f6f7; position: relative; margin-bottom: 20px; } /* line 2584, app/assets/stylesheets/_app-style.scss */ .card .card-header::before { content: ''; background: #4F46E5; height: 1px; width: 30px; position: absolute; left: 0; bottom: -1px; } /* line 2594, app/assets/stylesheets/_app-style.scss */ .card .card-header .day { background-color: #4F46E5; position: absolute; bottom: 10px; right: 0; color: #fff; display: inline-block; font-size: 10px; padding: 5px 10px 5px 22px; clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 16% 50%, 0% 0%); } /* line 2607, app/assets/stylesheets/_app-style.scss */ .card .card-header .btn { font-size: 12px; padding: 6px 10px; margin-top: -3px; } /* line 2614, app/assets/stylesheets/_app-style.scss */ .card .card-title { font-size: 16px; padding-bottom: 10px; padding: 0; color: #212529; font-weight: bold; } /* line 2622, app/assets/stylesheets/_app-style.scss */ .card .header { padding: 0.75rem 1.25rem; margin-bottom: 0; color: inherit; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); font-weight: 600; } /* line 2630, app/assets/stylesheets/_app-style.scss */ .card .header::before { right: 0; margin: auto; } /* line 2636, app/assets/stylesheets/_app-style.scss */ .card .content { margin: auto; display: flex; flex-direction: column; align-items: flex-start; max-width: 120px; } /* line 2645, app/assets/stylesheets/_app-style.scss */ .hide-card-shadow { box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13); } /* line 2650, app/assets/stylesheets/_app-style.scss */ .card-dropdown .btn { border-radius: 30px; font-size: 15px; padding: 0 !important; line-height: 20px; background: #fff; color: #4F46E5; height: 25px; width: 25px; margin-top: -5px; } /* line 2661, app/assets/stylesheets/_app-style.scss */ .card-dropdown .btn .icon { width: 13px; height: 13px; margin-top: -2px; } /* line 2667, app/assets/stylesheets/_app-style.scss */ .card-dropdown .btn:hover { background: #4F46E5; color: #fff; } /* line 2672, app/assets/stylesheets/_app-style.scss */ .card-dropdown .btn:after { display: none; } /* line 2677, app/assets/stylesheets/_app-style.scss */ .card-dropdown .dropdown-menu { left: auto !important; right: 0; transform: inherit !important; top: 24px !important; border-radius: 5px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: none; } /* line 2687, app/assets/stylesheets/_app-style.scss */ .card-dropdown .dropdown-item { font-size: 13px; padding: 0.40rem 1rem; white-space: pre-wrap; font-weight: 300; color: #212529; } /* line 2695, app/assets/stylesheets/_app-style.scss */ .card-dropdown .dropdown-item.active, .card-dropdown .dropdown-item:active { color: #16181b; background-color: #f8f9fa; } /* line 2703, app/assets/stylesheets/_app-style.scss */ .card-header .select-month-form { position: absolute; right: 0; bottom: -1px; } /* line 2708, app/assets/stylesheets/_app-style.scss */ .card-header .select-month-form .form-control { height: 30px; } /* line 2714, app/assets/stylesheets/_app-style.scss */ .hover-card { transition: all .30s ease; } /* line 2720, app/assets/stylesheets/_app-style.scss */ .hover-card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 15px 25px rgba(60, 50, 100, 0.1); } /* stats card */ /* line 2731, app/assets/stylesheets/_app-style.scss */ .stats-card { background-color: #fff; padding: 25px; position: relative; border-radius: 4px; } /* line 2737, app/assets/stylesheets/_app-style.scss */ .stats-card h3 { margin: 0; font-size: 22px; } /* line 2741, app/assets/stylesheets/_app-style.scss */ .stats-card h3 .icon { width: 18px; height: 18px; margin-top: -4px; } /* line 2748, app/assets/stylesheets/_app-style.scss */ .stats-card p { margin: 10px 0 0; line-height: 1; } /* line 2753, app/assets/stylesheets/_app-style.scss */ .stats-card .stats-icon { position: absolute; right: 0; top: 0; color: #fff; height: 50px; width: 50px; border-radius: 30px 0 30px 30px; transition: .5s; text-align: center; line-height: 50px; font-size: 25px; } /* line 2767, app/assets/stylesheets/_app-style.scss */ .stats-card:hover .stats-icon { height: 100%; border-radius: 0 4px 4px 0; width: 70px; line-height: 85px; font-size: 35px; } /* line 2775, app/assets/stylesheets/_app-style.scss */ .stats-card:hover .icon-hover { height: 60px; width: 60px; line-height: 60px; border-radius: 30px 0 30px 30px; font-size: 30px; } /* line 2786, app/assets/stylesheets/_app-style.scss */ .purple-card h3 .icon { color: #7266ba; } /* line 2791, app/assets/stylesheets/_app-style.scss */ .purple-card .stats-icon { background: #7266ba; } /* line 2796, app/assets/stylesheets/_app-style.scss */ .purple-card .progress .progress-bar { background-color: #7266ba !important; } /* line 2804, app/assets/stylesheets/_app-style.scss */ .light-blue-card h3 .icon { color: #42a5f6; } /* line 2809, app/assets/stylesheets/_app-style.scss */ .light-blue-card .stats-icon { background: #42a5f6; } /* line 2814, app/assets/stylesheets/_app-style.scss */ .light-blue-card .progress .progress-bar { background-color: #42a5f6 !important; } /* line 2822, app/assets/stylesheets/_app-style.scss */ .success-card h3 .icon { color: #7ed320; } /* line 2827, app/assets/stylesheets/_app-style.scss */ .success-card .stats-icon { background: #7ed320; } /* line 2832, app/assets/stylesheets/_app-style.scss */ .success-card .progress .progress-bar { background-color: #7ed320 !important; } /* line 2840, app/assets/stylesheets/_app-style.scss */ .danger-card h3 .icon { color: #f75d81; } /* line 2845, app/assets/stylesheets/_app-style.scss */ .danger-card .stats-icon { background: #f75d81; } /* line 2850, app/assets/stylesheets/_app-style.scss */ .danger-card .progress .progress-bar { background-color: #f75d81 !important; } /* Stats card style one */ /* line 2857, app/assets/stylesheets/_app-style.scss */ .stats-card-one { background-color: #ffffff; padding: 25px; border-radius: 4px; } /* line 2862, app/assets/stylesheets/_app-style.scss */ .stats-card-one h3 { margin: 0; line-height: 1; } /* Stats card two */ /* line 2869, app/assets/stylesheets/_app-style.scss */ .stats-card-two { background-color: #ffffff; border-radius: 4px; padding: 25px; } /* line 2874, app/assets/stylesheets/_app-style.scss */ .stats-card-two .avatar { font-size: .875rem; text-align: center; background: #f1f2f3; color: #fff; white-space: nowrap; position: relative; overflow: hidden; vertical-align: middle; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; display: inline-block; } /* line 2890, app/assets/stylesheets/_app-style.scss */ .stats-card-two .align-items-center { align-items: center !important; } /* line 2895, app/assets/stylesheets/_app-style.scss */ .avatar-blue { color: #4F46E5 !important; background: rgba(63, 135, 245, 0.1) !important; } /* line 2900, app/assets/stylesheets/_app-style.scss */ .avatar-cyan { color: #00c9a7 !important; background: rgba(0, 201, 167, 0.1) !important; } /* line 2905, app/assets/stylesheets/_app-style.scss */ .avatar-gold { color: #ffc107 !important; background: rgba(255, 193, 7, 0.1) !important; } /* line 2910, app/assets/stylesheets/_app-style.scss */ .avatar-purple { color: #886cff !important; background: rgba(136, 108, 255, 0.1) !important; } /* line 2915, app/assets/stylesheets/_app-style.scss */ .avatar-red { color: #de4436 !important; background: rgba(222, 68, 54, 0.05) !important; } /* line 2920, app/assets/stylesheets/_app-style.scss */ .top-rated-products { list-style-type: none; padding: 0; margin: 0; } /* line 2925, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product { border-bottom: 1px solid #f6f6f7; position: relative; padding-left: 80px; padding-top: 15px; padding-bottom: 15px; padding-right: 45px; } /* line 2933, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product img { border: 1px solid #f3f3f3; width: 65px; height: 65px; position: absolute; left: 0; top: 14px; } /* line 2942, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .product-title { font-size: 13px; color: #212529; font-weight: 700; line-height: 1; } /* line 2948, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .product-title:hover { color: #4F46E5; } /* line 2953, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product p { margin-bottom: 2px; margin-top: 2px; } /* line 2958, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .price { display: inline-block; color: #f75d81; } /* line 2961, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .price del { color: #baabab; padding-right: 5px; } /* line 2969, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .rating { line-height: 0; display: inline-block; } /* line 2973, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .rating span { color: #ffce00; margin-right: 1px; font-size: 12px; } /* line 2980, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .view-link { position: absolute; top: 30px; right: 10px; border: 1px solid #4F46E5; color: #4F46E5; height: 26px; width: 26px; text-align: center; display: inline-block; line-height: 27px; border-radius: 30px; font-size: 9px; } /* line 2994, app/assets/stylesheets/_app-style.scss */ .top-rated-products .single-product .view-link:hover { background: #4F46E5; color: #fff; } /* line 3002, app/assets/stylesheets/_app-style.scss */ .tickets-lists { list-style-type: none; padding: 0; margin: 0; height: 365px; overflow-y: auto; } /* line 3009, app/assets/stylesheets/_app-style.scss */ .tickets-lists li { border-bottom: 1px solid #f6f6f7; position: relative; padding-left: 65px; padding-top: 15px; padding-bottom: 15px; padding-right: 40px; } /* line 3017, app/assets/stylesheets/_app-style.scss */ .tickets-lists li img { border: 1px solid #f3f3f3; width: 50px; height: 50px; position: absolute; left: 0; top: 11px; } /* line 3026, app/assets/stylesheets/_app-style.scss */ .tickets-lists li .product-title { font-size: 13px; color: #212529; font-weight: 700; display: inline-block; margin-bottom: 3px; } /* line 3033, app/assets/stylesheets/_app-style.scss */ .tickets-lists li .product-title:hover { color: #4F46E5; } /* line 3038, app/assets/stylesheets/_app-style.scss */ .tickets-lists li .date, .tickets-lists li .time { color: #686c71; } /* line 3042, app/assets/stylesheets/_app-style.scss */ .tickets-lists li .date .icon, .tickets-lists li .time .icon { width: 12px; height: 12px; } /* line 3050, app/assets/stylesheets/_app-style.scss */ .height-365 { height: 365px; overflow-y: auto; } /* line 3055, app/assets/stylesheets/_app-style.scss */ .product-categories { list-style-type: none; padding: 0; margin: 0; } /* line 3060, app/assets/stylesheets/_app-style.scss */ .product-categories li { margin-bottom: 5px; position: relative; padding-left: 17px; } /* line 3065, app/assets/stylesheets/_app-style.scss */ .product-categories li:last-child { margin-bottom: 0; } /* line 3069, app/assets/stylesheets/_app-style.scss */ .product-categories li::before { background-color: #4F46E5; content: ''; border: 1.4px solid #4F46E5; width: 10px; height: 10px; position: absolute; left: 0; top: 5px; border-radius: 50px; } /* line 3081, app/assets/stylesheets/_app-style.scss */ .product-categories li a { color: #686c71; } /* line 3084, app/assets/stylesheets/_app-style.scss */ .product-categories li a:hover { color: #4F46E5; } /* line 3096, app/assets/stylesheets/_app-style.scss */ .table .bg-none { background: none; } /* line 3101, app/assets/stylesheets/_app-style.scss */ .table .border-none th { border-top: none; padding-top: 0; } /* line 3108, app/assets/stylesheets/_app-style.scss */ .table thead th { border-bottom: 2px solid #f6f6f7; } /* line 3113, app/assets/stylesheets/_app-style.scss */ .table th { font-size: 14px; } /* line 3117, app/assets/stylesheets/_app-style.scss */ .table th, .table td { border-bottom: 1px solid #f6f6f7; border-top: 1px solid #f6f6f7; padding: 15px; } /* line 3124, app/assets/stylesheets/_app-style.scss */ .table td { color: #686c71; } /* line 3128, app/assets/stylesheets/_app-style.scss */ .table .badge { font-weight: 600; padding: 5px 10px; } /* line 3133, app/assets/stylesheets/_app-style.scss */ .table strong { color: #212529; font-size: 13px; font-weight: 600; } /* line 3139, app/assets/stylesheets/_app-style.scss */ .table a { color: #686c71; } /* line 3142, app/assets/stylesheets/_app-style.scss */ .table a:hover { color: #4F46E5; } /* line 3147, app/assets/stylesheets/_app-style.scss */ .table tr.active { background: #f3f6f9; } /* line 3152, app/assets/stylesheets/_app-style.scss */ .table .bort-none th { border-top: none; } /* line 3158, app/assets/stylesheets/_app-style.scss */ .table .borpt-0 th { padding-top: 0; } /* line 3164, app/assets/stylesheets/_app-style.scss */ .table-dark td, .table-dark th, .table-dark thead th { border-color: #454d55; } /* line 3173, app/assets/stylesheets/_app-style.scss */ .table-striped.light tbody tr:nth-of-type(odd) { background-color: #fff; } /* line 3177, app/assets/stylesheets/_app-style.scss */ .table-striped.light tbody tr:nth-of-type(even) { background-color: #f3f6f9; } /* line 3184, app/assets/stylesheets/_app-style.scss */ .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0; } /* line 3194, app/assets/stylesheets/_app-style.scss */ .table-hover tbody tr:hover { background-color: #f3f6f9; } /* line 3202, app/assets/stylesheets/_app-style.scss */ .table-dark thead { background: #212529; } /* line 3206, app/assets/stylesheets/_app-style.scss */ .table-dark td { color: #fff; } /* End dashboard landing page v.1 style */ /* Search result style */ /* line 3215, app/assets/stylesheets/_app-style.scss */ .search-result .single-product { border: 1px solid #f6f6f7; padding-left: 100px; padding-top: 20px; padding-bottom: 20px; padding-right: 45px; margin-top: 20px; border-radius: 6px; } /* line 3224, app/assets/stylesheets/_app-style.scss */ .search-result .single-product img { left: 20px; top: 18px; } /* line 3229, app/assets/stylesheets/_app-style.scss */ .search-result .single-product .view-link { top: 35px; right: 20px; } /* line 3236, app/assets/stylesheets/_app-style.scss */ .page-link { color: #4F46E5; } /* line 3239, app/assets/stylesheets/_app-style.scss */ .page-link:hover { color: #000; } /* line 3244, app/assets/stylesheets/_app-style.scss */ .page-item.active .page-link { background-color: #4F46E5; border-color: #4F46E5; } /* End search result style */ /* Notifications page style */ /* line 3253, app/assets/stylesheets/_app-style.scss */ .notifications-card .noti-card-title { background: #fff; margin: 0; padding: 15px 20px; border-top: 1px solid #f6f6f7; border-left: 1px solid #f6f6f7; border-right: 1px solid #f6f6f7; font-size: 15px; } /* line 3264, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item { border: 1px solid #f6f6f7; padding: 15px 15px 15px 40px; position: relative; font-size: 14px; } /* line 3270, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } /* line 3275, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item a { font-weight: 500; color: #4F46E5; } /* line 3279, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item a:hover { text-decoration: underline; } /* line 3284, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item .icon { position: absolute; left: 15px; top: 16px; width: 16px; height: 16px; } /* line 3292, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item span { position: absolute; left: 15px; top: 15px; font-size: 18px; } /* line 3299, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item .time { position: absolute; right: 15px; top: 17px; color: #a1aab2; font-size: 13px; } /* line 3307, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item ul { list-style-type: none; margin: 0; padding: 0; } /* line 3312, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item ul li { display: inline-block; margin-right: 5px; margin-top: 5px; } /* line 3319, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item .content { padding-top: 10px; } /* line 3323, app/assets/stylesheets/_app-style.scss */ .notifications-card .list-group .list-group-item .media { padding: 15px; border: 1px solid #f6f6f7; border-radius: 5px; } /* line 3332, app/assets/stylesheets/_app-style.scss */ .status { position: absolute; height: 10px; width: 10px; border-radius: 50%; } /* line 3339, app/assets/stylesheets/_app-style.scss */ .online { background: #42b72a; } /* line 3343, app/assets/stylesheets/_app-style.scss */ .ofline { background: #f62d51; } /* line 3347, app/assets/stylesheets/_app-style.scss */ .away { background: #ffbc34; } /* End Notifications page style */ /* Todo list style */ /* line 3355, app/assets/stylesheets/_app-style.scss */ .todo-list ul { list-style-type: none; padding: 0; margin: 0; } /* line 3360, app/assets/stylesheets/_app-style.scss */ .todo-list ul li { position: relative; border: 1px solid #f6f6f7; padding: 15px 50px 15px 50px; border-radius: 10px; margin-top: 15px; } /* line 3367, app/assets/stylesheets/_app-style.scss */ .todo-list ul li .task { font-size: 15px; font-weight: 600; color: #212529; } /* line 3373, app/assets/stylesheets/_app-style.scss */ .todo-list ul li .completed { text-decoration: line-through; color: cadetblue; } /* line 3379, app/assets/stylesheets/_app-style.scss */ .todo-list ul .close-btn { background-color: transparent; color: #f75d81; position: absolute; right: 15px; top: 15px; padding: 0; height: 22px; width: 22px; font-size: 9px; border-radius: 50%; line-height: 22px; } /* line 3395, app/assets/stylesheets/_app-style.scss */ .add-new-task { position: relative; margin-top: 20px; margin-bottom: 20px; } /* line 3400, app/assets/stylesheets/_app-style.scss */ .add-new-task .form-control { height: 45px; box-shadow: none; } /* line 3405, app/assets/stylesheets/_app-style.scss */ .add-new-task .btn-primary { position: absolute; top: 0; right: 0; border-radius: 0; height: 45px; } /* line 3414, app/assets/stylesheets/_app-style.scss */ .control { display: block; position: absolute; cursor: pointer; left: 15px; top: 12px; } /* line 3421, app/assets/stylesheets/_app-style.scss */ .control input { position: absolute; z-index: -1; opacity: 0; } /* line 3427, app/assets/stylesheets/_app-style.scss */ .control .control-indicator { position: absolute; top: 2px; left: 0; height: 22px; width: 22px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 50%; } /* line 3439, app/assets/stylesheets/_app-style.scss */ .control input:checked ~ .control-indicator { background: #4F46E5; } /* line 3443, app/assets/stylesheets/_app-style.scss */ .control-indicator:after { content: ''; position: absolute; display: none; } /* line 3449, app/assets/stylesheets/_app-style.scss */ .control input:checked ~ .control-indicator:after { display: block; } /* line 3453, app/assets/stylesheets/_app-style.scss */ .control-checkbox .control-indicator:after { left: 7px; top: 3px; width: 6px; height: 11px; border: 1px solid #e6e6e6; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* line 3465, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul { list-style-type: none; padding: 0; margin: 0; } /* line 3470, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul li { position: relative; background: #f5f5f5; margin-bottom: 15px; padding: 15px 50px 15px 50px; border-radius: 3px; } /* line 3477, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul li:last-child { margin-bottom: 0; } /* line 3481, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul li .task { font-size: 15px; font-weight: 600; color: #212529; } /* line 3487, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul li .completed { text-decoration: line-through; color: cadetblue; } /* line 3492, app/assets/stylesheets/_app-style.scss */ .todo-list-style-two ul li .close-btn { position: absolute; right: 10px; top: 14px; padding: 5px; box-shadow: none; color: #f75d81; } /* End Todo list style */ /* Signup page style */ /* ===================================================== Auth pages — premium light SaaS system matching the InstituteOnClick landing page (white + blue + indigo). ===================================================== */ /* Light-panel tokens — the right-hand form panel and card surfaces. */ /* line 3529, app/assets/stylesheets/_app-style.scss */ .auth-main-content { min-height: 100vh; padding: 40px 15px; display: flex; align-items: center; justify-content: center; color: #e7ecf7; } /* line 3537, app/assets/stylesheets/_app-style.scss */ .auth-main-content .d-table, .auth-main-content .d-tablecell { display: block !important; width: 100%; height: auto !important; vertical-align: middle; } /* line 3546, app/assets/stylesheets/_app-style.scss */ .auth-box { max-width: 960px; width: 100%; margin: 0 auto; background: #131c33; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 20px; position: relative; overflow: hidden; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.75); padding: 0; } /* line 3558, app/assets/stylesheets/_app-style.scss */ .auth-box .row { margin: 0; } /* line 3562, app/assets/stylesheets/_app-style.scss */ .auth-box .col-md-6 { padding: 0; } /* ---- Left brand / social panel ---- */ /* line 3568, app/assets/stylesheets/_app-style.scss */ .form-left-content { position: relative; height: 100%; padding: 56px 44px; background: radial-gradient(120% 90% at 0% 0%, rgba(99, 102, 241, 0.55) 0%, rgba(99, 102, 241, 0) 55%), linear-gradient(150deg, #2563eb 0%, #4f46e5 100%); color: #fff; } /* line 3577, app/assets/stylesheets/_app-style.scss */ .form-left-content::after { content: ''; position: absolute; inset: 0; background: radial-gradient(90% 60% at 100% 100%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 60%); pointer-events: none; } /* line 3585, app/assets/stylesheets/_app-style.scss */ .form-left-content .auth-logo { position: relative; text-align: center; margin-bottom: 34px; line-height: 1; } /* line 3591, app/assets/stylesheets/_app-style.scss */ .form-left-content .auth-logo img { max-height: 46px; width: auto; filter: brightness(0) invert(1); } /* line 3598, app/assets/stylesheets/_app-style.scss */ .form-left-content .login-links { position: relative; } /* line 3601, app/assets/stylesheets/_app-style.scss */ .form-left-content .login-links a { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; line-height: 1; padding: 13px 18px; border-radius: 12px; text-align: center; font-weight: 600; font-size: 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); color: #fff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: background .18s ease, transform .18s ease, border-color .18s ease; } /* line 3619, app/assets/stylesheets/_app-style.scss */ .form-left-content .login-links a:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); transform: translateY(-2px); } /* line 3625, app/assets/stylesheets/_app-style.scss */ .form-left-content .login-links a .icon { width: 16px; height: 16px; margin-top: -1px; } /* ---- Right form panel ---- */ /* line 3635, app/assets/stylesheets/_app-style.scss */ .form-content { padding: 56px 48px; background: #131c33; } /* line 3639, app/assets/stylesheets/_app-style.scss */ .form-content .heading { margin: 0 0 28px; position: relative; font-size: 26px; font-weight: 800; color: #fff; padding-bottom: 14px; } /* line 3647, app/assets/stylesheets/_app-style.scss */ .form-content .heading::before { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 40px; border-radius: 3px; background: linear-gradient(90deg, #2563eb, #4f46e5); } /* line 3659, app/assets/stylesheets/_app-style.scss */ .form-content .form-group { margin-bottom: 18px; } /* line 3663, app/assets/stylesheets/_app-style.scss */ .form-content .form-label, .form-content label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #94a0ba; } /* line 3672, app/assets/stylesheets/_app-style.scss */ .form-content .form-control { height: 48px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.09); color: #fff; padding: 0 16px; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } /* line 3681, app/assets/stylesheets/_app-style.scss */ .form-content .form-control::-moz-placeholder { color: rgba(148, 160, 186, 0.7); } .form-content .form-control::placeholder { color: rgba(148, 160, 186, 0.7); } /* line 3683, app/assets/stylesheets/_app-style.scss */ .form-content .form-control:focus { background-color: rgba(79, 70, 229, 0.06); border: 1px solid rgba(79, 70, 229, 0.7); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.18); outline: none; } /* line 3691, app/assets/stylesheets/_app-style.scss */ .form-content .btn-primary { border: none; border-radius: 12px; font-size: 15px; padding: 14px 20px; line-height: 1; width: 100%; font-weight: 700; margin-top: 8px; color: #fff; background: linear-gradient(135deg, #2563eb, #4f46e5); box-shadow: 0 14px 28px -12px rgba(79, 70, 229, 0.7); transition: transform .18s ease, box-shadow .18s ease; } /* line 3705, app/assets/stylesheets/_app-style.scss */ .form-content .btn-primary:hover, .form-content .btn-primary:focus { transform: translateY(-2px); box-shadow: 0 18px 34px -12px rgba(79, 70, 229, 0.8); color: #fff; } /* line 3713, app/assets/stylesheets/_app-style.scss */ .form-content .fp-link { display: block; margin-top: 18px; text-align: center; font-size: 13px; color: #94a0ba; } /* line 3720, app/assets/stylesheets/_app-style.scss */ .form-content .fp-link:hover { color: #fff; text-decoration: underline; } /* Dark gradient backdrop (replaces the old photo backgrounds) */ /* line 3728, app/assets/stylesheets/_app-style.scss */ .auth-bg-image, .auth-bg-sign-up, .auth-bg-sign-in, .auth-bg-img { background: radial-gradient(70% 55% at 15% 0%, rgba(79, 70, 229, 0.22) 0%, rgba(79, 70, 229, 0) 55%), radial-gradient(60% 50% at 100% 100%, rgba(99, 102, 241, 0.22) 0%, rgba(99, 102, 241, 0) 55%), #0f1729 !important; background-attachment: fixed !important; } /* ===================================================== Devise auth pages (Log In / Create Account) — redesign Visual only: markup keeps all fields + Devise bindings. ===================================================== */ /* line 3743, app/assets/stylesheets/_app-style.scss */ .auth2 { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 48px 16px; color: #e7ecf7; /* Labels */ /* Fields */ /* Gender-style selectable tiles */ /* Primary submit */ /* Secondary / links row */ /* Error alert inside dark card */ } /* line 3751, app/assets/stylesheets/_app-style.scss */ .auth2__card { width: 100%; background: #131c33; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 20px; overflow: hidden; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.75); } /* line 3760, app/assets/stylesheets/_app-style.scss */ .auth2__card--sm { max-width: 440px; } /* line 3761, app/assets/stylesheets/_app-style.scss */ .auth2__card--lg { max-width: 860px; } /* line 3763, app/assets/stylesheets/_app-style.scss */ .auth2__header { position: relative; padding: 32px 40px 28px; background: radial-gradient(120% 120% at 0% 0%, rgba(99, 102, 241, 0.5) 0%, rgba(99, 102, 241, 0) 55%), linear-gradient(135deg, #2563eb 0%, #4f46e5 100%); color: #fff; } /* line 3771, app/assets/stylesheets/_app-style.scss */ .auth2__logo { display: block; margin-bottom: 18px; } /* line 3774, app/assets/stylesheets/_app-style.scss */ .auth2__logo img { max-height: 40px; width: auto; filter: brightness(0) invert(1); } /* line 3776, app/assets/stylesheets/_app-style.scss */ .auth2__title { margin: 0; font-size: 24px; font-weight: 800; color: #fff; line-height: 1.2; } /* line 3777, app/assets/stylesheets/_app-style.scss */ .auth2__subtitle { margin: 6px 0 0; font-size: 14px; color: rgba(255, 255, 255, 0.82); } /* line 3779, app/assets/stylesheets/_app-style.scss */ .auth2__body { padding: 32px 40px 36px; } /* line 3782, app/assets/stylesheets/_app-style.scss */ .auth2 label, .auth2 .form-label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #94a0ba; } /* line 3784, app/assets/stylesheets/_app-style.scss */ .auth2 label em { font-style: normal; color: rgba(148, 160, 186, 0.75); font-weight: 500; } /* line 3787, app/assets/stylesheets/_app-style.scss */ .auth2 .form-control, .auth2 select.form-control, .auth2 input.form-control[type="date"] { height: 48px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.09); color: #fff; padding: 0 15px; width: 100%; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } /* line 3799, app/assets/stylesheets/_app-style.scss */ .auth2 .form-control::-moz-placeholder, .auth2 select.form-control::-moz-placeholder, .auth2 input.form-control[type="date"]::-moz-placeholder { color: rgba(148, 160, 186, 0.7); } .auth2 .form-control::placeholder, .auth2 select.form-control::placeholder, .auth2 input.form-control[type="date"]::placeholder { color: rgba(148, 160, 186, 0.7); } /* line 3800, app/assets/stylesheets/_app-style.scss */ .auth2 .form-control:focus, .auth2 select.form-control:focus, .auth2 input.form-control[type="date"]:focus { background-color: rgba(79, 70, 229, 0.06); border-color: rgba(79, 70, 229, 0.7); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.18); outline: none; } /* line 3806, app/assets/stylesheets/_app-style.scss */ .auth2 .form-control option, .auth2 select.form-control option, .auth2 input.form-control[type="date"] option { color: #0f1729; } /* line 3808, app/assets/stylesheets/_app-style.scss */ .auth2 select.form-control { -moz-appearance: none; appearance: none; -webkit-appearance: none; padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a0ba' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; } /* line 3814, app/assets/stylesheets/_app-style.scss */ .auth2__choice { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.09); cursor: pointer; transition: border-color .15s ease, background .15s ease; margin: 0; color: #e7ecf7; font-weight: 600; font-size: 14px; } /* line 3828, app/assets/stylesheets/_app-style.scss */ .auth2__choice:hover { border-color: rgba(79, 70, 229, 0.5); } /* line 3832, app/assets/stylesheets/_app-style.scss */ .auth2 .btn-primary, .auth2 input[type="submit"] { border: none; border-radius: 12px; font-size: 15px; padding: 14px 20px; line-height: 1; width: 100%; font-weight: 700; color: #fff; background: linear-gradient(135deg, #2563eb, #4f46e5); box-shadow: 0 14px 28px -12px rgba(79, 70, 229, 0.7); transition: transform .18s ease, box-shadow .18s ease; } /* line 3845, app/assets/stylesheets/_app-style.scss */ .auth2 .btn-primary:hover, .auth2 .btn-primary:focus, .auth2 input[type="submit"]:hover, .auth2 input[type="submit"]:focus { transform: translateY(-2px); box-shadow: 0 18px 34px -12px rgba(79, 70, 229, 0.8); color: #fff; } /* line 3849, app/assets/stylesheets/_app-style.scss */ .auth2__divider { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.09); margin: 24px 0; } /* line 3850, app/assets/stylesheets/_app-style.scss */ .auth2__actions { display: flex; gap: 12px; } /* line 3851, app/assets/stylesheets/_app-style.scss */ .auth2__link-btn { flex: 1; text-align: center; padding: 12px 14px; border-radius: 12px; font-weight: 600; font-size: 14px; color: #cdd6ea; background: transparent; border: 1px solid rgba(255, 255, 255, 0.09); transition: border-color .15s ease, color .15s ease, background .15s ease; } /* line 3862, app/assets/stylesheets/_app-style.scss */ .auth2__link-btn:hover { color: #fff; border-color: rgba(79, 70, 229, 0.6); background: rgba(79, 70, 229, 0.08); } /* line 3864, app/assets/stylesheets/_app-style.scss */ .auth2__foot { margin-top: 22px; text-align: center; font-size: 14px; color: #94a0ba; } /* line 3865, app/assets/stylesheets/_app-style.scss */ .auth2__foot a { color: #fff; font-weight: 600; } /* line 3865, app/assets/stylesheets/_app-style.scss */ .auth2__foot a:hover { text-decoration: underline; } /* line 3869, app/assets/stylesheets/_app-style.scss */ .auth2 .alert-danger { background: rgba(220, 74, 56, 0.12); border: 1px solid rgba(220, 74, 56, 0.4); color: #ffb4a8; border-radius: 12px; } /* line 3874, app/assets/stylesheets/_app-style.scss */ .auth2 .alert-danger h2 { font-size: 15px; } /* ===================================================== Split-screen auth (auth3): animated "how it works" panel on the LEFT, form on the RIGHT. ===================================================== */ /* line 3882, app/assets/stylesheets/_app-style.scss */ .auth3 { min-height: 100vh; background: #fff; color: #0b1220; /* modifiers kept for markup compatibility — full-screen either way */ /* ---------- LEFT: brand / experience panel (indigo-blue) ---------- */ /* Logo is pinned to the panel's upper-left so the copy below can stay optically centred in the column regardless of how many steps there are. */ /* Keeps the headline / copy / steps column comfortably narrow. */ /* Small uppercase eyebrow above the panel headline. */ /* 3-step timeline (Sign In): 12s cycle, each step lit ~4s */ /* ---------- RIGHT: form panel (white, only column that scrolls) ---------- */ /* margin:auto (not justify-content:center) so overflowing forms start at the top and stay fully reachable while scrolling */ /* `text-transform: none` overrides the global `form label { capitalize }` so labels read exactly as written ("Username or email", not "Or Email"). */ /* "Remember me" — a custom control so the box picks up the brand indigo (the native checkbox can't be tinted consistently across browsers). */ /* Muted Privacy / Terms / Security row under the form. */ /* The account-provisioning screen's styles now live in _auth-experience.scss as top-level `.auth3__setup-*` selectors, so the same markup works under both the .authx and .auth3 shells. */ } /* line 3887, app/assets/stylesheets/_app-style.scss */ .auth3__shell { height: 100vh; width: 100%; display: grid; grid-template-columns: 50fr 50fr; background: #f8fafc; overflow: hidden; } /* line 3896, app/assets/stylesheets/_app-style.scss */ .auth3__shell--lg, .auth3__shell--sm { max-width: none; } /* line 3900, app/assets/stylesheets/_app-style.scss */ .auth3__aside { position: relative; padding: 132px 60px 64px; color: #fff; overflow: hidden; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(70% 55% at 50% 8%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(165deg, #4f46e5 0%, #4338ca 100%); background-size: 140% 140%, 220% 220%; animation: auth3-bg-drift 18s ease-in-out infinite alternate; } /* line 3914, app/assets/stylesheets/_app-style.scss */ .auth3__aside::before, .auth3__aside::after { content: ''; position: absolute; border-radius: 50%; filter: blur(40px); opacity: 0.28; pointer-events: none; } /* line 3923, app/assets/stylesheets/_app-style.scss */ .auth3__aside::before { width: 260px; height: 260px; background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%); top: -60px; right: -40px; animation: auth3-float 9s ease-in-out infinite; } /* line 3929, app/assets/stylesheets/_app-style.scss */ .auth3__aside::after { width: 220px; height: 220px; background: radial-gradient(circle, rgba(99, 102, 241, 0.55) 0%, rgba(99, 102, 241, 0) 70%); bottom: -70px; left: -30px; animation: auth3-float 11s ease-in-out infinite reverse; } /* line 3938, app/assets/stylesheets/_app-style.scss */ .auth3__brand { position: absolute; top: 52px; left: 60px; display: flex; align-items: center; gap: 12px; animation: auth3-rise 0.55s 0.05s ease-out both; } /* line 3947, app/assets/stylesheets/_app-style.scss */ .auth3__brand img { width: 36px; height: 36px; -o-object-fit: contain; object-fit: contain; background: #fff; border-radius: 9px; padding: 5px; } /* line 3956, app/assets/stylesheets/_app-style.scss */ .auth3__brand-name { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; color: #fff; } /* line 3964, app/assets/stylesheets/_app-style.scss */ .auth3__aside-inner { position: relative; width: 100%; max-width: 480px; } /* line 3970, app/assets/stylesheets/_app-style.scss */ .auth3__aside-eyebrow { position: relative; margin: 0 0 14px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62); animation: auth3-rise 0.55s 0.1s ease-out both; } /* line 3980, app/assets/stylesheets/_app-style.scss */ .auth3__aside-title { position: relative; font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 14px; max-width: 460px; color: #fff; animation: auth3-rise 0.55s 0.15s ease-out both; } /* line 3991, app/assets/stylesheets/_app-style.scss */ .auth3__aside-sub { position: relative; margin: 0 0 40px; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.78); max-width: 420px; animation: auth3-rise 0.55s 0.22s ease-out both; } /* line 4001, app/assets/stylesheets/_app-style.scss */ .auth3__steps { position: relative; list-style: none; margin: 0; padding: 0; animation: auth3-rise 0.6s 0.3s ease-out both; } /* line 4008, app/assets/stylesheets/_app-style.scss */ .auth3__step { position: relative; display: flex; gap: 16px; padding: 0 0 26px; opacity: 0.55; animation: auth3-step 12s ease-in-out infinite; /* static connector track */ /* bright beam that fills the track while the step is active */ } /* line 4016, app/assets/stylesheets/_app-style.scss */ .auth3__step:last-child { padding-bottom: 0; } /* line 4019, app/assets/stylesheets/_app-style.scss */ .auth3__step:not(:last-child)::before { content: ''; position: absolute; left: 19px; top: 42px; bottom: 6px; width: 2px; border-radius: 2px; background: rgba(255, 255, 255, 0.25); } /* line 4028, app/assets/stylesheets/_app-style.scss */ .auth3__step:not(:last-child)::after { content: ''; position: absolute; left: 19px; top: 42px; bottom: 6px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.25)); transform: scaleY(0); transform-origin: top; animation: auth3-beam 12s ease-in-out infinite; } /* line 4040, app/assets/stylesheets/_app-style.scss */ .auth3__step-num { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); transition: all .3s ease; z-index: 1; } /* line 4056, app/assets/stylesheets/_app-style.scss */ .auth3__step-body { padding-top: 5px; } /* line 4057, app/assets/stylesheets/_app-style.scss */ .auth3__step-title { margin: 0 0 4px; font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; color: #fff; } /* line 4058, app/assets/stylesheets/_app-style.scss */ .auth3__step-text { margin: 0; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.7); } /* line 4061, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(1), .auth3__step:nth-child(1)::after { animation-delay: 0s; } /* line 4062, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(2), .auth3__step:nth-child(2)::after { animation-delay: 4s; } /* line 4063, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(3), .auth3__step:nth-child(3)::after { animation-delay: 8s; } /* line 4066, app/assets/stylesheets/_app-style.scss */ .auth3__form { position: relative; padding: 56px 60px; background: #fff; display: flex; flex-direction: column; height: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #c9d3e6 transparent; } /* line 4077, app/assets/stylesheets/_app-style.scss */ .auth3__form::-webkit-scrollbar { width: 8px; } /* line 4078, app/assets/stylesheets/_app-style.scss */ .auth3__form::-webkit-scrollbar-track { background: transparent; } /* line 4079, app/assets/stylesheets/_app-style.scss */ .auth3__form::-webkit-scrollbar-thumb { background: #d4dcec; border-radius: 8px; } /* line 4080, app/assets/stylesheets/_app-style.scss */ .auth3__form::-webkit-scrollbar-thumb:hover { background: #b9c6de; } /* line 4084, app/assets/stylesheets/_app-style.scss */ .auth3__form-inner { width: 100%; max-width: 420px; margin: auto; animation: auth3-rise 0.6s 0.15s ease-out both; } /* line 4090, app/assets/stylesheets/_app-style.scss */ .auth3__form-inner--wide { max-width: 560px; } /* line 4091, app/assets/stylesheets/_app-style.scss */ .auth3__title { margin: 0 0 8px; font-size: 34px; font-weight: 700; letter-spacing: -0.01em; color: #0b1220; } /* line 4092, app/assets/stylesheets/_app-style.scss */ .auth3__subtitle { margin: 0 0 32px; font-size: 15px; color: #64748b; } /* line 4096, app/assets/stylesheets/_app-style.scss */ .auth3 label, .auth3 .form-label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; text-transform: none; color: #3a465c; } /* line 4104, app/assets/stylesheets/_app-style.scss */ .auth3 label em { font-style: normal; color: #97a1b5; font-weight: 500; } /* line 4106, app/assets/stylesheets/_app-style.scss */ .auth3 .form-control, .auth3 select.form-control, .auth3 input.form-control[type="date"] { height: 50px; border-radius: 10px; background-color: #f8fafc; border: 1px solid #e2e8f0; color: #0b1220; padding: 0 15px; width: 100%; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } /* line 4117, app/assets/stylesheets/_app-style.scss */ .auth3 .form-control::-moz-placeholder, .auth3 select.form-control::-moz-placeholder, .auth3 input.form-control[type="date"]::-moz-placeholder { color: #94a3b8; } .auth3 .form-control::placeholder, .auth3 select.form-control::placeholder, .auth3 input.form-control[type="date"]::placeholder { color: #94a3b8; } /* line 4118, app/assets/stylesheets/_app-style.scss */ .auth3 .form-control:focus, .auth3 select.form-control:focus, .auth3 input.form-control[type="date"]:focus { background-color: #fff; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); outline: none; } /* line 4124, app/assets/stylesheets/_app-style.scss */ .auth3 .form-control option, .auth3 select.form-control option, .auth3 input.form-control[type="date"] option { color: #0b1220; } /* line 4126, app/assets/stylesheets/_app-style.scss */ .auth3 select.form-control { -moz-appearance: none; appearance: none; -webkit-appearance: none; padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364708a' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; } /* line 4131, app/assets/stylesheets/_app-style.scss */ .auth3__choice { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; cursor: pointer; margin: 0; color: #3a465c; font-weight: 600; font-size: 14px; transition: border-color .15s ease, background .15s ease; } /* line 4137, app/assets/stylesheets/_app-style.scss */ .auth3__choice:hover { border-color: rgba(79, 70, 229, 0.4); background: #eef2ff; } /* line 4140, app/assets/stylesheets/_app-style.scss */ .auth3 .btn-primary, .auth3 input[type="submit"] { border: none; border-radius: 10px; font-size: 15px; padding: 14px 20px; line-height: 1; width: 100%; height: 50px; font-weight: 600; color: #fff; background: #4f46e5; box-shadow: 0 10px 24px -10px rgba(79, 70, 229, 0.45); transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease; } /* line 4148, app/assets/stylesheets/_app-style.scss */ .auth3 .btn-primary:hover, .auth3 .btn-primary:focus, .auth3 input[type="submit"]:hover, .auth3 input[type="submit"]:focus { background: #4338ca; transform: translateY(-1px); box-shadow: 0 14px 28px -10px rgba(79, 70, 229, 0.5); color: #fff; } /* line 4149, app/assets/stylesheets/_app-style.scss */ .auth3 .btn-primary:active, .auth3 input[type="submit"]:active { background: #3730a3; transform: translateY(0); } /* line 4152, app/assets/stylesheets/_app-style.scss */ .auth3__label-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } /* line 4157, app/assets/stylesheets/_app-style.scss */ .auth3__label-row label, .auth3__label-row .form-label { margin-bottom: 0; } /* line 4159, app/assets/stylesheets/_app-style.scss */ .auth3__mini-link { font-size: 13px; font-weight: 600; color: #2563eb; } /* line 4163, app/assets/stylesheets/_app-style.scss */ .auth3__mini-link:hover { color: #4f46e5; text-decoration: underline; } /* line 4165, app/assets/stylesheets/_app-style.scss */ .auth3__foot { margin-top: 22px; text-align: center; font-size: 14px; color: #64748b; } /* line 4166, app/assets/stylesheets/_app-style.scss */ .auth3__foot a { color: #4f46e5; font-weight: 600; } /* line 4166, app/assets/stylesheets/_app-style.scss */ .auth3__foot a:hover { text-decoration: underline; } /* line 4171, app/assets/stylesheets/_app-style.scss */ .auth3__remember { display: flex; align-items: center; gap: 9px; margin: -4px 0 20px; font-size: 14px; font-weight: 500; color: #64748b; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 4182, app/assets/stylesheets/_app-style.scss */ .auth3__checkbox { -moz-appearance: none; appearance: none; -webkit-appearance: none; flex: 0 0 auto; width: 17px; height: 17px; margin: 0; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; } /* line 4195, app/assets/stylesheets/_app-style.scss */ .auth3__checkbox:checked { background-color: #4f46e5; border-color: #4f46e5; /* Checkmark drawn as a background image so no extra markup is needed. */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 4.6l2.8 2.8L10 1.2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } /* line 4203, app/assets/stylesheets/_app-style.scss */ .auth3__checkbox:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); } /* line 4209, app/assets/stylesheets/_app-style.scss */ .auth3__terms { margin: 16px 0 0; font-size: 12.5px; line-height: 1.55; text-align: center; color: #94a3b8; } /* line 4216, app/assets/stylesheets/_app-style.scss */ .auth3__terms a { color: #64748b; font-weight: 500; } /* line 4219, app/assets/stylesheets/_app-style.scss */ .auth3__terms a:hover { color: #4f46e5; text-decoration: underline; } /* line 4224, app/assets/stylesheets/_app-style.scss */ .auth3__legal { display: flex; justify-content: center; gap: 20px; margin: 30px 0 0; padding: 0; list-style: none; } /* line 4232, app/assets/stylesheets/_app-style.scss */ .auth3__legal a { font-size: 12.5px; color: #94a3b8; transition: color .15s ease; } /* line 4236, app/assets/stylesheets/_app-style.scss */ .auth3__legal a:hover { color: #64748b; } /* line 4240, app/assets/stylesheets/_app-style.scss */ .auth3__theme { position: absolute; top: 28px; right: 28px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #0b1220; cursor: pointer; flex-shrink: 0; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: color .15s ease, background .15s ease, border-color .15s ease, transform .15s ease; } /* line 4259, app/assets/stylesheets/_app-style.scss */ .auth3__theme:hover { color: #4f46e5; border-color: rgba(79, 70, 229, 0.3); background: #eef2ff; transform: translateY(-1px); } /* line 4266, app/assets/stylesheets/_app-style.scss */ .auth3__theme-icon { width: 18px; height: 18px; } /* line 4271, app/assets/stylesheets/_app-style.scss */ .auth3__req { color: #ef4444; font-weight: 700; } /* line 4273, app/assets/stylesheets/_app-style.scss */ .auth3__field-hint { display: block; margin-top: 6px; font-size: 12px; font-weight: 500; color: #97a1b5; line-height: 1.3; } /* line 4282, app/assets/stylesheets/_app-style.scss */ .auth3__input-affix { display: flex; align-items: stretch; width: 100%; border-radius: 10px; background-color: #f8fafc; border: 1px solid #e2e8f0; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } /* line 4292, app/assets/stylesheets/_app-style.scss */ .auth3__input-affix:focus-within { background-color: #fff; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); } /* line 4298, app/assets/stylesheets/_app-style.scss */ .auth3__input-affix .form-control { flex: 1 1 auto; min-width: 0; height: 50px; border: none; border-radius: 0; box-shadow: none; background: transparent; } /* line 4307, app/assets/stylesheets/_app-style.scss */ .auth3__input-affix .form-control:focus { background: transparent; border: none; box-shadow: none; } /* line 4314, app/assets/stylesheets/_app-style.scss */ .auth3__input-affix-suffix { flex: 0 0 auto; display: flex; align-items: center; padding: 0 14px 0 8px; font-size: 13px; font-weight: 600; color: #64708a; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-left: 1px solid #e3e8f2; background: #eef2fb; } /* line 4328, app/assets/stylesheets/_app-style.scss */ .auth3 .pw-field .form-control { padding-right: 52px; } /* line 4332, app/assets/stylesheets/_app-style.scss */ .auth3 label.auth3__upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 120px; padding: 20px 16px; margin: 0 0 0; cursor: pointer; border-radius: 12px; border: 1.5px dashed #c9d3e6; background: #f8fafc; text-align: center; font-size: inherit; font-weight: inherit; color: inherit; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } /* line 4353, app/assets/stylesheets/_app-style.scss */ .auth3 label.auth3__upload:hover { border-color: #2563eb; background: #f4f6fb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08); } /* line 4359, app/assets/stylesheets/_app-style.scss */ .auth3__upload-icon { display: flex; align-items: center; justify-content: center; line-height: 0; margin-bottom: 2px; } /* line 4366, app/assets/stylesheets/_app-style.scss */ .auth3__upload-preview { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; border-radius: 10px; background: #fff; border: 1px solid #e3e8f2; margin-bottom: 2px; } /* line 4375, app/assets/stylesheets/_app-style.scss */ .auth3 label.auth3__upload.auth3__upload--filled { border-style: solid; border-color: #c9d3e6; background: #f4f6fb; } /* line 4380, app/assets/stylesheets/_app-style.scss */ .auth3__upload-text { font-size: 14px; font-weight: 600; color: #4b5568; line-height: 1.3; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 4390, app/assets/stylesheets/_app-style.scss */ .auth3__upload-hint { font-size: 12px; font-weight: 500; color: #97a1b5; line-height: 1.3; } /* line 4396, app/assets/stylesheets/_app-style.scss */ .auth3__upload-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* line 4408, app/assets/stylesheets/_app-style.scss */ .auth3 .alert-danger { background: rgba(220, 74, 56, 0.08); border: 1px solid rgba(220, 74, 56, 0.3); color: #b32d1c; border-radius: 12px; } /* line 4412, app/assets/stylesheets/_app-style.scss */ .auth3 .alert-danger h2 { font-size: 15px; } /* line 4415, app/assets/stylesheets/_app-style.scss */ .auth3__form-inner { position: relative; } /* line 4419, app/assets/stylesheets/_app-style.scss */ .auth3__form-inner--wide { min-height: 720px; } /* line 4423, app/assets/stylesheets/_app-style.scss */ .auth3__form form.is-submitting { pointer-events: none; } /* line 4427, app/assets/stylesheets/_app-style.scss */ .auth3__form .btn[disabled] { opacity: 0.75; cursor: not-allowed; } /* line 4432, app/assets/stylesheets/_app-style.scss */ .auth3__setup-shell, .auth3 .js-signup-form-shell { transition: opacity .32s ease, transform .32s ease; will-change: opacity, transform; } /* line 4438, app/assets/stylesheets/_app-style.scss */ .auth3 .js-signup-form-shell.is-hidden { opacity: 0; transform: translateY(18px) scale(0.985); pointer-events: none; } /* line 4444, app/assets/stylesheets/_app-style.scss */ .auth3__setup-shell { opacity: 0; transform: translateY(18px) scale(0.985); } /* line 4449, app/assets/stylesheets/_app-style.scss */ .auth3__setup-shell.is-visible { opacity: 1; transform: translateY(0) scale(1); animation: auth3-rise .45s ease both; } /* ---- Flash toasts ---------------------------------------------------------- Floating notifications rendered by layouts/_flash_toasts. Fixed to the viewport so they never displace page content, and stacked so several flashes in one response remain readable. */ /* line 4464, app/assets/stylesheets/_app-style.scss */ .toast-stack { position: fixed; top: 18px; right: 18px; z-index: 1080; display: flex; flex-direction: column; gap: 10px; width: 360px; max-width: calc(100vw - 36px); pointer-events: none; } /* line 4477, app/assets/stylesheets/_app-style.scss */ .toast-item { position: relative; display: flex; align-items: flex-start; gap: 11px; overflow: hidden; padding: 13px 14px 14px; border: 1px solid var(--portal-line); border-radius: 11px; background: var(--portal-card, #ffffff); box-shadow: 0 12px 28px -10px rgba(15, 23, 41, 0.28), 0 2px 6px rgba(15, 23, 41, 0.06); pointer-events: auto; animation: toast-in 0.32s cubic-bezier(0.21, 1.02, 0.73, 1) both; /* Progress bar showing the time left before auto-dismiss, so the toast disappearing never feels arbitrary. Paused on hover by the JS. */ } /* line 4492, app/assets/stylesheets/_app-style.scss */ .toast-item.is-leaving { animation: toast-out 0.22s ease forwards; } /* line 4496, app/assets/stylesheets/_app-style.scss */ .toast-item__icon { display: flex; flex: 0 0 20px; align-items: center; justify-content: center; width: 20px; height: 20px; margin-top: 1px; } /* line 4505, app/assets/stylesheets/_app-style.scss */ .toast-item__icon svg { width: 19px; height: 19px; stroke-width: 2.2; } /* line 4512, app/assets/stylesheets/_app-style.scss */ .toast-item__body { flex: 1 1 auto; min-width: 0; font-size: 13.5px; font-weight: 500; line-height: 1.5; color: var(--portal-ink); word-break: break-word; } /* line 4522, app/assets/stylesheets/_app-style.scss */ .toast-item__close { flex: 0 0 auto; padding: 0 2px; border: 0; background: transparent; color: var(--portal-muted); font-size: 19px; line-height: 1; cursor: pointer; opacity: 0.75; transition: opacity 0.15s ease; } /* line 4534, app/assets/stylesheets/_app-style.scss */ .toast-item__close:hover, .toast-item__close:focus-visible { opacity: 1; } /* line 4539, app/assets/stylesheets/_app-style.scss */ .toast-item__close:focus-visible { outline: 2px solid var(--portal-primary); outline-offset: 2px; border-radius: 4px; } /* line 4548, app/assets/stylesheets/_app-style.scss */ .toast-item__timer { position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; transform-origin: left center; opacity: 0.55; } /* line 4560, app/assets/stylesheets/_app-style.scss */ .toast-item--success .toast-item__icon { color: #12805c; } /* line 4561, app/assets/stylesheets/_app-style.scss */ .toast-item--success .toast-item__timer { background: #12805c; } /* line 4565, app/assets/stylesheets/_app-style.scss */ .toast-item--danger .toast-item__icon { color: #c02a37; } /* line 4566, app/assets/stylesheets/_app-style.scss */ .toast-item--danger .toast-item__timer { background: #c02a37; } /* line 4570, app/assets/stylesheets/_app-style.scss */ .toast-item--warning .toast-item__icon { color: #a8690a; } /* line 4571, app/assets/stylesheets/_app-style.scss */ .toast-item--warning .toast-item__timer { background: #a8690a; } /* line 4575, app/assets/stylesheets/_app-style.scss */ .toast-item--info .toast-item__icon { color: var(--portal-primary); } /* line 4576, app/assets/stylesheets/_app-style.scss */ .toast-item--info .toast-item__timer { background: var(--portal-primary); } @keyframes toast-in { from { opacity: 0; transform: translateX(18px) scale(0.98); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes toast-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(18px); } } @keyframes toast-timer { from { transform: scaleX(1); } to { transform: scaleX(0); } } @media (max-width: 575.98px) { /* line 4596, app/assets/stylesheets/_app-style.scss */ .toast-stack { top: auto; bottom: 14px; right: 12px; left: 12px; width: auto; } } @media (prefers-reduced-motion: reduce) { /* line 4606, app/assets/stylesheets/_app-style.scss */ .toast-item, .toast-item.is-leaving { animation: none; } /* line 4611, app/assets/stylesheets/_app-style.scss */ .toast-item__timer { display: none; } } /* ---- Form error panel ------------------------------------------------------ Used by devise/shared/_error_messages and the signup form's JS renderer. Previously #error_explanation had no styles at all, so the

fell back to Bootstrap's heading colour and became unreadable on the dark alert ground. */ /* line 4620, app/assets/stylesheets/_app-style.scss */ #error_explanation { display: flex; gap: 10px; align-items: flex-start; /* A single error reads as a statement, not a list -- drop the bullet. */ } /* line 4625, app/assets/stylesheets/_app-style.scss */ #error_explanation::before { /* Warning glyph as a pseudo-element: purely decorative, so it stays out of the accessibility tree and out of the markup. */ content: "!"; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: #dc3545; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 20px; text-align: center; } /* line 4642, app/assets/stylesheets/_app-style.scss */ #error_explanation > div { min-width: 0; } /* line 4646, app/assets/stylesheets/_app-style.scss */ #error_explanation h2 { margin: 0 0 6px; /* Inherit the alert's own colour so the heading can never end up dark text on a dark panel. */ color: inherit; font-size: 14px; font-weight: 700; line-height: 1.35; letter-spacing: -0.1px; } /* line 4657, app/assets/stylesheets/_app-style.scss */ #error_explanation ul { margin: 0; padding: 0; list-style: none; } /* line 4663, app/assets/stylesheets/_app-style.scss */ #error_explanation li { position: relative; padding-left: 14px; font-size: 13.5px; line-height: 1.55; color: inherit; opacity: 0.92; } /* line 4671, app/assets/stylesheets/_app-style.scss */ #error_explanation li + li { margin-top: 3px; } /* line 4675, app/assets/stylesheets/_app-style.scss */ #error_explanation li::before { content: ""; position: absolute; top: 8px; left: 3px; width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: 0.55; } /* line 4689, app/assets/stylesheets/_app-style.scss */ #error_explanation li:only-child { padding-left: 0; } /* line 4692, app/assets/stylesheets/_app-style.scss */ #error_explanation li:only-child::before { display: none; } /* line 4698, app/assets/stylesheets/_app-style.scss */ .alert-danger #error_explanation h2 { color: inherit; } /* ---- shared entrance / ambient keyframes ---- */ @keyframes auth3-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes auth3-bg-drift { 0% { background-position: 0% 0%, 0% 0%; } 100% { background-position: 70% 45%, 100% 100%; } } @keyframes auth3-setup-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes auth3-float { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(18px, 22px) scale(1.08); } } /* ---- 3-step timeline (Sign In): 12s cycle, 4s per step ---- active step slides right + brightens, its number chip fills white and emits a glow ping, and a beam fills the connector */ @keyframes auth3-step { 0% { opacity: 0.55; transform: translateX(0); } 4%, 29% { opacity: 1; transform: translateX(6px); } 37%, 100% { opacity: 0.55; transform: translateX(0); } } @keyframes auth3-step-num { 0% { background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.3); transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } 4% { background: #fff; color: #2563eb; border-color: #fff; transform: scale(1.12); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45); } 17%, 29% { background: #fff; color: #2563eb; border-color: #fff; transform: scale(1.12); box-shadow: 0 0 0 16px rgba(255, 255, 255, 0); } 37%, 100% { background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.3); transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes auth3-beam { 0%, 6% { transform: scaleY(0); opacity: 1; } 29% { transform: scaleY(1); opacity: 1; } 36% { transform: scaleY(1); opacity: 0; } 37%, 100% { transform: scaleY(0); opacity: 0; } } /* line 4760, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(1) .auth3__step-num { animation: auth3-step-num 12s ease-in-out infinite; animation-delay: 0s; } /* line 4761, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(2) .auth3__step-num { animation: auth3-step-num 12s ease-in-out infinite; animation-delay: 4s; } /* line 4762, app/assets/stylesheets/_app-style.scss */ .auth3__step:nth-child(3) .auth3__step-num { animation: auth3-step-num 12s ease-in-out infinite; animation-delay: 8s; } /* ---- 5-step variant (Sign Up): 20s cycle, 4s per step ---- */ @keyframes auth3-step-5 { 0% { opacity: 0.55; transform: translateX(0); } 2.5%, 17.5% { opacity: 1; transform: translateX(6px); } 22%, 100% { opacity: 0.55; transform: translateX(0); } } @keyframes auth3-step-num-5 { 0% { background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.3); transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } 2.5% { background: #fff; color: #2563eb; border-color: #fff; transform: scale(1.12); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45); } 10%, 17.5% { background: #fff; color: #2563eb; border-color: #fff; transform: scale(1.12); box-shadow: 0 0 0 16px rgba(255, 255, 255, 0); } 22%, 100% { background: rgba(255, 255, 255, 0.14); color: #fff; border-color: rgba(255, 255, 255, 0.3); transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes auth3-beam-5 { 0%, 4% { transform: scaleY(0); opacity: 1; } 17.5% { transform: scaleY(1); opacity: 1; } 21.5% { transform: scaleY(1); opacity: 0; } 22%, 100% { transform: scaleY(0); opacity: 0; } } /* line 4802, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 { /* Sign Up: pin the aside content to the top instead of centering */ } /* line 4804, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__aside { justify-content: flex-start; } /* line 4806, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step { animation-name: auth3-step-5; animation-duration: 20s; } /* line 4807, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:not(:last-child)::after { animation-name: auth3-beam-5; animation-duration: 20s; } /* line 4809, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(1), .auth3__shell--steps5 .auth3__step:nth-child(1)::after { animation-delay: 0s; } /* line 4810, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(2), .auth3__shell--steps5 .auth3__step:nth-child(2)::after { animation-delay: 4s; } /* line 4811, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(3), .auth3__shell--steps5 .auth3__step:nth-child(3)::after { animation-delay: 8s; } /* line 4812, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(4), .auth3__shell--steps5 .auth3__step:nth-child(4)::after { animation-delay: 12s; } /* line 4813, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(5), .auth3__shell--steps5 .auth3__step:nth-child(5)::after { animation-delay: 16s; } /* line 4815, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(1) .auth3__step-num { animation: auth3-step-num-5 20s ease-in-out infinite; animation-delay: 0s; } /* line 4816, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(2) .auth3__step-num { animation: auth3-step-num-5 20s ease-in-out infinite; animation-delay: 4s; } /* line 4817, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(3) .auth3__step-num { animation: auth3-step-num-5 20s ease-in-out infinite; animation-delay: 8s; } /* line 4818, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(4) .auth3__step-num { animation: auth3-step-num-5 20s ease-in-out infinite; animation-delay: 12s; } /* line 4819, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step:nth-child(5) .auth3__step-num { animation: auth3-step-num-5 20s ease-in-out infinite; animation-delay: 16s; } /* keep all 5 sign-up steps visible on shorter screens */ @media (min-width: 821px) and (max-height: 800px) { /* line 4824, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__aside { padding: 96px 48px 36px; } /* line 4825, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__brand { top: 34px; left: 48px; } /* line 4826, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__aside-title { font-size: 27px; } /* line 4827, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__aside-sub { margin-bottom: 22px; } /* line 4828, app/assets/stylesheets/_app-style.scss */ .auth3__shell--steps5 .auth3__step { padding-bottom: 16px; } } @media (max-width: 820px) { /* line 4832, app/assets/stylesheets/_app-style.scss */ .auth3, .auth3__shell { min-height: auto; height: auto; } /* line 4833, app/assets/stylesheets/_app-style.scss */ .auth3__shell { grid-template-columns: 1fr; overflow: visible; } /* line 4834, app/assets/stylesheets/_app-style.scss */ .auth3__aside { padding: 92px 28px 40px; } /* line 4835, app/assets/stylesheets/_app-style.scss */ .auth3__brand { top: 32px; left: 28px; } /* line 4836, app/assets/stylesheets/_app-style.scss */ .auth3__aside-title { font-size: 27px; } /* line 4837, app/assets/stylesheets/_app-style.scss */ .auth3__form { padding: 40px 28px; height: auto; overflow: visible; } /* line 4838, app/assets/stylesheets/_app-style.scss */ .auth3__aside-inner { max-width: none; } /* line 4839, app/assets/stylesheets/_app-style.scss */ .auth3__aside-sub { max-width: none; } /* line 4840, app/assets/stylesheets/_app-style.scss */ .auth3__form-inner--wide { min-height: auto; } /* line 4841, app/assets/stylesheets/_app-style.scss */ .auth3__setup { padding: 24px 20px; border-radius: 20px; } /* line 4842, app/assets/stylesheets/_app-style.scss */ .auth3__setup-title { font-size: 24px; } } @media (prefers-reduced-motion: reduce) { /* line 4846, app/assets/stylesheets/_app-style.scss */ .auth3__aside, .auth3__aside::before, .auth3__aside::after, .auth3__brand, .auth3__aside-title, .auth3__aside-sub, .auth3__steps, .auth3__step, .auth3__step::after, .auth3__step .auth3__step-num, .auth3__form-inner, .auth3__setup-shell.is-visible { animation: none; } /* line 4858, app/assets/stylesheets/_app-style.scss */ .auth3__step { opacity: 1; } /* line 4859, app/assets/stylesheets/_app-style.scss */ .auth3__setup-loader, .auth3__setup-step.is-active .auth3__setup-step-spinner { animation: none; } /* line 4861, app/assets/stylesheets/_app-style.scss */ .auth3__setup-progress-bar, .auth3__setup-shell, .js-signup-form-shell { transition: none; } } /* Full-screen auth pages: kill the body gutter and hide the stray leading preloader block so the split sits flush to the top edge. */ /* line 4868, app/assets/stylesheets/_app-style.scss */ body.auth-bg-img { margin: 0 !important; /* The split is exactly 100vh; without a matching ground colour any sub-pixel/rounding gap under it shows the default page background. */ background-color: #fff !important; } /* Hide every direct child except the auth split (the stray preloader wrapper renders in normal flow and pushes it down). `.authx` is the current shell; `.auth3` is kept so the older auth screens still work. */ /* line 4877, app/assets/stylesheets/_app-style.scss */ body.auth-bg-img > *:not(.auth3):not(.authx) { display: none !important; } /* line 4881, app/assets/stylesheets/_app-style.scss */ .protfolio-cover-bg-img { background-image: url(/assets/protfolio-cover-801a4c511de4d87219a38ff3485129cd5b0e227d0ccdeb4d420553ba56cdd230.jpg); opacity: 0.75; background-position: center; background-attachment: fixed; background-size: cover; } /* line 4889, app/assets/stylesheets/_app-style.scss */ .protfolio-services-bg-img { background-image: url(/assets/protfolio-services-28507dde3c1d8a1ff5684f96258943eb60b7f21ab59c225f1b3bfabb3d9ddf66.jpg); opacity: 0.75; background-position: center; background-attachment: fixed; background-size: cover; } /* line 4897, app/assets/stylesheets/_app-style.scss */ .protfolio-contact-us-bg-img { background-image: url(/assets/protfolio-contact-us-4f4cdc12e0c00ce3b98fee5f62e1e134f0265a6ab38d3d44f8cb0daa0e084358.jpg); opacity: 0.75; background-position: center; background-attachment: fixed; background-size: cover; } /* End signup page style */ /* Notes page style */ /* line 4908, app/assets/stylesheets/_app-style.scss */ .notes-card { position: relative; background-color: #fff; padding: 20px; } /* line 4913, app/assets/stylesheets/_app-style.scss */ .notes-card p { margin: 0; } /* line 4917, app/assets/stylesheets/_app-style.scss */ .notes-card ul, .notes-card ol { padding-left: 17px; margin: 0; } /* line 4922, app/assets/stylesheets/_app-style.scss */ .notes-card ul li, .notes-card ol li { margin-bottom: 8px; } /* line 4925, app/assets/stylesheets/_app-style.scss */ .notes-card ul li:last-child, .notes-card ol li:last-child { margin-bottom: 0; } /* line 4931, app/assets/stylesheets/_app-style.scss */ .notes-card.primary { color: #004085; background-color: #cce5ff; border: 1px solid #b8daff; } /* line 4936, app/assets/stylesheets/_app-style.scss */ .notes-card.primary p { color: #004085; } /* line 4941, app/assets/stylesheets/_app-style.scss */ .notes-card.secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } /* line 4946, app/assets/stylesheets/_app-style.scss */ .notes-card.secondary p { color: #383d41; } /* line 4951, app/assets/stylesheets/_app-style.scss */ .notes-card.danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } /* line 4956, app/assets/stylesheets/_app-style.scss */ .notes-card.danger p { color: #721c24; } /* line 4961, app/assets/stylesheets/_app-style.scss */ .notes-card.warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } /* line 4966, app/assets/stylesheets/_app-style.scss */ .notes-card.warning p { color: #856404; } /* line 4971, app/assets/stylesheets/_app-style.scss */ .notes-card.info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } /* line 4976, app/assets/stylesheets/_app-style.scss */ .notes-card.info p { color: #0c5460; } /* line 4981, app/assets/stylesheets/_app-style.scss */ .notes-card.light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } /* line 4986, app/assets/stylesheets/_app-style.scss */ .notes-card.light p { color: #818182; } /* line 4991, app/assets/stylesheets/_app-style.scss */ .notes-card.dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } /* line 4996, app/assets/stylesheets/_app-style.scss */ .notes-card.dark p { color: #1b1e21; } /* line 5002, app/assets/stylesheets/_app-style.scss */ .close-notes { background: #f75d81; border-color: #f75d81; position: absolute; top: 0; right: 0; padding: 5px; font-size: 10px; border-radius: 0; } /* line 5014, app/assets/stylesheets/_app-style.scss */ .notes-content .form-control { border-radius: 0; border-color: #f6f6f7; box-shadow: none; padding: 15px; line-height: 26px; } /* line 5022, app/assets/stylesheets/_app-style.scss */ .notes-content form { position: relative; } /* line 5025, app/assets/stylesheets/_app-style.scss */ .notes-content form .btn { position: absolute; top: 0; right: 0; border-radius: 0; } /* End notes page style */ /* Map style */ /* line 5037, app/assets/stylesheets/_app-style.scss */ .map-content { width: 100%; height: 500px; } /* line 5042, app/assets/stylesheets/_app-style.scss */ .google-map { margin-bottom: 30px; } /* line 5045, app/assets/stylesheets/_app-style.scss */ .google-map iframe { width: 100%; height: 750px; } /* End map style */ /* Calendar style */ /* line 5054, app/assets/stylesheets/_app-style.scss */ .calendar-content { width: 100% !important; margin-top: 20px; } /* line 5058, app/assets/stylesheets/_app-style.scss */ .calendar-content .Cal__Day__month { top: 12px !important; } /* line 5062, app/assets/stylesheets/_app-style.scss */ .calendar-content .Cal__Day__day { top: 6px !important; font-size: 15px !important; } /* line 5067, app/assets/stylesheets/_app-style.scss */ .calendar-content .Cal__Today__chevron { margin-left: 35px !important; } /* line 5071, app/assets/stylesheets/_app-style.scss */ .calendar-content .Cal__Header__date { font-size: 20px; color: #fff; text-align: center; font-weight: 600; } /* line 5078, app/assets/stylesheets/_app-style.scss */ .calendar-content .Cal__Header__root { min-height: 100%; padding: 30px 20px 20px; } /* End Calendar style */ /* List group */ /* line 5087, app/assets/stylesheets/_app-style.scss */ .card-header + .list-group .list-group-item:first-child { border-top: 1px solid #ebebeb; border-radius: 0; } /* line 5092, app/assets/stylesheets/_app-style.scss */ .list-group-item:last-child { border-radius: 0; } /* line 5098, app/assets/stylesheets/_app-style.scss */ .list-group-item.active h5, .list-group-item.active p { color: #fff; } /* End List group */ /* Modal style */ /* line 5108, app/assets/stylesheets/_app-style.scss */ .modal-dialog .modal-content { border-radius: 0; } /* line 5111, app/assets/stylesheets/_app-style.scss */ .modal-dialog .modal-content .modal-header { padding: 20px 30px; } /* line 5114, app/assets/stylesheets/_app-style.scss */ .modal-dialog .modal-content .modal-header .modal-title { font-size: 22px; line-height: 1; } /* line 5120, app/assets/stylesheets/_app-style.scss */ .modal-dialog .modal-content .modal-body { padding: 30px; } /* line 5124, app/assets/stylesheets/_app-style.scss */ .modal-dialog .modal-content .modal-footer { padding: 20px 30px; } /* line 5129, app/assets/stylesheets/_app-style.scss */ .modal-dialog p { line-height: 25px; } /* line 5134, app/assets/stylesheets/_app-style.scss */ .modal-90w { width: 90%; max-width: none !important; } /* End Modal style */ /* Tab style */ /* line 5143, app/assets/stylesheets/_app-style.scss */ .tab-content p { margin-bottom: 10px; } /* line 5146, app/assets/stylesheets/_app-style.scss */ .tab-content p:last-child { margin: 0; } /* line 5153, app/assets/stylesheets/_app-style.scss */ .tabs-style-one .tab-content { padding: 20px; border-bottom: 1px solid #f6f6f7; border-left: 1px solid #f6f6f7; border-right: 1px solid #f6f6f7; } /* line 5161, app/assets/stylesheets/_app-style.scss */ .tabs-style-one .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; color: #495057; } /* line 5170, app/assets/stylesheets/_app-style.scss */ .tabs-style-two .tab-content { padding: 20px; border-bottom: 1px solid #f6f6f7; border-left: 1px solid #f6f6f7; border-right: 1px solid #f6f6f7; } /* line 5178, app/assets/stylesheets/_app-style.scss */ .tabs-style-two .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; color: #495057; } /* line 5184, app/assets/stylesheets/_app-style.scss */ .tabs-style-two .nav-tabs .nav-link.active, .tabs-style-two .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: #4F46E5; border-color: #4F46E5; } /* line 5194, app/assets/stylesheets/_app-style.scss */ .tabs-style-three .tab-content { padding: 20px; border-bottom: 1px solid #f6f6f7; border-left: 1px solid #f6f6f7; border-right: 1px solid #f6f6f7; } /* line 5202, app/assets/stylesheets/_app-style.scss */ .tabs-style-three .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; color: #495057; border-top: 2px solid transparent; } /* line 5208, app/assets/stylesheets/_app-style.scss */ .tabs-style-three .nav-tabs .nav-link:hover { border-top: 2px solid #4F46E5; border-bottom-color: #fff; } /* line 5214, app/assets/stylesheets/_app-style.scss */ .tabs-style-three .nav-tabs .nav-link.active, .tabs-style-three .nav-tabs .nav-item.show .nav-link { border-top: 2px solid #4F46E5; } /* line 5222, app/assets/stylesheets/_app-style.scss */ .pill-tab .nav { border-bottom: 1px solid #f6f6f7; } /* line 5227, app/assets/stylesheets/_app-style.scss */ .pill-tab .nav-pills .nav-link { border-radius: 0; color: #495057; } /* line 5231, app/assets/stylesheets/_app-style.scss */ .pill-tab .nav-pills .nav-link:hover { color: #4F46E5; } /* line 5236, app/assets/stylesheets/_app-style.scss */ .pill-tab .nav-pills .nav-link.active, .pill-tab .nav-pills .show > .nav-link { color: #fff; background-color: #686c71; } /* line 5243, app/assets/stylesheets/_app-style.scss */ .pill-tab .tab-content { margin-top: 20px; } /* line 5250, app/assets/stylesheets/_app-style.scss */ .vertical-pills-tab .nav-pills .nav-link { border-radius: 0; color: #495057; } /* line 5254, app/assets/stylesheets/_app-style.scss */ .vertical-pills-tab .nav-pills .nav-link:hover { color: #4F46E5; } /* line 5259, app/assets/stylesheets/_app-style.scss */ .vertical-pills-tab .nav-pills .nav-link.active, .vertical-pills-tab .nav-pills .show > .nav-link { color: #fff; background-color: #4F46E5; } /* line 5266, app/assets/stylesheets/_app-style.scss */ .vertical-pills-tab .tab-content { padding: 20px; border: 1px solid #eee; } /* End Tab style */ /* Inbox style */ /* line 5276, app/assets/stylesheets/_app-style.scss */ .inbox-main-sidebar .nav-pills { margin-top: 20px; background-color: #fff; height: 665px; overflow-y: auto; } /* line 5282, app/assets/stylesheets/_app-style.scss */ .inbox-main-sidebar .nav-pills .nav-link { border-radius: 0px; color: #47404f; display: inline-block; font-weight: 600; } /* line 5288, app/assets/stylesheets/_app-style.scss */ .inbox-main-sidebar .nav-pills .nav-link:hover { color: #4F46E5; background-color: #fff; } /* line 5293, app/assets/stylesheets/_app-style.scss */ .inbox-main-sidebar .nav-pills .nav-link .fr { font-size: 13px; } /* line 5298, app/assets/stylesheets/_app-style.scss */ .inbox-main-sidebar .nav-pills .nav-link.active { color: #fff; background-color: #4F46E5; } /* line 5305, app/assets/stylesheets/_app-style.scss */ .inbox-content-wrap { background: #fff; } /* line 5308, app/assets/stylesheets/_app-style.scss */ .inbox-content-wrap .tab-pane { position: relative; } /* line 5313, app/assets/stylesheets/_app-style.scss */ textarea.form-control { line-height: 22px; } /* line 5317, app/assets/stylesheets/_app-style.scss */ .mail-item-nav { border-right: 1px solid #eee; height: 720px; overflow-y: auto; } /* line 5323, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link { border-radius: 0; border-bottom: 1px solid #eee; padding: 20px 15px; position: relative; overflow: hidden; } /* line 5330, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link:hover { background-color: #fafafa; } /* line 5333, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link:hover::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 5346, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link img { position: absolute; } /* line 5350, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link .info { padding-left: 40px; } /* line 5353, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link .info .name { line-height: 1; color: #2a2a2a; font-size: 14px; font-weight: bold; } /* line 5360, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link .info p { color: #47404f; margin: 6px 0 0; line-height: 1; font-size: 13px; } /* line 5367, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link .info .date { right: 15px; position: absolute; top: 20px; color: #686c71; font-size: 11px; line-height: 1; } /* line 5378, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link.active { background-color: #fafafa; } /* line 5381, app/assets/stylesheets/_app-style.scss */ .mail-item-nav .nav-pills .nav-link.active::before { content: ''; position: absolute; right: -18px; background: #4F46E5; height: 15px; width: 40px; transform: rotate(-45deg); bottom: 0; } /* line 5396, app/assets/stylesheets/_app-style.scss */ .email-details-warp { height: 720px; overflow-y: auto; padding: 30px 30px 30px 0; position: relative; } /* line 5402, app/assets/stylesheets/_app-style.scss */ .email-details-warp .name { font-weight: bold; color: #202020; } /* line 5407, app/assets/stylesheets/_app-style.scss */ .email-details-warp p { color: #686c71; } /* line 5411, app/assets/stylesheets/_app-style.scss */ .email-details-warp .inbox-topbar { position: absolute; top: 30px; right: 30px; } /* line 5416, app/assets/stylesheets/_app-style.scss */ .email-details-warp .inbox-topbar .btn { border-radius: 30px; padding: 7px 15px; font-size: 13px; } /* End Inbox style */ /* Marketing content */ /* line 5428, app/assets/stylesheets/_app-style.scss */ .marketing-content .list { position: relative; padding-left: 50px; margin-bottom: 18.6px; border-bottom: 1px solid #eee; padding-bottom: 18.6px; } /* line 5435, app/assets/stylesheets/_app-style.scss */ .marketing-content .list:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } /* line 5441, app/assets/stylesheets/_app-style.scss */ .marketing-content .list > .icon { width: 35px; height: 35px; color: #fff; padding: 8px; position: absolute; left: 0; top: 0; border-radius: 2px; } /* line 5452, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .fb { background: #4267b2; } /* line 5456, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .ins { background: #A1755C; } /* line 5460, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .twi { background: #1da1f2; } /* line 5464, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .lin { background: #0077B5; } /* line 5468, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .ytb { background: #ff0000; } /* line 5472, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .gh { background: #4F46E5; } /* line 5476, app/assets/stylesheets/_app-style.scss */ .marketing-content .list h3 { margin: 0; font-size: 13px; } /* line 5480, app/assets/stylesheets/_app-style.scss */ .marketing-content .list h3 a { color: #47404f; } /* line 5483, app/assets/stylesheets/_app-style.scss */ .marketing-content .list h3 a:hover { color: #4F46E5; } /* line 5489, app/assets/stylesheets/_app-style.scss */ .marketing-content .list p { margin: 7px 0 0; line-height: 1; font-size: 12px; } /* line 5495, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .stats { position: absolute; right: 0; top: 0; } /* line 5500, app/assets/stylesheets/_app-style.scss */ .marketing-content .list .stats .icon { width: 14px; height: 14px; margin-right: 8px; } /* End Marketing content */ /* New customer card */ /* line 5512, app/assets/stylesheets/_app-style.scss */ .new-customer { position: relative; padding-left: 55px; padding-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; } /* line 5519, app/assets/stylesheets/_app-style.scss */ .new-customer:last-child { border-bottom: none; padding-bottom: 0; } /* line 5524, app/assets/stylesheets/_app-style.scss */ .new-customer .profile { position: absolute; left: 0; top: 10px; } /* line 5529, app/assets/stylesheets/_app-style.scss */ .new-customer .profile img { width: 40px; height: 40px; } /* line 5535, app/assets/stylesheets/_app-style.scss */ .new-customer .price { position: absolute; right: 0; top: 8px; font-size: 14px; font-weight: 500; } /* line 5543, app/assets/stylesheets/_app-style.scss */ .new-customer h5 { padding-top: 2px; } /* End new customer card */ /* Search contact */ /* line 5551, app/assets/stylesheets/_app-style.scss */ .search-contact { padding: 15px; border-bottom: 1px solid #eee; } /* line 5555, app/assets/stylesheets/_app-style.scss */ .search-contact .form-control { height: 41px; background-color: #ffffff; } /* line 5561, app/assets/stylesheets/_app-style.scss */ .chat-header { border-bottom: 1px solid #eee; padding: 8px 0; margin-right: 30px; } /* line 5567, app/assets/stylesheets/_app-style.scss */ .chat-details-warp { padding: 30px 30px 110px 0; } /* line 5571, app/assets/stylesheets/_app-style.scss */ .chat-list-right { position: relative; padding-right: 60px; margin-bottom: 20px; } /* line 5576, app/assets/stylesheets/_app-style.scss */ .chat-list-right > img { position: absolute; right: 0; top: 0; } /* line 5582, app/assets/stylesheets/_app-style.scss */ .chat-list-right .chat-details { background: #eeeef8; position: relative; padding: 20px 20px 10px; border-radius: 10px 0px 10px 10px; } /* line 5588, app/assets/stylesheets/_app-style.scss */ .chat-list-right .chat-details::before { position: absolute; content: ""; top: 14px; right: -5px; background: 0 0; border-style: solid; border-width: 0 12px 12px 0; border-color: transparent transparent #fafafa; transform: rotate(-135deg); } /* line 5601, app/assets/stylesheets/_app-style.scss */ .chat-list-right .chat-details .name { font-size: 14px; margin-bottom: 5px; } /* line 5606, app/assets/stylesheets/_app-style.scss */ .chat-list-right .chat-details .date { position: absolute; top: 20px; right: 20px; color: #686c71; font-size: 12px; } /* line 5616, app/assets/stylesheets/_app-style.scss */ .chat-list-left { position: relative; padding-left: 60px; margin-bottom: 20px; } /* line 5621, app/assets/stylesheets/_app-style.scss */ .chat-list-left > img { position: absolute; left: 0; top: 0; } /* line 5627, app/assets/stylesheets/_app-style.scss */ .chat-list-left .chat-details { background: #ededed; position: relative; padding: 20px 20px 10px; border-radius: 0px 10px 10px 10px; } /* line 5633, app/assets/stylesheets/_app-style.scss */ .chat-list-left .chat-details::before { position: absolute; content: ""; top: 14px; left: -5px; background: 0 0; border-style: solid; border-width: 0 12px 12px 0; border-color: transparent transparent #fafafa; transform: rotate(45deg); } /* line 5646, app/assets/stylesheets/_app-style.scss */ .chat-list-left .chat-details .name { font-size: 14px; margin-bottom: 5px; } /* line 5651, app/assets/stylesheets/_app-style.scss */ .chat-list-left .chat-details .date { position: absolute; top: 20px; right: 20px; color: #686c71; font-size: 12px; } /* line 5661, app/assets/stylesheets/_app-style.scss */ .chat-box { background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 30px; padding-bottom: 30px; padding-top: 20px; } /* line 5671, app/assets/stylesheets/_app-style.scss */ .chat-box form { position: relative; } /* line 5674, app/assets/stylesheets/_app-style.scss */ .chat-box form ul { position: absolute; right: 20px; top: 20px; } /* line 5680, app/assets/stylesheets/_app-style.scss */ .chat-box form .form-control { padding: 15px 20px; font-size: 14px; } /* End Search contact */ /* Order stats card */ /* line 5690, app/assets/stylesheets/_app-style.scss */ .order-stats-card { position: relative; } /* line 5693, app/assets/stylesheets/_app-style.scss */ .order-stats-card h3 { margin: 0; font-size: 13px; } /* line 5699, app/assets/stylesheets/_app-style.scss */ .order-number-stats { text-align: center; } /* line 5702, app/assets/stylesheets/_app-style.scss */ .order-number-stats .number { font-size: 18px; } /* line 5706, app/assets/stylesheets/_app-style.scss */ .order-number-stats p { margin: 0; line-height: 1; } /* End order stats card */ /* Visitor stats card */ /* line 5715, app/assets/stylesheets/_app-style.scss */ .visitor-stats { background-color: #fff; padding: 20px; position: relative; border-radius: 4px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); text-align: center; } /* line 5723, app/assets/stylesheets/_app-style.scss */ .visitor-stats h3 { margin: 0; font-size: 22px; } /* line 5728, app/assets/stylesheets/_app-style.scss */ .visitor-stats p { margin: 5px 0 10px; line-height: 1; } /* line 5732, app/assets/stylesheets/_app-style.scss */ .visitor-stats p .icon { width: 15px; height: 15px; margin: 0 5px; } /* End visitor stats card */ /* Profile page style */ /* line 5743, app/assets/stylesheets/_app-style.scss */ .profile-header { background-color: #fff; padding: 30px; text-align: center; box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); border-radius: 4px; } /* line 5750, app/assets/stylesheets/_app-style.scss */ .profile-header .name { margin: 0; font-size: 20px; } /* line 5755, app/assets/stylesheets/_app-style.scss */ .profile-header p { margin: 5px auto 0; max-width: 690px; line-height: 22px; } /* line 5762, app/assets/stylesheets/_app-style.scss */ .profile-header .profile-stats a { display: inline-block; margin-top: 10px; margin-left: 8px; margin-right: 8px; color: #686c71; } /* line 5769, app/assets/stylesheets/_app-style.scss */ .profile-header .profile-stats a strong { color: #000; } /* line 5773, app/assets/stylesheets/_app-style.scss */ .profile-header .profile-stats a:hover strong { color: #4F46E5; } /* line 5781, app/assets/stylesheets/_app-style.scss */ .profile-left-content .info { list-style-type: none; padding: 0; margin: 0; } /* line 5786, app/assets/stylesheets/_app-style.scss */ .profile-left-content .info li { line-height: 22px; position: relative; color: #686c71; padding-left: 20px; margin-bottom: 10px; } /* line 5793, app/assets/stylesheets/_app-style.scss */ .profile-left-content .info li:last-child { margin-bottom: 0; } /* line 5797, app/assets/stylesheets/_app-style.scss */ .profile-left-content .info li .icon { width: 14px; height: 14px; color: #000; position: absolute; left: 0; top: 3px; } /* line 5809, app/assets/stylesheets/_app-style.scss */ .profile-middle-content { background-color: #fff; box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); border-radius: 4px; } /* line 5815, app/assets/stylesheets/_app-style.scss */ .post-card { padding: 20px; border-bottom: 1px solid #eee; } /* line 5820, app/assets/stylesheets/_app-style.scss */ .post-card .media-body h5 { font-size: 15px; margin-bottom: 5px; line-height: 22px; } /* line 5825, app/assets/stylesheets/_app-style.scss */ .post-card .media-body h5 a { color: #47404f; } /* line 5828, app/assets/stylesheets/_app-style.scss */ .post-card .media-body h5 a:hover { color: #4F46E5; } /* line 5834, app/assets/stylesheets/_app-style.scss */ .post-card .media-body p { margin: 0 0 10px; } /* line 5840, app/assets/stylesheets/_app-style.scss */ .post-card .feed-back a { color: #686c71; margin-right: 15px; border-right: 1px solid #eee; padding-right: 10px; } /* line 5846, app/assets/stylesheets/_app-style.scss */ .post-card .feed-back a:hover { color: #4F46E5; } /* line 5850, app/assets/stylesheets/_app-style.scss */ .post-card .feed-back a:last-child { border-right: none; padding-right: 0; } /* line 5855, app/assets/stylesheets/_app-style.scss */ .post-card .feed-back a .icon { width: 17px; height: 17px; margin-right: 5px; margin-top: -2px; } /* line 5866, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media { border-bottom: 1px solid #eee; margin-bottom: 12px; padding-bottom: 12px; } /* line 5871, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* line 5879, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media-body h5 { margin: 0 0 8px; font-size: 14px; } /* line 5883, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media-body h5 a { color: #47404f; } /* line 5886, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media-body h5 a:hover { color: #4F46E5; } /* line 5892, app/assets/stylesheets/_app-style.scss */ .profile-right-content .media-body .btn { font-size: 10px; padding: 5px 12px; } /* Profile page style */ /* line 5900, app/assets/stylesheets/_app-style.scss */ .profile-settings-form { padding: 30px; background-color: #fff; border-radius: 4px; box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); max-width: 800px; margin: auto; } /* Users card */ /* line 5910, app/assets/stylesheets/_app-style.scss */ .single-user-card { background-color: #fff; text-align: center; border-radius: 4px; box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); } /* line 5916, app/assets/stylesheets/_app-style.scss */ .single-user-card img { background-color: #e0e0e0; height: 120px; width: 120px; } /* line 5922, app/assets/stylesheets/_app-style.scss */ .single-user-card h4 { font-size: 18px; } /* line 5926, app/assets/stylesheets/_app-style.scss */ .single-user-card p { margin-top: 2px; } /* line 5931, app/assets/stylesheets/_app-style.scss */ .single-user-card .social-links a { display: inline-block; margin: 0 5px; color: #686c71; } /* line 5936, app/assets/stylesheets/_app-style.scss */ .single-user-card .social-links a:hover { color: #4F46E5; } /* line 5940, app/assets/stylesheets/_app-style.scss */ .single-user-card .social-links a .icon { width: 15px; height: 15px; } /* line 5947, app/assets/stylesheets/_app-style.scss */ .single-user-card .user-card-foot { list-style-type: none; padding: 0; margin: 0; border-top: 1px solid #eee; overflow: hidden; } /* line 5954, app/assets/stylesheets/_app-style.scss */ .single-user-card .user-card-foot li { float: left; width: 33.33%; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; color: #686c71; } /* line 5963, app/assets/stylesheets/_app-style.scss */ .single-user-card .user-card-foot li span { display: block; font-weight: 600; font-size: 18px; color: #47404f; margin-top: 2px; } /* line 5972, app/assets/stylesheets/_app-style.scss */ .single-user-card .user-card-foot .bor-lr { border-left: 1px solid #eee; border-right: 1px solid #eee; } /* line 5979, app/assets/stylesheets/_app-style.scss */ .octagon-style { clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); } /* line 5984, app/assets/stylesheets/_app-style.scss */ .nonagon-style { clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); } /* line 5989, app/assets/stylesheets/_app-style.scss */ .bevel-style { clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); } /* End Users card */ /* TimeLine Style */ /* line 5997, app/assets/stylesheets/_app-style.scss */ .timeline-centered { position: relative; margin-bottom: 30px; } /* line 6001, app/assets/stylesheets/_app-style.scss */ .timeline-centered:before, .timeline-centered:after { content: ""; display: table; } /* line 6007, app/assets/stylesheets/_app-style.scss */ .timeline-centered:after { clear: both; } /* line 6011, app/assets/stylesheets/_app-style.scss */ .timeline-centered:before { content: ''; position: absolute; display: block; width: 4px; background: #fff; left: 50%; top: 20px; bottom: 20px; margin-left: -4px; } /* line 6023, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card { position: relative; width: 50%; float: right; margin-bottom: 40px; clear: both; } /* line 6030, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card:before, .timeline-centered .timeline-card:after { content: " "; display: table; } /* line 6036, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card:after { clear: both; } /* line 6040, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card:before, .timeline-centered .timeline-card:after { content: " "; display: table; } /* line 6046, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card:after { clear: both; } /* line 6051, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.begin { margin-bottom: 0; } /* line 6055, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned { float: left; } /* line 6058, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body { margin-left: 0; margin-right: -18px; } /* line 6062, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .time { left: auto; right: -100px; text-align: left; color: #212529; } /* line 6069, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .timeline-icon { float: right; } /* line 6073, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .timeline-label { margin-left: 0; margin-right: 70px; } /* line 6077, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; transform: rotate(180deg); } /* line 6093, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body { position: relative; margin-left: -22px; } /* line 6097, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body:before, .timeline-centered .timeline-card .timeline-body:after { content: " "; display: table; } /* line 6103, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body:after { clear: both; } /* line 6107, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body:before, .timeline-centered .timeline-card .timeline-body:after { content: " "; display: table; } /* line 6113, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body:after { clear: both; } /* line 6117, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .time { position: absolute; left: -100px; text-align: right; color: #212529; } /* line 6123, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .time > span { display: block; } /* line 6127, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .time > span:first-child { font-size: 15px; font-weight: 600; } /* line 6132, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .time > span:last-child { font-size: 12px; color: #686c71; } /* line 6138, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .timeline-icon { background: #fff; color: #737881; display: block; width: 40px; height: 40px; border-radius: 30px; text-align: center; box-shadow: 0 0 0 4px #fff; line-height: 40px; font-size: 15px; float: left; } /* line 6152, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label { position: relative; background: #fff; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); padding: 1.7em; margin-left: 70px; border-radius: 4px; } /* line 6160, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent; left: 0; top: 10px; margin-left: -9px; } /* line 6174, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label h3 { font-size: 18px; margin-bottom: 5px; line-height: 25px; } /* line 6180, app/assets/stylesheets/_app-style.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label p { margin-top: 5px; margin-bottom: 0; } /* line 6189, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-purple { background-color: #7266ba !important; color: #fff; } /* line 6193, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-purple .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6201, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-primary { background-color: #4F46E5; color: #fff; } /* line 6205, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-primary .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6213, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-secondary { background-color: #ee4749; color: #fff; } /* line 6217, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-secondary .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6225, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-success { background-color: #7ed320; color: #fff; } /* line 6229, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-success .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6237, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-info { background-color: #21a9e1; color: #fff; } /* line 6241, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-info .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6249, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-warning { background-color: #fad839; color: #fff; } /* line 6253, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-warning .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* line 6261, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-danger { background-color: #f75d81; color: #fff; } /* line 6265, app/assets/stylesheets/_app-style.scss */ .timeline-icon.bg-danger .icon { color: #fff; width: 20px; height: 20px; margin-top: -2px; } /* End TimeLine Style */ /* Invoice Template */ /* line 6276, app/assets/stylesheets/_app-style.scss */ .invoice-template { background: #fff; padding: 30px; } /* line 6280, app/assets/stylesheets/_app-style.scss */ .invoice-template .invoice-header { position: relative; border-bottom: 1px solid #eee; padding-bottom: 15px; } /* line 6285, app/assets/stylesheets/_app-style.scss */ .invoice-template .invoice-header h3 { margin: 0; font-size: 20px; text-transform: uppercase; } /* line 6291, app/assets/stylesheets/_app-style.scss */ .invoice-template .invoice-header p { color: #47404f; position: absolute; top: 0; right: 0; font-weight: 600; font-size: 18px; } /* End Invoice Template */ /* Error page design */ /* line 6305, app/assets/stylesheets/_app-style.scss */ .error-content { padding: 30px; text-align: center; height: 100vh; } /* line 6310, app/assets/stylesheets/_app-style.scss */ .error-content .icon { width: 50px; height: 50px; color: #686c71; } /* line 6316, app/assets/stylesheets/_app-style.scss */ .error-content h1 { font-size: 100px; font-weight: bolder; } /* line 6321, app/assets/stylesheets/_app-style.scss */ .error-content h3 { margin: 0; } /* line 6325, app/assets/stylesheets/_app-style.scss */ .error-content p { margin: auto; max-width: 500px; } /* line 6330, app/assets/stylesheets/_app-style.scss */ .error-content .back-link { background-color: #4F46E5; color: #fff; display: inline-block; border: 1px solid #4F46E5; padding: 10px 30px; border-radius: 100px; margin-top: 30px; } /* line 6339, app/assets/stylesheets/_app-style.scss */ .error-content .back-link:hover { background-color: #333; border-color: #333; } /* End error page design */ /* Map Style */ /* line 6349, app/assets/stylesheets/_app-style.scss */ .map-height-500 { height: 500px; } /* line 6353, app/assets/stylesheets/_app-style.scss */ .jvectormap-container { padding: 20px; } /* End Map Style */ /* Accordion style */ /* line 6361, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion { list-style-type: none; padding: 0; margin: 0; } /* line 6366, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item { display: block; margin-bottom: 20px; background: #fff; } /* line 6371, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } /* line 6377, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-title { position: relative; color: #02024f; font-size: 16px; padding: 12px 20px 12px 65px; display: block; font-weight: bold; border-bottom: 1px solid #ebebee; } /* line 6386, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-title i { position: absolute; left: 0; top: 0; font-size: 14px; background: #4F46E5; color: #fff; height: 100%; line-height: 50px; width: 50px; text-align: center; } /* line 6399, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-title.active { border-bottom: 1px solid #eee; } /* line 6402, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-title.active i::before { content: "\E957"; } /* line 6408, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-content { display: none; padding: 25px; font-size: 15px; color: #686c71; } /* line 6414, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-content p { margin-bottom: 10px; } /* line 6418, app/assets/stylesheets/_app-style.scss */ .faq-accordion .accordion .accordion-item .accordion-content.show { display: block; } /* End accordion style */ /* Icon preview style */ /* line 6429, app/assets/stylesheets/_app-style.scss */ .icon-preview { background-color: #fff; border-radius: 4px; padding: 20px; position: relative; } /* line 6435, app/assets/stylesheets/_app-style.scss */ .icon-preview span { padding-left: 10px; font-size: 15px; color: #777; position: absolute; margin-top: 2px; } /* End Icon preview style */ /* Switch Button */ /* line 6447, app/assets/stylesheets/_app-style.scss */ .side-menu-switch { z-index: 5; } /* line 6450, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch { position: relative; display: inline-block; width: 45px; height: 26px; margin: 0; } /* line 6457, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch input { display: none; } /* line 6461, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2c2f48; transition: .4s; } /* line 6472, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; background-color: white; top: 3px; transition: .4s; -webkit-transition: .4s; } /* line 6485, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch input.light:checked + .slider { background-color: #fff; } /* line 6488, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch input.light:checked + .slider:before { background-color: #4F46E5; } /* line 6493, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch input:checked + .slider:before { transform: translateX(18px); } /* line 6499, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch .slider.round { border-radius: 30px; box-shadow: 0 0 8px #ddd; } /* line 6504, app/assets/stylesheets/_app-style.scss */ .side-menu-switch .switch .slider.round:before { border-radius: 50%; } /* End Switch Button */ /* Pricing Table style */ /* line 6513, app/assets/stylesheets/_app-style.scss */ .pricing-table { background: #fff; border-radius: 4px; text-align: center; overflow: hidden; position: relative; transition: all 0.3s ease 0s; } /* line 6521, app/assets/stylesheets/_app-style.scss */ .pricing-table svg { display: block; margin-left: -1px; } /* line 6526, app/assets/stylesheets/_app-style.scss */ .pricing-table .price { position: absolute; top: 0; color: #fff; font-size: 55px; font-weight: bold; text-align: center; width: 100%; margin: 0; top: 50%; transform: translateY(-70%); -webkit-transform: translateY(-70%); } /* line 6539, app/assets/stylesheets/_app-style.scss */ .pricing-table .price span { display: block; font-size: 15px; font-weight: 300; padding-left: 60px; } /* line 6547, app/assets/stylesheets/_app-style.scss */ .pricing-table .pricing-content { padding: 40px 0 30px; position: relative; } /* line 6552, app/assets/stylesheets/_app-style.scss */ .pricing-table .title { font-size: 25px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px 0; } /* line 6560, app/assets/stylesheets/_app-style.scss */ .pricing-table .pricing-content ul { padding: 0; margin: 20px 0; list-style-type: none; } /* line 6565, app/assets/stylesheets/_app-style.scss */ .pricing-table .pricing-content ul li { font-size: 15px; line-height: 40px; border-top: 1px solid #eee; color: #656565; } /* line 6574, app/assets/stylesheets/_app-style.scss */ .pricing-table .signup { display: inline-block; padding: 8px 50px; border-radius: 20px; font-size: 18px; color: #fff; text-transform: uppercase; position: relative; transition: all 0.3s ease 0s; } /* End Pricing Table style */ /* Footer Style */ /* line 6589, app/assets/stylesheets/_app-style.scss */ .footer { background: #fff; padding: 15px 30px; text-align: center; clip-path: polygon(1% 0, 99% 0, 100% 100%, 0% 100%); border-radius: 30px 30px 0 0; } /* line 6597, app/assets/stylesheets/_app-style.scss */ .footer p { margin: 0; color: #5a5151; text-transform: capitalize; } /* line 6602, app/assets/stylesheets/_app-style.scss */ .footer p a { color: #4F46E5; } /* line 6605, app/assets/stylesheets/_app-style.scss */ .footer p a:hover { text-decoration: underline; } /* End Footer Style */ /* line 6614, app/assets/stylesheets/_app-style.scss */ .tooltip > .tooltip-inner { font-size: 10px; border-radius: 0; } /* Gallery Style */ /* line 6622, app/assets/stylesheets/_app-style.scss */ .gallery-content .single-image { margin-bottom: 30px; } /* line 6626, app/assets/stylesheets/_app-style.scss */ .gallery-content img { width: 100%; cursor: zoom-in; } /* line 6633, app/assets/stylesheets/_app-style.scss */ .gallery-toggles > .btn, .gallery-toggles > .btn-group { margin-bottom: 10px; } @media (min-width: 992px) { /* line 6639, app/assets/stylesheets/_app-style.scss */ .docs-collapse { display: block; } } /* line 6644, app/assets/stylesheets/_app-style.scss */ .gallery-buttons > .btn-group, .gallery-buttons > .input-group { width: 100%; margin-bottom: 5px; } /* line 6650, app/assets/stylesheets/_app-style.scss */ .gallery-buttons .input-group-btn { width: 50%; } /* line 6654, app/assets/stylesheets/_app-style.scss */ .gallery-buttons .input-group-btn .btn { width: 100%; } /* line 6658, app/assets/stylesheets/_app-style.scss */ .viewer-backdrop { background-color: rgba(0, 0, 0, 0.9); } /* End Gallery Style */ /* Lineicons list */ /* line 6665, app/assets/stylesheets/_app-style.scss */ .lineicons-list { padding: 0; margin: 0 -15px; list-style-type: none; overflow: hidden; } /* line 6671, app/assets/stylesheets/_app-style.scss */ .lineicons-list li { width: 25%; float: left; padding: 0 15px; margin-bottom: 1.5rem; } /* line 6678, app/assets/stylesheets/_app-style.scss */ .lineicons-list .icon-box { background-color: #fff; border-radius: 4px; padding: 20px; position: relative; } /* line 6684, app/assets/stylesheets/_app-style.scss */ .lineicons-list .icon-box i { font-size: 20px; color: #47404f; } /* line 6689, app/assets/stylesheets/_app-style.scss */ .lineicons-list .icon-box span { padding-left: 10px; font-size: 15px; color: #777; position: absolute; } /* End Lineicons list */ /* apexcharts canvas */ /* line 6701, app/assets/stylesheets/_app-style.scss */ .apexcharts-canvas { width: 100% !important; } /* line 6704, app/assets/stylesheets/_app-style.scss */ .apexcharts-canvas svg { max-width: 100%; } /* End apexcharts canvas */ /* Preloader */ /* line 6713, app/assets/stylesheets/_app-style.scss */ .preloader { background-color: #4F46E5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; text-align: center; } /* line 6723, app/assets/stylesheets/_app-style.scss */ .preloader .loader { display: inline-block; width: 35px; height: 35px; margin: auto; position: relative; border: 4px solid #fff; animation: loader 2s infinite ease; } /* line 6733, app/assets/stylesheets/_app-style.scss */ .preloader .loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #fff; animation: loader-inner 2s infinite ease-in; } @keyframes loader { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /* End Preloader */ /* Back To Top */ /* line 6789, app/assets/stylesheets/_app-style.scss */ #toTop { position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; } /* line 6797, app/assets/stylesheets/_app-style.scss */ #toTop i { background-color: #4F46E5; color: #fff; display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; font-size: 13px; } /* line 6808, app/assets/stylesheets/_app-style.scss */ #toTop i:hover { background-color: #222; color: #fff; } /* End Back To Top */ /* Color customizer modal */ /* line 6817, app/assets/stylesheets/_app-style.scss */ .customizer-toggle { background-color: #4F46E5; position: fixed; top: 80px; right: 0; color: #fff; width: 36px; text-align: center; height: 36px; line-height: 36px; border-radius: 5px 0px 0px 5px; cursor: pointer; } /* line 6830, app/assets/stylesheets/_app-style.scss */ .customizer-toggle .icon { width: 18px; } /* line 6836, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .modal-header { border-bottom-color: #4F46E5; background-color: #4F46E5; border-radius: 0; padding: 30px 30px !important; } /* line 6842, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .modal-header .modal-title { color: #fff; font-size: 20px !important; } /* line 6847, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .modal-header .close { position: absolute; right: 20px; top: 16px; opacity: 1; padding: 0; margin: 0; color: #fff; font-weight: normal; font-size: 22px; } /* line 6860, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content { border-bottom: 1px solid #f5f5f5; padding-top: 20px; padding-bottom: 20px; } /* line 6865, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content:first-child { padding-top: 0; } /* line 6869, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content h5 { margin: 0 0 5px; font-size: 15px; } /* line 6874, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content p { margin-bottom: 10px; } /* line 6878, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content ul { list-style-type: none; padding: 0; margin: 0; line-height: 1; } /* line 6884, app/assets/stylesheets/_app-style.scss */ .color-customizer-modal .color-content ul li { display: inline-block; width: 25px; height: 25px; border-radius: 30px; margin-right: 5px; cursor: pointer; margin-top: 5px; } /* line 6898, app/assets/stylesheets/_app-style.scss */ .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; transform: translate3d(0%, 0, 0); } /* line 6906, app/assets/stylesheets/_app-style.scss */ .modal.right .modal-content { height: 100%; overflow-y: auto; border: none; } /* line 6913, app/assets/stylesheets/_app-style.scss */ .modal.right.fade .modal-dialog { right: -320px; transition: opacity 0.3s linear, right 0.3s ease-out; } /* line 6918, app/assets/stylesheets/_app-style.scss */ .modal.right.fade.show .modal-dialog { right: 0; } /* line 6922, app/assets/stylesheets/_app-style.scss */ .modal-backdrop.show { opacity: .3; } /* End Color customizer modal */ /* Analytics card */ /* line 6929, app/assets/stylesheets/_app-style.scss */ .analytics-card { position: relative; border-bottom: 1px solid #eeeef8; padding-top: 17px; padding-bottom: 17px; padding-right: 0; padding-left: 0; } /* line 6937, app/assets/stylesheets/_app-style.scss */ .analytics-card:last-child { border-bottom: none; padding-bottom: 5px; } /* line 6943, app/assets/stylesheets/_app-style.scss */ .analytics-activity-card { position: relative; padding-left: 70px; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeef8; } /* line 6950, app/assets/stylesheets/_app-style.scss */ .analytics-activity-card:nth-child(2) { padding-top: 15px; } /* line 6953, app/assets/stylesheets/_app-style.scss */ .analytics-activity-card:nth-child(2) .avatar { top: 8px; } /* line 6958, app/assets/stylesheets/_app-style.scss */ .analytics-activity-card:last-child { border-bottom: none; padding-bottom: 21px; } /* line 6963, app/assets/stylesheets/_app-style.scss */ .analytics-activity-card .avatar { position: absolute; left: 0; top: 17px; font-size: .875rem; text-align: center; background: #f1f2f3; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; } /* End Analytics card */ /* line 6980, app/assets/stylesheets/_app-style.scss */ #apex-basic-area-chart { min-height: 100% !important; } /* line 6984, app/assets/stylesheets/_app-style.scss */ #order-summary { min-height: 100% !important; } /* line 6988, app/assets/stylesheets/_app-style.scss */ #visitors-overview { min-height: 100% !important; } /* line 6992, app/assets/stylesheets/_app-style.scss */ #total-sales-chart { min-height: 100% !important; } /* line 6996, app/assets/stylesheets/_app-style.scss */ .mh-100 { min-height: 100% !important; } /* Time Line */ /* line 7003, app/assets/stylesheets/_app-style.scss */ .timeline .timeline-list { position: relative; padding-left: 55px; margin-bottom: 20px; } /* line 7008, app/assets/stylesheets/_app-style.scss */ .timeline .timeline-list:last-child { margin-bottom: 0; } /* line 7012, app/assets/stylesheets/_app-style.scss */ .timeline .timeline-list::before { content: ""; position: absolute; left: 20px; height: 100%; width: 2px; border-left: 2px dashed #eee; top: 0; } /* line 7022, app/assets/stylesheets/_app-style.scss */ .timeline .timeline-list .timeline-icon { background-color: #f3f3f3; position: absolute; left: 0; top: 0; width: 40px; height: 40px; font-size: 25px; text-align: center; line-height: 40px; border-radius: 50%; z-index: 5; } /* line 7036, app/assets/stylesheets/_app-style.scss */ .timeline .timeline-list p { margin: 0; } /* ========================================================================= Modern Landing Page — scoped under .landing (2020s SaaS redesign) ========================================================================= */ /* line 7059, app/assets/stylesheets/_app-style.scss */ .landing { font-family: 'Nunito', sans-serif; color: #4a5568; background: #fff; line-height: 1.6; overflow-x: hidden; /* ---- Shared bits ---- */ /* brand logo image */ /* ---- Buttons ---- */ /* ---- Navbar ---- */ /* ---- Hero ---- */ /* ---- Section scaffolding ---- */ /* ---- About / highlights ---- */ /* ---- Stats band ---- */ /* ---- Features ---- */ /* ---- Pricing ---- */ /* ---- Contact ---- */ /* ---- Footer ---- */ } /* line 7066, app/assets/stylesheets/_app-style.scss */ .landing *, .landing *::before, .landing *::after { box-sizing: border-box; } /* line 7068, app/assets/stylesheets/_app-style.scss */ .landing a { text-decoration: none; } /* line 7069, app/assets/stylesheets/_app-style.scss */ .landing h1, .landing h2, .landing h3, .landing h4 { color: #0f1729; font-weight: 800; } /* line 7072, app/assets/stylesheets/_app-style.scss */ .landing .landing-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #4F46E5; background: rgba(79, 70, 229, 0.08); padding: 6px 14px; border-radius: 999px; margin-bottom: 18px; } /* line 7084, app/assets/stylesheets/_app-style.scss */ .landing .landing-eyebrow--light { color: #fff; background: rgba(255, 255, 255, 0.16); } /* line 7090, app/assets/stylesheets/_app-style.scss */ .landing .landing-gradient-text { background: linear-gradient(90deg, #4F46E5, #6366F1); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* line 7098, app/assets/stylesheets/_app-style.scss */ .landing .landing-logo { display: block; border-radius: 22%; box-shadow: 0 8px 18px -8px rgba(79, 70, 229, 0.55); -o-object-fit: contain; object-fit: contain; } /* line 7106, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 16px; line-height: 1; padding: 15px 28px; border-radius: 12px; border: 1.5px solid transparent; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease; } /* line 7120, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--sm { padding: 10px 18px; font-size: 14px; } /* line 7121, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--block { display: flex; width: 100%; } /* line 7123, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--primary { color: #fff; background: linear-gradient(135deg, #4F46E5, #6366F1); box-shadow: 0 12px 24px -10px rgba(79, 70, 229, 0.6); } /* line 7127, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--primary:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 30px -10px rgba(79, 70, 229, 0.7); } /* line 7129, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--ghost { color: #0f1729; background: #fff; border-color: #e7eaf3; } /* line 7133, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--ghost:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -12px rgba(23, 43, 99, 0.25); } /* line 7135, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--outline { color: #4F46E5; background: #fff; border-color: rgba(79, 70, 229, 0.35); } /* line 7139, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn--outline:hover { background: #4F46E5; color: #fff; border-color: #4F46E5; } /* line 7144, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav { position: sticky; top: 0; z-index: 1000; background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid rgba(231, 234, 243, 0.9); } /* line 7153, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__inner { display: flex; align-items: center; justify-content: space-between; height: 74px; } /* line 7159, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__brand { display: flex; align-items: center; gap: 10px; font-weight: 800; color: #0f1729; } /* line 7166, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__brand-name { font-size: 19px; } /* line 7168, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__menu { display: flex; align-items: center; gap: 8px; } /* line 7173, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__link { color: #4a5568; font-weight: 600; padding: 10px 14px; border-radius: 10px; transition: color .15s ease, background .15s ease; } /* line 7179, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__link:hover { color: #4F46E5; background: rgba(79, 70, 229, 0.06); } /* line 7181, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__signin { color: #0f1729; font-weight: 700; padding: 10px 14px; margin-left: 6px; } /* line 7186, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__signin:hover { color: #4F46E5; } /* line 7188, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__theme { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: 4px; padding: 0; border: 1.5px solid #e7eaf3; border-radius: 10px; background: #fff; color: #0f1729; cursor: pointer; flex-shrink: 0; transition: color .15s ease, background .15s ease, border-color .15s ease, transform .15s ease; } /* line 7203, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__theme:hover { color: #4F46E5; border-color: rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.06); transform: translateY(-1px); } /* line 7210, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__theme-icon { width: 18px; height: 18px; } /* line 7214, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; padding: 8px; cursor: pointer; } /* line 7222, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__toggle span { width: 24px; height: 2.5px; border-radius: 3px; background: #0f1729; transition: .2s; } /* line 7227, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero { position: relative; padding: 84px 0 96px; background: radial-gradient(1200px 480px at 80% -10%, rgba(99, 102, 241, 0.1), transparent 60%), radial-gradient(900px 420px at 0% 0%, rgba(79, 70, 229, 0.1), transparent 55%), linear-gradient(180deg, #f6f8ff, #fff 78%); overflow: hidden; /* floating product card */ } /* line 7236, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__glow { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5; z-index: 0; } /* line 7242, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__glow--one { width: 340px; height: 340px; top: -80px; right: -60px; background: rgba(99, 102, 241, 0.4); } /* line 7243, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__glow--two { width: 300px; height: 300px; bottom: -120px; left: -80px; background: rgba(79, 70, 229, 0.35); } /* line 7245, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero .container { position: relative; z-index: 1; } /* line 7247, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__copy { padding-right: 20px; } /* line 7248, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__title { font-size: 52px; line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 20px; } /* line 7254, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__lead { font-size: 19px; color: #6b7385; max-width: 560px; margin-bottom: 30px; } /* line 7260, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 26px; } /* line 7266, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__trust { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 20px; } /* line 7273, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__trust li { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #4a5568; font-size: 15px; } /* line 7274, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__trust i { color: #21b26b; font-size: 18px; } /* line 7278, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card { background: #fff; border: 1px solid #e7eaf3; border-radius: 22px; box-shadow: 0 18px 40px -18px rgba(23, 43, 99, 0.28); overflow: hidden; transform: rotate(1.2deg); transition: transform .3s ease; } /* line 7286, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card:hover { transform: rotate(0deg) translateY(-4px); } /* line 7288, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-head { display: flex; gap: 7px; padding: 15px 18px; border-bottom: 1px solid #e7eaf3; background: #f6f8ff; } /* line 7294, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-head .dot { width: 11px; height: 11px; border-radius: 50%; background: #d4dbec; } /* line 7295, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-head .dot:nth-child(1) { background: #ff6058; } /* line 7296, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-head .dot:nth-child(2) { background: #ffbd2e; } /* line 7297, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-head .dot:nth-child(3) { background: #27c93f; } /* line 7299, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__card-body { padding: 22px; } /* line 7300, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__bars { display: flex; align-items: flex-end; gap: 10px; height: 110px; margin: 18px 0 20px; } /* line 7306, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__bars span { flex: 1; border-radius: 7px 7px 0 0; background: linear-gradient(180deg, #4F46E5, #6366F1); opacity: .85; } /* line 7313, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #e7eaf3; font-weight: 600; } /* line 7320, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__row span { display: flex; align-items: center; gap: 9px; color: #4a5568; } /* line 7321, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__row i { color: #4F46E5; } /* line 7322, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__row b { color: #0f1729; } /* line 7325, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat-mini { display: flex; flex-direction: column; } /* line 7328, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat-mini__label { font-size: 13px; color: #6b7385; font-weight: 600; } /* line 7329, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat-mini__value { font-size: 34px; font-weight: 800; color: #0f1729; } /* line 7330, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat-mini__trend { font-size: 13px; color: #21b26b; font-weight: 700; } /* line 7334, app/assets/stylesheets/_app-style.scss */ .landing .landing-section { padding: 88px 0; } /* line 7335, app/assets/stylesheets/_app-style.scss */ .landing .landing-section__head { max-width: 720px; margin: 0 auto 54px; text-align: center; } /* line 7340, app/assets/stylesheets/_app-style.scss */ .landing .landing-section__title { font-size: 38px; letter-spacing: -0.02em; margin: 0 0 16px; } /* line 7345, app/assets/stylesheets/_app-style.scss */ .landing .landing-section__sub { font-size: 18px; color: #6b7385; margin: 0; } /* line 7352, app/assets/stylesheets/_app-style.scss */ .landing .landing-about { background: #fff; } /* line 7353, app/assets/stylesheets/_app-style.scss */ .landing .landing-highlights { margin-top: 8px; } /* line 7354, app/assets/stylesheets/_app-style.scss */ .landing .landing-highlight { height: 100%; text-align: center; padding: 28px 22px; } /* line 7358, app/assets/stylesheets/_app-style.scss */ .landing .landing-highlight__icon { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 16px; font-size: 26px; color: #4F46E5; background: rgba(79, 70, 229, 0.09); } /* line 7367, app/assets/stylesheets/_app-style.scss */ .landing .landing-highlight h3 { font-size: 20px; margin: 0 0 8px; } /* line 7368, app/assets/stylesheets/_app-style.scss */ .landing .landing-highlight p { color: #6b7385; margin: 0; } /* line 7372, app/assets/stylesheets/_app-style.scss */ .landing .landing-stats { background: linear-gradient(135deg, #4F46E5, #6366F1); padding: 46px 0; } /* line 7376, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat { text-align: center; padding: 14px 0; } /* line 7379, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat__value { font-size: 40px; font-weight: 800; color: #fff; line-height: 1.1; } /* line 7380, app/assets/stylesheets/_app-style.scss */ .landing .landing-stat__label { color: rgba(255, 255, 255, 0.82); font-weight: 600; font-size: 15px; } /* line 7384, app/assets/stylesheets/_app-style.scss */ .landing .landing-features { background: #f6f8ff; } /* line 7385, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature-grid { row-gap: 4px; } /* line 7386, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature { height: 100%; background: #fff; border: 1px solid #e7eaf3; border-radius: 18px; padding: 28px 26px; margin-bottom: 24px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } /* line 7394, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -18px rgba(23, 43, 99, 0.28); border-color: transparent; } /* line 7399, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 14px; font-size: 24px; color: #fff; margin-bottom: 18px; background: linear-gradient(135deg, #4F46E5, #6366F1); } /* line 7408, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature__title { font-size: 19px; margin: 0 0 8px; } /* line 7409, app/assets/stylesheets/_app-style.scss */ .landing .landing-feature__desc { color: #6b7385; margin: 0; font-size: 15px; } /* line 7413, app/assets/stylesheets/_app-style.scss */ .landing .landing-pricing { background: #fff; } /* line 7414, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan-grid { row-gap: 24px; } /* line 7415, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan { position: relative; height: 100%; background: #fff; border: 1px solid #e7eaf3; border-radius: 20px; padding: 34px 30px; text-align: center; transition: transform .2s ease, box-shadow .2s ease; } /* line 7424, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan:hover { transform: translateY(-4px); box-shadow: 0 8px 24px -12px rgba(23, 43, 99, 0.25); } /* line 7426, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan--popular { border: 1.5px solid #4F46E5; box-shadow: 0 18px 40px -18px rgba(23, 43, 99, 0.28); transform: scale(1.03); } /* line 7430, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan--popular:hover { transform: scale(1.03) translateY(-4px); } /* line 7432, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 7px 16px; border-radius: 999px; box-shadow: 0 8px 18px -8px rgba(79, 70, 229, 0.7); } /* line 7446, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__name { font-size: 20px; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .04em; } /* line 7447, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__price { font-size: 44px; font-weight: 800; color: #0f1729; line-height: 1; margin-bottom: 24px; } /* line 7454, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__currency { font-size: 20px; vertical-align: super; margin-right: 2px; } /* line 7455, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__period { display: block; font-size: 14px; font-weight: 600; color: #6b7385; margin-top: 6px; } /* line 7456, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__features { list-style: none; padding: 0; margin: 0 0 26px; text-align: left; } /* line 7461, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__features li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #e7eaf3; color: #4a5568; font-weight: 600; } /* line 7467, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__features li:last-child { border-bottom: 0; } /* line 7468, app/assets/stylesheets/_app-style.scss */ .landing .landing-plan__features li i { color: #4F46E5; font-size: 17px; } /* line 7474, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact { background: #f6f8ff; } /* line 7475, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__panel { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 40px -18px rgba(23, 43, 99, 0.28); } /* line 7481, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__info { padding: 48px 42px; color: #fff; background: linear-gradient(150deg, #4F46E5, #6366F1); } /* line 7486, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__title { color: #fff; font-size: 30px; margin: 0 0 14px; } /* line 7487, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__text { color: rgba(255, 255, 255, 0.9); margin-bottom: 26px; } /* line 7488, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__list { list-style: none; padding: 0; margin: 0; } /* line 7490, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__list li { display: flex; align-items: center; gap: 12px; padding: 10px 0; color: #fff; font-weight: 600; } /* line 7491, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__list i { font-size: 18px; opacity: .9; } /* line 7493, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__form-wrap { padding: 44px 42px; } /* line 7495, app/assets/stylesheets/_app-style.scss */ .landing .landing-form label { display: block; font-weight: 700; font-size: 14px; color: #0f1729; margin-bottom: 6px; } /* line 7502, app/assets/stylesheets/_app-style.scss */ .landing .landing-input { width: 100%; border: 1.5px solid #e7eaf3; border-radius: 11px; padding: 12px 14px; font-size: 15px; color: #0f1729; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; } /* line 7511, app/assets/stylesheets/_app-style.scss */ .landing .landing-input::-moz-placeholder { color: #aab1c4; } .landing .landing-input::placeholder { color: #aab1c4; } /* line 7512, app/assets/stylesheets/_app-style.scss */ .landing .landing-input:focus { outline: 0; border-color: #4F46E5; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.14); } /* line 7518, app/assets/stylesheets/_app-style.scss */ .landing .landing-form textarea.landing-input { resize: vertical; } /* line 7521, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer { background: #0f1729; color: #aab3c9; padding: 60px 0 26px; } /* line 7526, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__top { padding-bottom: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* line 7527, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer .landing-nav__brand { color: #fff; } /* line 7528, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer .landing-nav__brand-name { color: #fff; } /* line 7529, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__tagline { margin: 16px 0 0; color: #94a0ba; max-width: 300px; } /* line 7531, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__col h4 { color: #fff; font-size: 15px; margin: 0 0 16px; } /* line 7532, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__col a { display: block; color: #aab3c9; padding: 5px 0; transition: color .15s ease; } /* line 7537, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__col a:hover { color: #fff; } /* line 7539, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__col .landing-btn { display: inline-flex; width: auto; margin-top: 10px; padding: 11px 22px; } /* line 7546, app/assets/stylesheets/_app-style.scss */ .landing .landing-footer__bottom { padding-top: 22px; text-align: center; font-size: 14px; color: #7f8ba6; } /* ---- Landing responsive ---- */ @media (max-width: 991px) { /* line 7556, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__toggle { display: flex; } /* line 7557, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__menu { position: absolute; top: 74px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 4px; padding: 16px 20px 22px; background: #fff; border-bottom: 1px solid #e7eaf3; box-shadow: 0 8px 24px -12px rgba(23, 43, 99, 0.25); max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-height .25s ease, opacity .2s ease; } /* line 7573, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav.is-open .landing-nav__menu { max-height: 420px; opacity: 1; pointer-events: auto; } /* line 7578, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__link { padding: 12px 14px; } /* line 7579, app/assets/stylesheets/_app-style.scss */ .landing .landing-nav__signin { margin: 4px 0 0; padding: 12px 14px; } /* line 7580, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero { padding: 56px 0 64px; } /* line 7581, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__title { font-size: 40px; } /* line 7582, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__copy { padding-right: 0; } /* line 7583, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__info { border-radius: 24px 24px 0 0; } } @media (max-width: 575px) { /* line 7587, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__title { font-size: 32px; } /* line 7588, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__lead { font-size: 17px; } /* line 7589, app/assets/stylesheets/_app-style.scss */ .landing .landing-section { padding: 60px 0; } /* line 7590, app/assets/stylesheets/_app-style.scss */ .landing .landing-section__title { font-size: 28px; } /* line 7591, app/assets/stylesheets/_app-style.scss */ .landing .landing-contact__info, .landing .landing-contact__form-wrap { padding: 32px 24px; } /* line 7593, app/assets/stylesheets/_app-style.scss */ .landing .landing-btn { width: 100%; } /* line 7594, app/assets/stylesheets/_app-style.scss */ .landing .landing-hero__actions { flex-direction: column; align-items: stretch; } } /* ---- Landing dark mode ---- */ /* line 7599, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] body.bg-white { background-color: #0c1018 !important; } /* line 7603, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing { color: #c5cddd; background: #0c1018; } /* line 7607, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing h1, html[data-theme="dark"] .landing h2, html[data-theme="dark"] .landing h3, html[data-theme="dark"] .landing h4 { color: #f1f5ff; } /* line 7609, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav { background: rgba(21, 28, 44, 0.88); border-bottom-color: #2a3347; } /* line 7613, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__brand { color: #f1f5ff; } /* line 7614, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__link { color: #c5cddd; } /* line 7616, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__link:hover { color: #5b8aff; background: rgba(91, 138, 255, 0.12); } /* line 7618, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__signin { color: #f1f5ff; } /* line 7620, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__signin:hover { color: #5b8aff; } /* line 7622, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__theme { background: #151c2c; border-color: #2a3347; color: #f1f5ff; } /* line 7626, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__theme:hover { color: #5b8aff; border-color: rgba(91, 138, 255, 0.45); background: rgba(91, 138, 255, 0.12); } /* line 7632, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__toggle span { background: #f1f5ff; } /* line 7635, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-eyebrow { color: #5b8aff; background: rgba(91, 138, 255, 0.14); } /* line 7640, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-btn--ghost { color: #f1f5ff; background: #151c2c; border-color: #2a3347; } /* line 7644, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-btn--ghost:hover { box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.45); } /* line 7647, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero { background: radial-gradient(1200px 480px at 80% -10%, rgba(99, 102, 241, 0.18), transparent 60%), radial-gradient(900px 420px at 0% 0%, rgba(79, 70, 229, 0.16), transparent 55%), linear-gradient(180deg, #111827, #0c1018 78%); } /* line 7653, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__lead { color: #a3acc0; } /* line 7654, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__trust li { color: #c5cddd; } /* line 7655, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__card { background: #151c2c; border-color: #2a3347; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); } /* line 7660, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__card-head { background: #111827; border-bottom-color: #2a3347; } /* line 7664, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__row { border-top-color: #2a3347; } /* line 7666, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__row span { color: #c5cddd; } /* line 7667, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-hero__row b { color: #f1f5ff; } /* line 7672, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-stat-mini__label { color: #a3acc0; } /* line 7673, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-stat-mini__value { color: #f1f5ff; } /* line 7676, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-section__sub { color: #a3acc0; } /* line 7678, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-about { background: #0c1018; } /* line 7680, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-features { background: #111827; } /* line 7682, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-feature { background: #151c2c; border-color: #2a3347; } /* line 7685, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-feature:hover { box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); } /* line 7686, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-feature__desc { color: #a3acc0; } /* line 7689, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-highlight p { color: #a3acc0; } /* line 7691, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-pricing { background: #0c1018; } /* line 7693, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-plan { background: #151c2c; border-color: #2a3347; } /* line 7696, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-plan:hover { box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.45); } /* line 7697, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-plan__price { color: #f1f5ff; } /* line 7698, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-plan__period { color: #a3acc0; } /* line 7699, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-plan__features li { color: #c5cddd; border-bottom-color: #2a3347; } /* line 7705, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-contact { background: #111827; } /* line 7707, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-contact__panel { box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); } /* line 7709, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-contact__form-wrap { background: #151c2c; } /* line 7711, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-form label { color: #f1f5ff; } /* line 7713, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-input { color: #f1f5ff; background: #111827; border-color: #2a3347; } /* line 7717, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-input::-moz-placeholder { color: #6b7385; } html[data-theme="dark"] .landing .landing-input::placeholder { color: #6b7385; } /* line 7718, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-input:focus { border-color: #5b8aff; box-shadow: 0 0 0 4px rgba(91, 138, 255, 0.18); } @media (max-width: 991px) { /* line 7726, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .landing .landing-nav__menu { background: #151c2c; border-bottom-color: #2a3347; box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.45); } } /* ========================================================================= Portal / Dashboard redesign — matches landing design language (appended overrides: later rules win over the template defaults above) ========================================================================= */ /* Clip horizontal overflow on the real document scroller (html), not only body. Body-only overflow-x:hidden still leaves a page-level horizontal scrollbar when a descendant is wider than the viewport — same fix the landing page uses. overflow-x does not trap dropdowns that open downward. */ /* line 7758, app/assets/stylesheets/_app-style.scss */ html { max-width: 100%; overflow-x: hidden; } /* line 7763, app/assets/stylesheets/_app-style.scss */ body { background-color: var(--portal-bg); color: var(--portal-slate); max-width: 100%; overflow-x: hidden; } /* ---- Top navbar ---- */ /* line 7771, app/assets/stylesheets/_app-style.scss */ .top-menu { background: var(--portal-navbar-bg); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none; border-bottom: 1px solid var(--portal-line); } /* line 7778, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-brand .navbar-brand-inner { display: inline-flex; align-items: center; gap: 10px; } /* line 7784, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-brand .school-logo { width: 36px; height: 36px; -o-object-fit: contain; object-fit: contain; border-radius: 6px; flex-shrink: 0; } /* line 7792, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-brand h2 { font-size: 18px; font-weight: 800; color: var(--portal-ink); margin: 0; letter-spacing: -0.01em; } /* line 7802, app/assets/stylesheets/_app-style.scss */ .top-menu .burger-menu span { height: 1.5px; width: 16px; margin: 3px 0; border-radius: 2px; background: var(--portal-ink); } /* line 7811, app/assets/stylesheets/_app-style.scss */ .top-menu .topbar-role { display: inline-flex; align-items: center; margin-left: 4px; margin-right: 12px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--portal-line); background: var(--portal-surface); color: var(--portal-primary); font-size: 17px; font-weight: 600; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } /* line 7831, app/assets/stylesheets/_app-style.scss */ .top-menu .navbar-nav .nav-link { color: var(--portal-slate); } /* line 7835, app/assets/stylesheets/_app-style.scss */ .top-menu .count-info .icon, .top-menu .count-info .lni { color: var(--portal-slate); } /* line 7840, app/assets/stylesheets/_app-style.scss */ .top-menu .menu-profile .name { color: var(--portal-ink); font-weight: 700; } /* line 7845, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu { border: 1px solid var(--portal-line); border-radius: 14px; box-shadow: var(--portal-shadow-sm); overflow: hidden; } /* line 7851, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu .dropdown-item { color: var(--portal-slate); font-weight: 600; } /* line 7855, app/assets/stylesheets/_app-style.scss */ .top-menu .dropdown-menu .dropdown-item:hover, .top-menu .dropdown-menu .dropdown-item:focus { background: rgba(79, 70, 229, 0.06); color: var(--portal-primary); } /* ---- Sidebar module search ---- */ /* line 7865, app/assets/stylesheets/_app-style.scss */ .sidebar-search { width: 100%; padding: 0; } /* line 7869, app/assets/stylesheets/_app-style.scss */ .sidebar-search__wrap { position: relative; display: block; width: 100%; margin: 0; } /* line 7876, app/assets/stylesheets/_app-style.scss */ .sidebar-search__icon { position: absolute; top: 50%; left: 14px; width: 16px; height: 16px; color: var(--portal-muted); pointer-events: none; transform: translateY(-50%); } /* line 7887, app/assets/stylesheets/_app-style.scss */ .sidebar-search__input { display: block; width: 100%; height: 40px; padding: 0 52px 0 40px; border: 1px solid var(--portal-line); border-radius: 99px; background-color: #ffffff; color: var(--portal-ink); font-size: 13px; font-weight: 600; line-height: 1; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; /* Native cancel sits after the caret when appearance is reset — hide it. */ } /* line 7904, app/assets/stylesheets/_app-style.scss */ .sidebar-search__input::-moz-placeholder { color: var(--portal-muted); font-weight: 500; } .sidebar-search__input::placeholder { color: var(--portal-muted); font-weight: 500; } /* line 7909, app/assets/stylesheets/_app-style.scss */ .sidebar-search__input:focus { outline: none; border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.16); } /* line 7916, app/assets/stylesheets/_app-style.scss */ .sidebar-search__input::-webkit-search-cancel-button, .sidebar-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } /* line 7924, app/assets/stylesheets/_app-style.scss */ .sidebar-search__clear { position: absolute; top: 50%; right: 8px; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--portal-muted); cursor: pointer; transform: translateY(-50%); transition: color 0.15s ease, background-color 0.15s ease; } /* line 7943, app/assets/stylesheets/_app-style.scss */ .sidebar-search__clear .icon { width: 16px; height: 16px; } /* line 7948, app/assets/stylesheets/_app-style.scss */ .sidebar-search__clear:hover, .sidebar-search__clear:focus { color: var(--portal-ink); background-color: rgba(15, 23, 41, 0.06); outline: none; } /* line 7955, app/assets/stylesheets/_app-style.scss */ .sidebar-search__clear[hidden] { display: none; } /* line 7960, app/assets/stylesheets/_app-style.scss */ .sidebar-search__kbd { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 2px 6px; border: 1px solid var(--portal-line); border-radius: 6px; background: #ffffff; color: var(--portal-muted); font-family: inherit; font-size: 10.5px; font-weight: 600; line-height: 1.5; letter-spacing: 0.02em; pointer-events: none; white-space: nowrap; transition: opacity 0.15s ease; } /* line 7980, app/assets/stylesheets/_app-style.scss */ .sidebar-search__input:focus ~ .sidebar-search__kbd, .sidebar-search__wrap.is-filled .sidebar-search__kbd { opacity: 0; pointer-events: none; } /* line 7986, app/assets/stylesheets/_app-style.scss */ .sidebar-search__empty { display: none; margin: 8px 2px 0; font-size: 12px; font-weight: 600; color: var(--portal-muted); text-align: center; } /* line 7997, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.is-searching .sidebar-category-toggle .category-chevron { transform: rotate(180deg); } /* line 8003, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidebar-search-empty .sidebar-search__empty { display: block; } /* line 8008, app/assets/stylesheets/_app-style.scss */ .sidebar-search-hidden { display: none !important; } /* ---- Side menu (dark ink, matches auth/landing dark panels) ---- */ /* line 8013, app/assets/stylesheets/_app-style.scss */ .sidemenu-area { background: var(--portal-sidebar-bg); border-top: none; border-right: 1px solid var(--portal-line); box-shadow: 12px 0 30px -24px rgba(23, 43, 99, 0.18); height: calc(100% - 62px); display: flex; flex-direction: column; overflow: hidden; scrollbar-width: thin; scrollbar-color: rgba(15, 23, 41, 0.18) transparent; } /* line 8025, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__search { flex: 0 0 auto; z-index: 2; padding: 12px 10px; background: var(--portal-sidebar-bg); border-bottom: 1px solid var(--portal-line); } /* line 8033, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgba(15, 23, 41, 0.18) transparent; } /* line 8041, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__body::-webkit-scrollbar { width: 5px; } /* line 8045, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__body::-webkit-scrollbar-track { background: transparent; } /* line 8049, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__body::-webkit-scrollbar-thumb { background: rgba(15, 23, 41, 0.15); border-radius: 99px; } /* line 8053, app/assets/stylesheets/_app-style.scss */ .sidemenu-area__body::-webkit-scrollbar-thumb:hover { background: rgba(15, 23, 41, 0.3); } /* line 8059, app/assets/stylesheets/_app-style.scss */ .sidemenu-area::-webkit-scrollbar { width: 5px; } /* line 8063, app/assets/stylesheets/_app-style.scss */ .sidemenu-area::-webkit-scrollbar-track { background: transparent; } /* line 8067, app/assets/stylesheets/_app-style.scss */ .sidemenu-area::-webkit-scrollbar-thumb { background: rgba(15, 23, 41, 0.15); border-radius: 99px; } /* line 8071, app/assets/stylesheets/_app-style.scss */ .sidemenu-area::-webkit-scrollbar-thumb:hover { background: rgba(15, 23, 41, 0.3); } /* line 8076, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu { display: block; width: 100%; padding: 0; } /* line 8081, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-collapse { display: block !important; width: 100%; } /* line 8086, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav { padding: 8px 10px 24px; /* Section labels (e.g. Platform) */ } /* line 8089, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link { display: flex; align-items: center; gap: 10px; padding: 8px 10px; font-size: 13.5px; color: var(--portal-slate); font-weight: 600; line-height: 1.25; border-bottom: none; border-radius: 11px; margin: 2px 0; transition: background 0.18s ease, color 0.18s ease; /* main section icon becomes a tinted chip */ } /* line 8104, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link > .icon:not(.fr) { width: 30px; height: 30px; padding: 7px; margin-top: 0; border-radius: 9px; background: rgba(79, 70, 229, 0.09); color: var(--portal-primary); flex: 0 0 auto; transition: background 0.18s ease, color 0.18s ease; } /* line 8116, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link .title { flex: 1 1 auto; min-width: 0; padding-left: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } /* line 8125, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 8131, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .nav-link:focus > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--portal-primary); } /* line 8137, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover::before { content: none; } /* line 8142, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-title { display: flex; align-items: center; gap: 10px; } /* line 8147, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-title > .icon { width: 30px; height: 30px; padding: 7px; margin-top: 0; border-radius: 9px; background: rgba(79, 70, 229, 0.09); color: var(--portal-primary); flex: 0 0 auto; transition: background 0.18s ease, color 0.18s ease; } /* line 8159, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-title .icon.fr { width: 15px; height: 15px; padding: 0; background: transparent; color: var(--portal-muted); margin-top: 2px; transition: transform 0.25s ease; } /* line 8170, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .dropdown-title > .icon, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .dropdown-title > .icon { background: rgba(79, 70, 229, 0.16); } /* line 8175, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: linear-gradient(135deg, var(--portal-primary), var(--portal-indigo)); color: #fff; box-shadow: 0 10px 22px -10px rgba(79, 70, 229, 0.65); } /* line 8180, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { content: none; } /* line 8184, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active > .icon, .sidemenu-area .sidemenu .navbar-nav .nav-link.active .dropdown-title > .icon { background: rgba(255, 255, 255, 0.2); color: #fff; } /* line 8190, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link.active:focus { background: linear-gradient(135deg, var(--portal-primary-d), #4a3bd1); color: #fff; } /* line 8196, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active:hover > .icon, .sidemenu-area .sidemenu .navbar-nav .nav-link.active:focus > .icon { background: rgba(255, 255, 255, 0.24); color: #fff; } /* line 8204, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .show.dropdown.nav-item .nav-link { background-color: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 8210, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 14px; box-shadow: var(--portal-shadow-sm); padding: 7px; margin: 0; } /* line 8218, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item { display: flex; align-items: center; position: relative; color: var(--portal-slate); font-weight: 600; font-size: 13.5px; border-radius: 10px; padding: 9px 12px 9px 14px; white-space: normal; transition: background 0.16s ease, color 0.16s ease; } /* line 8230, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:hover, .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:focus { background: rgba(79, 70, 229, 0.08); color: var(--portal-primary); } /* line 8236, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:hover::before, .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:focus::before { content: none; } /* line 8242, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { color: var(--portal-primary); font-weight: 700; background: linear-gradient(90deg, rgba(79, 70, 229, 0.12), rgba(99, 102, 241, 0.08)); /* Clear the left accent bar (7px inset + 3px width + gap). */ padding-left: 20px; /* accent bar on the left edge */ } /* line 8250, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::after { content: ''; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: 3px; height: 16px; border-radius: 3px; background: linear-gradient(180deg, var(--portal-primary), var(--portal-indigo)); } /* line 8262, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::before { content: none; } /* line 8267, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-category { margin: 14px 8px 6px; padding: 0; font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--portal-muted); } /* line 8277, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category { margin: 0; padding: 4px 0px; position: relative; /* Category header — matches top-level nav links (e.g. Dashboard) */ } /* line 8283, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; font-size: 13.5px; color: var(--portal-slate); font-weight: 600; line-height: 1.25; border: none; border-radius: 11px; margin: 2px 0; background: transparent; cursor: pointer; text-align: left; transition: background 0.18s ease, color 0.18s ease; } /* line 8301, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle > .icon:not(.fr):not(.category-chevron) { width: 30px; height: 30px; padding: 7px; margin-top: 0; border-radius: 9px; background: rgba(79, 70, 229, 0.09); color: var(--portal-primary); flex: 0 0 auto; transition: background 0.18s ease, color 0.18s ease; } /* line 8313, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle .title { flex: 1 1 auto; min-width: 0; padding-left: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } /* line 8322, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle > .icon.fr { width: 14px; height: 14px; padding: 0; margin-left: auto; margin-top: 0; background: transparent; color: var(--portal-muted); flex: 0 0 auto; opacity: 0.7; border-radius: 0; transition: transform 0.25s ease, color 0.18s ease, opacity 0.18s ease; } /* line 8337, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); outline: none; } /* line 8343, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus > .icon:not(.fr):not(.category-chevron) { background: rgba(79, 70, 229, 0.16); color: var(--portal-primary); } /* line 8348, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus .category-chevron { color: var(--portal-primary); opacity: 1; background: transparent; } /* line 8356, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open { z-index: 2; } /* line 8359, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); font-weight: 600; } /* line 8364, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle > .icon:not(.fr):not(.category-chevron) { background: rgba(79, 70, 229, 0.16); color: var(--portal-primary); } /* line 8370, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle .category-chevron { transform: rotate(180deg); color: var(--portal-primary); opacity: 1; background: transparent; width: 14px; height: 14px; padding: 0; border-radius: 0; } /* line 8382, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items { max-height: 0; opacity: 0; overflow: hidden; pointer-events: none; visibility: hidden; padding: 0 0 6px 4px; margin: 2px 0 0 10px; border-left: 2px solid rgba(79, 70, 229, 0.14); } /* line 8392, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link { position: relative; z-index: 1; font-size: 13.5px; font-weight: 600; } /* line 8398, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link > .icon, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link .dropdown-title > .icon { width: 28px; height: 28px; padding: 6px; } /* line 8407, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-items { max-height: none; opacity: 1; overflow: visible; pointer-events: auto; visibility: visible; } /* line 8418, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu.sidebar-categories-animated .navbar-nav .sidebar-category .sidebar-category-items { transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0.35s; } /* line 8425, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu.sidebar-categories-animated .navbar-nav .sidebar-category.is-open .sidebar-category-items { transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0s; } /* Hover flyout submenu — opens to the RIGHT of the sidebar. Positioned `fixed` so the scrollable .sidemenu-area cannot clip it. JS (custom.js) sets `top`/`left` to the hovered item on mouseenter. Opacity-only open animation (no transform) so nested fixed menus stay viewport-relative and are not trapped/clipped by the parent panel. Matches the desktop rail (≥1200); ≤1199 uses the off-canvas drawer with inline Bootstrap / tap menus instead of fixed hover flyouts. */ @media only screen and (min-width: 1200px) { /* line 8443, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown > .dropdown-menu { position: fixed; display: block; top: auto; /* reset legacy top: 0 */ right: auto; /* reset legacy right: -200px */ left: 236px; /* flush with sidebar; JS overrides with sideRect.right */ width: 248px; /* 234 visual + 14px transparent left hit-bridge */ height: auto !important; /* beat legacy height: 100vh */ min-height: 0; max-height: calc(100vh - 90px); overflow: visible !important; margin: 0 0 0 -14px; /* bridge overlaps nav item padding (~10px) */ padding: 7px; /* Transparent left border = hit-test bridge that overflow cannot clip. background-clip keeps the white panel on the padding box only. */ border: 1px solid var(--portal-line); background-color: var(--portal-surface); background-clip: padding-box; border-radius: 16px; box-shadow: 26px 24px 60px -26px rgba(23, 43, 99, 0.38), 0 2px 8px rgba(23, 43, 99, 0.06); transform: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, visibility 0.18s; z-index: 1055; } /* Desktop flyouts open when JS toggles .flyout-open on hover. */ /* line 8472, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown.flyout-open > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; } /* Nested second-level flyout (e.g. Exam Grades → Particular Test / Final Result). Fixed + JS placement so it sits clear to the right of the parent panel. */ /* line 8480, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu { position: static; } /* line 8483, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; } /* line 8489, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item > span { flex: 1; min-width: 0; } /* line 8494, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item .submenu-chevron { width: 14px; height: 14px; flex: 0 0 auto; margin-left: auto; color: var(--portal-muted); transition: color 0.16s ease, transform 0.16s ease; } /* line 8503, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item:hover .submenu-chevron, .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item:focus .submenu-chevron { color: var(--portal-primary); } /* line 8509, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-item .submenu-chevron { color: var(--portal-primary); transform: translateX(2px); } /* line 8514, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu { position: fixed !important; display: block; top: 0; left: 0; right: auto !important; width: 234px !important; height: auto !important; /* beat legacy height: 100vh */ min-height: 0 !important; max-height: none !important; overflow: visible !important; margin: 0 !important; padding: 7px; border: 1px solid var(--portal-line); background-color: var(--portal-surface); background-clip: padding-box; border-radius: 16px; box-shadow: 26px 24px 60px -26px rgba(23, 43, 99, 0.38), 0 2px 8px rgba(23, 43, 99, 0.06); transform: none !important; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, visibility 0.18s; z-index: 1060; } /* line 8540, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; } /* line 8546, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-item { background: rgba(79, 70, 229, 0.08); color: var(--portal-primary); } } /* Drawer / mobile (≤1199): nest submenu children inline under the parent item */ @media only screen and (max-width: 1199px) { /* line 8556, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; } /* line 8562, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item .submenu-chevron { width: 14px; height: 14px; flex: 0 0 auto; color: var(--portal-muted); opacity: 0.7; transition: transform 0.25s ease, color 0.18s ease, opacity 0.18s ease; } /* line 8572, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-item { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 8576, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-item .submenu-chevron { transform: rotate(-90deg); color: var(--portal-primary); opacity: 1; } /* line 8583, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-item .submenu-chevron { transform: rotate(90deg); } /* line 8587, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu { display: block !important; position: static !important; float: none; top: auto !important; left: auto !important; right: auto !important; width: auto; margin: 2px 0 0 10px; padding: 0 0 6px 4px; border: 0; border-left: 2px solid rgba(79, 70, 229, 0.14); border-radius: 0; box-shadow: none; background: transparent !important; transform: none !important; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0.35s; } /* line 8613, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu .dropdown-item { padding: 8px 6px 8px 10px; font-size: 13px; border-radius: 8px; } /* line 8618, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu .dropdown-item.active { padding-left: 18px; } /* line 8624, app/assets/stylesheets/_app-style.scss */ .sidemenu-area .sidemenu .dropdown-submenu.flyout-open > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0s; } } /* Desktop sidebar: full labels, or icon rail that expands on hover */ @media only screen and (min-width: 1200px) { /* line 8638, app/assets/stylesheets/_app-style.scss */ .sidemenu-area { width: 236px; opacity: 1; left: 0; transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1); } /* line 8645, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle { width: 68px; /* Hover expands to full labels without changing page layout */ } /* line 8648, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidebar-search { padding: 0; overflow: hidden; } /* line 8652, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidebar-search__wrap { width: 44px; margin: 0 auto; transition: width 0.2s ease; } /* line 8658, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidebar-search__input { width: 44px; padding-right: 0; cursor: pointer; } /* line 8663, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidebar-search__input::-moz-placeholder { color: transparent; } .sidemenu-area.sidemenu-toggle .sidebar-search__input::placeholder { color: transparent; } /* line 8669, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu-area__search { padding: 10px 8px; } /* line 8674, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu .navbar-nav .nav-link { justify-content: center; gap: 0; } /* line 8679, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu .navbar-nav .sidebar-category-toggle { justify-content: center; gap: 0; } /* line 8683, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu .navbar-nav .sidebar-category-toggle .category-chevron { display: none; } /* line 8688, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu .navbar-nav .dropdown-title { justify-content: center; gap: 0; width: auto; } /* line 8694, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle .sidemenu .navbar-nav .title { display: none; } /* line 8700, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover { width: 236px; } /* line 8703, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidebar-search { overflow: visible; } /* line 8706, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidebar-search__wrap { width: 100%; } /* line 8710, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidebar-search__input { width: 100%; padding-right: 14px; cursor: text; } /* line 8715, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidebar-search__input::-moz-placeholder { color: var(--portal-muted); } .sidemenu-area.sidemenu-toggle:hover .sidebar-search__input::placeholder { color: var(--portal-muted); } /* line 8721, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu-area__search { padding: 12px 10px; } /* line 8726, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu .navbar-nav .nav-link { justify-content: flex-start; gap: 10px; } /* line 8731, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu .navbar-nav .sidebar-category-toggle { justify-content: flex-start; gap: 10px; } /* line 8735, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu .navbar-nav .sidebar-category-toggle .category-chevron { display: block; } /* line 8740, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu .navbar-nav .dropdown-title { justify-content: flex-start; gap: 10px; width: 100%; } /* line 8746, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .sidemenu .navbar-nav .title { display: inline-block; } /* line 8753, app/assets/stylesheets/_app-style.scss */ .hide-nav-title .title { display: none; } /* line 8757, app/assets/stylesheets/_app-style.scss */ .sidemenu-area.sidemenu-toggle:hover .hide-nav-title .title { display: inline-block; } /* line 8761, app/assets/stylesheets/_app-style.scss */ .main-content { padding-left: 266px; transition: padding-left 0.28s cubic-bezier(0.22, 1, 0.36, 1); } /* line 8766, app/assets/stylesheets/_app-style.scss */ .main-content.hide-sidemenu { padding-left: 98px; } /* line 8770, app/assets/stylesheets/_app-style.scss */ .top-menu .burger-menu { display: block; } } /* ---- Main content & page header ---- */ /* line 8776, app/assets/stylesheets/_app-style.scss */ .main-content-header { border-bottom: none; padding-bottom: 0; margin-bottom: 22px; } /* line 8781, app/assets/stylesheets/_app-style.scss */ .main-content-header h1 { font-size: 22px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.01em; } /* line 8788, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb { font-weight: 600; } /* line 8791, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb a { color: var(--portal-muted); } /* line 8794, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb a:hover { color: var(--portal-primary); } /* line 8799, app/assets/stylesheets/_app-style.scss */ .main-content-header .breadcrumb .breadcrumb-item.active { color: var(--portal-slate); } /* line 8805, app/assets/stylesheets/_app-style.scss */ .main-content .alert { border-radius: 12px; border: 1px solid var(--portal-line); box-shadow: var(--portal-shadow-sm); padding: 0.85rem 1.25rem; margin-bottom: 1rem; line-height: 1.45; } /* line 8813, app/assets/stylesheets/_app-style.scss */ .main-content .alert.alert-dismissible { padding-right: 3rem; } /* line 8816, app/assets/stylesheets/_app-style.scss */ .main-content .alert.alert-dismissible .close { top: 50%; transform: translateY(-50%); padding: 0.5rem 1rem; line-height: 1; } /* ---- Cards ---- */ /* line 8826, app/assets/stylesheets/_app-style.scss */ .card { background-color: var(--portal-surface); border-radius: 16px; border: 1px solid var(--portal-line); box-shadow: 0 1px 2px rgba(15, 23, 41, 0.04); } /* line 8832, app/assets/stylesheets/_app-style.scss */ .card .card-header { border-bottom: 1px solid var(--portal-line); } /* line 8835, app/assets/stylesheets/_app-style.scss */ .card .card-header::before { content: none; } /* line 8839, app/assets/stylesheets/_app-style.scss */ .card .card-header .card-title { font-weight: 800; color: var(--portal-ink); } /* line 8846, app/assets/stylesheets/_app-style.scss */ .stats-card, .stats-card-one, .stats-card-two { background-color: var(--portal-surface); border-radius: 16px; border: 1px solid var(--portal-line); } /* line 8854, app/assets/stylesheets/_app-style.scss */ .hover-card:hover { box-shadow: var(--portal-shadow-sm); } /* ---- Buttons, forms, tables ---- */ /* line 8859, app/assets/stylesheets/_app-style.scss */ .btn { border-radius: 10px; font-weight: 700; } /* line 8864, app/assets/stylesheets/_app-style.scss */ .btn-primary { background: linear-gradient(135deg, var(--portal-primary), var(--portal-indigo)); border-color: transparent; box-shadow: 0 8px 18px -8px rgba(79, 70, 229, 0.55); } /* line 8869, app/assets/stylesheets/_app-style.scss */ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active { background: linear-gradient(135deg, var(--portal-primary-d), #4a3bd1); border-color: transparent; } /* line 8878, app/assets/stylesheets/_app-style.scss */ .btn-success { background: #059669; border-color: #059669; box-shadow: 0 8px 18px -8px rgba(18, 153, 107, 0.45); } /* line 8883, app/assets/stylesheets/_app-style.scss */ .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:not(:disabled):not(.disabled):active { background: #047857; border-color: #047857; } /* line 8892, app/assets/stylesheets/_app-style.scss */ .form-control { border-radius: 10px; } /* line 8895, app/assets/stylesheets/_app-style.scss */ .form-control:focus { border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 8901, app/assets/stylesheets/_app-style.scss */ .pw-field { position: relative; display: block; width: 100%; /* Edge/IE draw their own reveal control on top of ours. */ } /* line 8906, app/assets/stylesheets/_app-style.scss */ .pw-field .form-control { /* Room for the toggle *and* its inset, so a long value never slides under the icon. */ padding-right: 52px; } /* line 8913, app/assets/stylesheets/_app-style.scss */ .pw-field input::-ms-reveal, .pw-field input::-ms-clear { display: none; } /* line 8918, app/assets/stylesheets/_app-style.scss */ .pw-field__toggle { position: absolute; top: 50%; right: 10px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; /* Round, so the hover fill stays clear of the input's rounded edge. */ border-radius: 50%; background: transparent; color: var(--portal-muted); cursor: pointer; transform: translateY(-50%); transition: color 0.15s ease, background 0.15s ease; } /* line 8938, app/assets/stylesheets/_app-style.scss */ .pw-field__toggle .icon { width: 18px; height: 18px; } /* line 8943, app/assets/stylesheets/_app-style.scss */ .pw-field__toggle:hover { color: var(--portal-ink); background: rgba(15, 23, 41, 0.06); } /* line 8948, app/assets/stylesheets/_app-style.scss */ .pw-field__toggle:focus { outline: none; } /* line 8952, app/assets/stylesheets/_app-style.scss */ .pw-field__toggle:focus-visible { box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.22); } /* line 8957, app/assets/stylesheets/_app-style.scss */ .pw-field__icon--hide { display: none; } /* line 8961, app/assets/stylesheets/_app-style.scss */ .pw-field.is-visible .pw-field__icon--show { display: none; } /* line 8965, app/assets/stylesheets/_app-style.scss */ .pw-field.is-visible .pw-field__icon--hide { display: block; } /* line 8970, app/assets/stylesheets/_app-style.scss */ .table { /* Dark table headers (views use bg-secondary/thead-dark): ink to match sidebar */ } /* line 8971, app/assets/stylesheets/_app-style.scss */ .table thead th { color: var(--portal-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--portal-line); } /* line 8981, app/assets/stylesheets/_app-style.scss */ .table thead.bg-secondary, .table thead.thead-dark { background-color: var(--portal-ink) !important; } /* line 8985, app/assets/stylesheets/_app-style.scss */ .table thead.bg-secondary th, .table thead.thead-dark th { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.12); } /* line 8992, app/assets/stylesheets/_app-style.scss */ .table td, .table th { border-top-color: var(--portal-line); } /* ---- Footer ---- */ /* line 8999, app/assets/stylesheets/_app-style.scss */ .footer { background: transparent; clip-path: none; border-radius: 0; padding: 18px 0 22px; } /* line 9006, app/assets/stylesheets/_app-style.scss */ .footer p { color: var(--portal-muted); font-size: 13px; } /* ========================================================================= Dashboard page components (.dboard-*) ========================================================================= */ /* Welcome hero */ /* line 9017, app/assets/stylesheets/_app-style.scss */ .dboard-hero { position: relative; overflow: hidden; border-radius: 20px; padding: 28px 30px; margin-bottom: 24px; color: #fff; background: radial-gradient(120% 90% at 0% 0%, rgba(99, 102, 241, 0.55) 0%, rgba(99, 102, 241, 0) 55%), linear-gradient(150deg, var(--portal-primary) 0%, var(--portal-indigo) 100%); box-shadow: var(--portal-shadow); } /* line 9029, app/assets/stylesheets/_app-style.scss */ .dboard-hero::after { content: ''; position: absolute; inset: 0; background: radial-gradient(90% 60% at 100% 100%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 60%); pointer-events: none; } /* line 9037, app/assets/stylesheets/_app-style.scss */ .dboard-hero__inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; } /* line 9047, app/assets/stylesheets/_app-style.scss */ .dboard-hero__eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); margin: 0 0 6px; } /* line 9056, app/assets/stylesheets/_app-style.scss */ .dboard-hero h1 { color: #fff; font-size: 26px; font-weight: 800; margin: 0 0 4px; letter-spacing: -0.01em; } /* line 9064, app/assets/stylesheets/_app-style.scss */ .dboard-hero__sub { margin: 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; } /* line 9070, app/assets/stylesheets/_app-style.scss */ .dboard-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; } /* line 9076, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 12px; font-weight: 700; font-size: 14px; background: #fff; color: var(--portal-primary); border: 1px solid transparent; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; } /* line 9089, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn .icon { width: 16px; height: 16px; } /* line 9094, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn:hover { color: var(--portal-primary-d); transform: translateY(-2px); box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.45); } /* line 9100, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn--ghost { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.3); color: #fff; } /* line 9105, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn--ghost:hover { background: rgba(255, 255, 255, 0.24); color: #fff; } /* KPI cards */ /* line 9114, app/assets/stylesheets/_app-style.scss */ .dboard-kpi { display: block; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; padding: 20px 22px; margin-bottom: 24px; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } /* line 9123, app/assets/stylesheets/_app-style.scss */ .dboard-kpi:hover { transform: translateY(-3px); box-shadow: var(--portal-shadow-sm); border-color: rgba(79, 70, 229, 0.35); } /* line 9129, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; } /* line 9136, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__label { font-size: 12.5px; font-weight: 700; color: var(--portal-muted); text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 8px; } /* line 9145, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__value { font-size: 30px; font-weight: 800; color: var(--portal-ink); line-height: 1; margin: 0; } /* line 9153, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__icon { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; } /* line 9162, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__icon .icon { width: 24px; height: 24px; } /* line 9168, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__hint { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--portal-muted); margin: 16px 0 0; transition: color 0.18s ease; } /* line 9178, app/assets/stylesheets/_app-style.scss */ .dboard-kpi__hint .icon { width: 14px; height: 14px; } /* line 9184, app/assets/stylesheets/_app-style.scss */ .dboard-kpi:hover .dboard-kpi__hint { color: var(--portal-primary); } /* line 9188, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--blue .dboard-kpi__icon { background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); } /* line 9189, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--purple .dboard-kpi__icon { background: rgba(136, 108, 255, 0.12); color: #7C3AED; } /* line 9190, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--cyan .dboard-kpi__icon { background: rgba(0, 201, 167, 0.12); color: #0D9488; } /* line 9191, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--gold .dboard-kpi__icon { background: rgba(255, 171, 0, 0.14); color: #B45309; } /* line 9192, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--green .dboard-kpi__icon { background: rgba(18, 153, 107, 0.12); color: #059669; } /* line 9193, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--red .dboard-kpi__icon { background: rgba(229, 72, 77, 0.12); color: #DC2626; } /* line 9195, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--green:hover { border-color: rgba(18, 153, 107, 0.35); } /* line 9196, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--red:hover { border-color: rgba(229, 72, 77, 0.35); } /* line 9197, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--gold:hover { border-color: rgba(217, 143, 0, 0.4); } /* line 9198, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--purple:hover { border-color: rgba(124, 92, 255, 0.35); } /* line 9199, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--cyan:hover { border-color: rgba(0, 169, 140, 0.35); } /* line 9200, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--green:hover .dboard-kpi__hint { color: #059669; } /* line 9201, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--red:hover .dboard-kpi__hint { color: #DC2626; } /* line 9202, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--gold:hover .dboard-kpi__hint { color: #B45309; } /* line 9203, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--purple:hover .dboard-kpi__hint { color: #7C3AED; } /* line 9204, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--cyan:hover .dboard-kpi__hint { color: #0D9488; } /* line 9206, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm { padding: 14px 16px; margin-bottom: 18px; } /* line 9210, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__label { font-size: 11px; margin-bottom: 4px; } /* line 9215, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__value { font-size: 22px; } /* line 9219, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__icon { width: 40px; height: 40px; border-radius: 11px; } /* line 9224, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__icon .icon { width: 18px; height: 18px; } /* line 9230, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__hint { margin-top: 10px; font-size: 11.5px; } /* line 9234, app/assets/stylesheets/_app-style.scss */ .dboard-kpi--sm .dboard-kpi__hint .icon { width: 12px; height: 12px; } /* Finance / summary panels */ /* line 9243, app/assets/stylesheets/_app-style.scss */ .dboard-panel { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; padding: 24px; margin-bottom: 24px; height: calc(100% - 24px); } /* line 9251, app/assets/stylesheets/_app-style.scss */ .dboard-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; } /* line 9259, app/assets/stylesheets/_app-style.scss */ .dboard-panel__title { font-size: 16px; font-weight: 800; color: var(--portal-ink); margin: 0; } /* line 9266, app/assets/stylesheets/_app-style.scss */ .dboard-panel__link { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: var(--portal-primary); white-space: nowrap; } /* line 9275, app/assets/stylesheets/_app-style.scss */ .dboard-panel__link .icon { width: 14px; height: 14px; } /* line 9280, app/assets/stylesheets/_app-style.scss */ .dboard-panel__link:hover { color: var(--portal-primary-d); } /* line 9285, app/assets/stylesheets/_app-style.scss */ .dboard-panel__tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; } /* line 9293, app/assets/stylesheets/_app-style.scss */ .dboard-panel__month { -moz-appearance: none; appearance: none; -webkit-appearance: none; height: 34px; min-width: 148px; padding: 0 32px 0 12px; border: 1px solid var(--portal-line); border-radius: 10px; background-color: var(--portal-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7385' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; color: var(--portal-ink); font-size: 12px; font-weight: 700; line-height: 1; cursor: pointer; } /* line 9312, app/assets/stylesheets/_app-style.scss */ .dboard-panel__month:focus { outline: none; border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.16); } /* line 9319, app/assets/stylesheets/_app-style.scss */ .dboard-panel.is-loading { opacity: 0.62; pointer-events: none; } /* line 9324, app/assets/stylesheets/_app-style.scss */ .dboard-panel__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 12px; } /* line 9331, app/assets/stylesheets/_app-style.scss */ .dboard-metric { background: var(--portal-bg); border: 1px solid var(--portal-line); border-radius: 12px; padding: 14px 16px; } /* line 9337, app/assets/stylesheets/_app-style.scss */ .dboard-metric__label { font-size: 11.5px; font-weight: 700; color: var(--portal-muted); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 6px; } /* line 9346, app/assets/stylesheets/_app-style.scss */ .dboard-metric__value { font-size: 20px; font-weight: 800; color: var(--portal-ink); line-height: 1.1; margin: 0; } /* line 9354, app/assets/stylesheets/_app-style.scss */ .dboard-metric--good .dboard-metric__value { color: #059669; } /* line 9355, app/assets/stylesheets/_app-style.scss */ .dboard-metric--alert .dboard-metric__value { color: #EF4444; } /* line 9358, app/assets/stylesheets/_app-style.scss */ .dboard-progress { margin-top: 16px; } /* line 9361, app/assets/stylesheets/_app-style.scss */ .dboard-progress__bar { height: 8px; border-radius: 99px; background: var(--portal-progress-track); overflow: hidden; } /* line 9368, app/assets/stylesheets/_app-style.scss */ .dboard-progress__fill { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--portal-primary), var(--portal-indigo)); transition: width 0.6s ease; } /* line 9376, app/assets/stylesheets/_app-style.scss */ .dboard-progress__meta { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; font-weight: 600; color: var(--portal-muted); margin-top: 8px; } /* Section label + quick-access tiles */ /* line 9388, app/assets/stylesheets/_app-style.scss */ .dboard-section-title { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--portal-muted); margin: 4px 0 16px; } /* line 9397, app/assets/stylesheets/_app-style.scss */ .dboard-tile { display: flex; align-items: center; gap: 14px; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 14px; padding: 16px 18px; margin-bottom: 24px; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } /* line 9408, app/assets/stylesheets/_app-style.scss */ .dboard-tile:hover { transform: translateY(-3px); box-shadow: var(--portal-shadow-sm); border-color: rgba(79, 70, 229, 0.35); } /* line 9414, app/assets/stylesheets/_app-style.scss */ .dboard-tile__icon { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: rgba(79, 70, 229, 0.08); color: var(--portal-primary); display: flex; align-items: center; justify-content: center; } /* line 9425, app/assets/stylesheets/_app-style.scss */ .dboard-tile__icon .icon { width: 20px; height: 20px; } /* line 9431, app/assets/stylesheets/_app-style.scss */ .dboard-tile__label { font-size: 14px; font-weight: 700; color: var(--portal-ink); margin: 0; line-height: 1.25; } /* line 9439, app/assets/stylesheets/_app-style.scss */ .dboard-tile__meta { font-size: 12.5px; font-weight: 600; color: var(--portal-muted); margin: 2px 0 0; } /* line 9446, app/assets/stylesheets/_app-style.scss */ .dboard-tile__chev { margin-left: auto; color: var(--portal-muted); transition: color 0.18s ease, transform 0.18s ease; } /* line 9451, app/assets/stylesheets/_app-style.scss */ .dboard-tile__chev .icon { width: 16px; height: 16px; } /* line 9457, app/assets/stylesheets/_app-style.scss */ .dboard-tile:hover .dboard-tile__chev { color: var(--portal-primary); transform: translateX(2px); } @media only screen and (max-width: 767px) { /* line 9464, app/assets/stylesheets/_app-style.scss */ .dboard-hero { padding: 22px 20px; } /* line 9467, app/assets/stylesheets/_app-style.scss */ .dboard-hero h1 { font-size: 21px; } /* line 9471, app/assets/stylesheets/_app-style.scss */ .dboard-hero__btn { width: 100%; justify-content: center; } /* line 9476, app/assets/stylesheets/_app-style.scss */ .dboard-hero__actions { width: 100%; } /* line 9481, app/assets/stylesheets/_app-style.scss */ .dboard-panel__metrics { grid-template-columns: repeat(2, 1fr); } /* line 9485, app/assets/stylesheets/_app-style.scss */ .dboard-panel__head { flex-wrap: wrap; } /* line 9489, app/assets/stylesheets/_app-style.scss */ .dboard-panel__tools { width: 100%; justify-content: space-between; } /* line 9494, app/assets/stylesheets/_app-style.scss */ .dboard-chart__filters { width: 100%; } } /* Dashboard insight charts / table */ /* line 9500, app/assets/stylesheets/_app-style.scss */ .dboard-chart { min-height: 280px; width: 100%; } /* line 9505, app/assets/stylesheets/_app-style.scss */ .dboard-chart__empty { display: flex; align-items: center; justify-content: center; min-height: 220px; margin: 0; padding: 24px; text-align: center; font-size: 14px; font-weight: 700; color: var(--portal-muted); background: var(--portal-bg); border: 1px dashed var(--portal-line); border-radius: 12px; } /* line 9521, app/assets/stylesheets/_app-style.scss */ .dboard-chart__filters { display: inline-flex; gap: 6px; padding: 4px; background: var(--portal-bg); border: 1px solid var(--portal-line); border-radius: 10px; } /* line 9530, app/assets/stylesheets/_app-style.scss */ .dboard-chart__filter { border: 0; background: transparent; color: var(--portal-muted); font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background 0.18s ease, color 0.18s ease; } /* line 9542, app/assets/stylesheets/_app-style.scss */ .dboard-chart__filter:hover { color: var(--portal-primary); text-decoration: none; } /* line 9547, app/assets/stylesheets/_app-style.scss */ .dboard-chart__filter.is-active { background: var(--portal-surface); color: var(--portal-primary); box-shadow: 0 1px 3px rgba(23, 43, 99, 0.12); } /* line 9554, app/assets/stylesheets/_app-style.scss */ .dboard-table-wrap { overflow-x: auto; margin: 0 -4px; } /* line 9558, app/assets/stylesheets/_app-style.scss */ .dboard-table-wrap .lpage-table { margin-bottom: 0; } /* line 9563, app/assets/stylesheets/_app-style.scss */ .dboard-admission-no { font-size: 12px; font-weight: 600; color: var(--portal-slate); background: var(--portal-bg); border: 1px solid var(--portal-line); border-radius: 6px; padding: 2px 6px; } /* ========================================================================= List / index pages (students, etc.) — .lpage-* components ========================================================================= */ /* line 9578, app/assets/stylesheets/_app-style.scss */ .lpage-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 22px; /* Mobile-only Actions toggle; hidden on desktop. */ } /* line 9586, app/assets/stylesheets/_app-style.scss */ .lpage-head__intro { flex: 1 1 auto; min-width: 0; } /* line 9591, app/assets/stylesheets/_app-style.scss */ .lpage-head__title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; } /* line 9598, app/assets/stylesheets/_app-style.scss */ .lpage-head__title { font-size: 22px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.01em; margin: 0 0 4px; flex: 1 1 auto; min-width: 0; } /* line 9608, app/assets/stylesheets/_app-style.scss */ .lpage-head__crumbs { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--portal-muted); margin: 0; flex-wrap: wrap; } /* line 9618, app/assets/stylesheets/_app-style.scss */ .lpage-head__crumbs a { color: var(--portal-muted); } /* line 9621, app/assets/stylesheets/_app-style.scss */ .lpage-head__crumbs a:hover { color: var(--portal-primary); } /* line 9624, app/assets/stylesheets/_app-style.scss */ .lpage-head__crumbs .sep { opacity: 0.5; } /* line 9626, app/assets/stylesheets/_app-style.scss */ .lpage-head__crumbs .current { color: var(--portal-slate); } /* line 9629, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* line 9635, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--inline { flex: 0 0 auto; width: auto; flex-wrap: nowrap; } /* line 9641, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--split { flex-wrap: nowrap; } /* line 9647, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle { display: none; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 11px 14px; border: 1px solid var(--portal-line); border-radius: 10px; background: #fff; color: var(--portal-muted); font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease; } /* line 9664, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle:hover, .lpage-head__actions-toggle:focus { border-color: rgba(79, 70, 229, 0.45); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); color: var(--portal-ink); outline: none; } /* line 9673, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle-icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--portal-primary); } /* line 9680, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle-label { flex: 1 1 auto; min-width: 0; } /* line 9685, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle-chevron { width: 16px; height: 16px; flex: 0 0 auto; opacity: 0.65; transition: transform 0.2s ease; } /* line 9693, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-panel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* line 9700, app/assets/stylesheets/_app-style.scss */ .lpage-head__title-row .lpage-head__actions--inline { margin-top: -2px; margin-bottom: 4px; } /* Import / Export: desktop in header, mobile below KPI cards */ /* line 9707, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* line 9713, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions--desktop { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; } /* line 9720, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions--mobile { display: none; } /* line 9724, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions .btn { display: inline-flex; align-items: center; justify-content: center; } /* Branches index: mobile Add New Branch sits beside the title */ /* line 9732, app/assets/stylesheets/_app-style.scss */ .lpage-branches-add--mobile { display: none; } /* line 9736, app/assets/stylesheets/_app-style.scss */ .lpage-branches-add--desktop { display: flex; } /* line 9741, app/assets/stylesheets/_app-style.scss */ .lpage-table--branches .lpage-table__mobile-meta, .lpage-table--branches .lpage-table__mobile-sub, .lpage-table--branches .lpage-table__current-badge { display: none; } /* line 9749, app/assets/stylesheets/_app-style.scss */ .lpage-table--users .lpage-table__mobile-meta { display: none; } /* Users index: mobile Create sits beside the title */ /* line 9755, app/assets/stylesheets/_app-style.scss */ .lpage-users-add--mobile { display: none; } /* line 9759, app/assets/stylesheets/_app-style.scss */ .lpage-users-toolbar__secondary { display: contents; } /* Students index: mobile Add New Student sits beside the title */ /* line 9764, app/assets/stylesheets/_app-style.scss */ .lpage-students-add--mobile { display: none; } /* Teachers index: mobile Add New Teacher sits beside the title */ /* line 9769, app/assets/stylesheets/_app-style.scss */ .lpage-teachers-add--mobile { display: none; } /* line 9773, app/assets/stylesheets/_app-style.scss */ .lpage-btn-label--short { display: none; } /* line 9777, app/assets/stylesheets/_app-style.scss */ .lpage-students-toolbar__csv { display: contents; } @media (min-width: 768px) { /* line 9782, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar, .lpage-head--users .lpage-users-toolbar { align-items: center; } /* line 9786, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar .btn, .lpage-head--users .lpage-users-toolbar .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 16px; line-height: 1.2; } } @media (max-width: 767px) { /* line 9798, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions--desktop { display: none; } /* line 9802, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions--mobile { display: flex; width: 100%; gap: 8px; } /* line 9807, app/assets/stylesheets/_app-style.scss */ .lpage-csv-actions--mobile .btn { flex: 1 1 0; min-width: 0; white-space: nowrap; } /* Parents: Add on top, Import + Export share one row below */ /* line 9816, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents > .btn { order: 1; width: 100%; } /* line 9821, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents .lpage-csv-actions { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; order: 2; gap: 8px; } /* line 9829, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents .lpage-csv-actions .btn { flex: 1 1 0; width: auto; min-width: 0; white-space: nowrap; } /* line 9839, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-add--mobile { display: flex; } /* line 9843, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-add--desktop { display: none !important; } /* line 9847, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar { width: 100%; flex-direction: column; align-items: stretch; gap: 8px; } /* line 9853, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar__sms { display: flex; flex-direction: column; gap: 8px; width: 100%; } /* line 9859, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar__sms .btn { width: 100%; justify-content: center; } /* line 9865, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar__csv { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; gap: 8px; } /* line 9872, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar__csv .btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; white-space: nowrap; padding-left: 8px; padding-right: 8px; font-size: 12px; } /* line 9882, app/assets/stylesheets/_app-style.scss */ .lpage-head--students .lpage-students-toolbar__csv .btn .icon { width: 16px; height: 16px; margin-right: 4px; } /* line 9893, app/assets/stylesheets/_app-style.scss */ .lpage-head--teachers .lpage-teachers-add--mobile { display: flex; } /* line 9897, app/assets/stylesheets/_app-style.scss */ .lpage-head--teachers .lpage-teachers-head-actions { display: none !important; } /* line 9902, app/assets/stylesheets/_app-style.scss */ .lpage-btn-label--full { display: none; } /* line 9906, app/assets/stylesheets/_app-style.scss */ .lpage-btn-label--short { display: inline; } /* line 9910, app/assets/stylesheets/_app-style.scss */ .lpage-filters__exports { /* Mobile: Challan PDFs first, then Short Slips + Print List. */ } /* line 9911, app/assets/stylesheets/_app-style.scss */ .lpage-filters__exports > .btn { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; } /* line 9918, app/assets/stylesheets/_app-style.scss */ .lpage-filters__exports .lpage-filters__exports-challan { order: -1; flex: 1 1 100%; } } /* Tab bar for splitting a section across sibling pages (e.g. billing) */ /* line 9926, app/assets/stylesheets/_app-style.scss */ .lpage-subnav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-bottom: 22px; border-bottom: 1px solid var(--portal-line); } /* line 9934, app/assets/stylesheets/_app-style.scss */ .lpage-subnav__link { display: inline-flex; align-items: center; gap: 7px; padding: 10px 16px; font-size: 14px; font-weight: 600; color: var(--portal-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; } /* line 9945, app/assets/stylesheets/_app-style.scss */ .lpage-subnav__link:hover { color: var(--portal-primary); } /* line 9947, app/assets/stylesheets/_app-style.scss */ .lpage-subnav__link.is-active { color: var(--portal-primary); border-bottom-color: var(--portal-primary); } /* Small status pills in the header (balance / expiry) */ /* line 9955, app/assets/stylesheets/_app-style.scss */ .lpage-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 11px; font-size: 13px; font-weight: 700; border: 1px solid var(--portal-line); background: var(--portal-surface); color: var(--portal-slate); } /* line 9967, app/assets/stylesheets/_app-style.scss */ .lpage-pill b { color: var(--portal-ink); } /* line 9969, app/assets/stylesheets/_app-style.scss */ .lpage-pill--info { border-color: rgba(79, 70, 229, 0.25); background: rgba(79, 70, 229, 0.06); color: var(--portal-primary); } /* line 9970, app/assets/stylesheets/_app-style.scss */ .lpage-pill--warn { border-color: rgba(229, 72, 77, 0.25); background: rgba(229, 72, 77, 0.06); color: #DC2626; } /* Filter card */ /* line 9974, app/assets/stylesheets/_app-style.scss */ .lpage-filters { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; padding: 22px 24px 6px; margin-bottom: 22px; /* Avoid double spacing with column utilities like mb-4. */ /* Mobile-only search trigger; hidden on desktop. */ /* Export links stay outside the mobile filter collapse. */ /* Panel is always in the DOM; mobile collapses it with max-height. */ /* Nested inside me-marks / other cards — avoid a second bordered surface. */ } /* line 9982, app/assets/stylesheets/_app-style.scss */ .lpage-filters .form-group { margin-bottom: 0; } /* line 9986, app/assets/stylesheets/_app-style.scss */ .lpage-filters .form-group label, .lpage-filters .lpage-filters__panel label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); margin-bottom: 6px; } /* line 9997, app/assets/stylesheets/_app-style.scss */ .lpage-filters__search-toggle { display: none; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 11px 14px; border: 1px solid var(--portal-line); border-radius: 10px; background: #fff; color: var(--portal-muted); font-size: 14px; font-weight: 500; text-align: left; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease; } /* line 10014, app/assets/stylesheets/_app-style.scss */ .lpage-filters__search-toggle:hover, .lpage-filters__search-toggle:focus { border-color: rgba(79, 70, 229, 0.45); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); color: var(--portal-ink); outline: none; } /* line 10023, app/assets/stylesheets/_app-style.scss */ .lpage-filters__search-toggle-icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--portal-primary); } /* line 10030, app/assets/stylesheets/_app-style.scss */ .lpage-filters__search-toggle-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 10038, app/assets/stylesheets/_app-style.scss */ .lpage-filters__search-toggle-chevron { width: 16px; height: 16px; flex: 0 0 auto; opacity: 0.65; transition: transform 0.2s ease; } /* line 10046, app/assets/stylesheets/_app-style.scss */ .lpage-filters__actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 16px; margin-bottom: 12px; } /* line 10053, app/assets/stylesheets/_app-style.scss */ .lpage-filters__actions .btn { flex: 1 1 auto; min-width: 150px; } /* line 10057, app/assets/stylesheets/_app-style.scss */ .lpage-filters__exports { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; padding-top: 0; padding-bottom: 16px; } /* line 10065, app/assets/stylesheets/_app-style.scss */ .lpage-filters__exports .btn { flex: 1 1 auto; min-width: 150px; } /* line 10069, app/assets/stylesheets/_app-style.scss */ .lpage-filters__panel { transition: max-height 0.32s ease, opacity 0.24s ease, margin-top 0.24s ease, visibility 0.24s ease; } /* line 10074, app/assets/stylesheets/_app-style.scss */ .lpage-filters--embedded { background: transparent; border: 0; box-shadow: none; border-radius: 0; margin-bottom: 0; padding: 10px 14px 0; } /* line 10082, app/assets/stylesheets/_app-style.scss */ .lpage-filters--embedded .me-marks__filters { padding-left: 4px; padding-right: 4px; } /* Mobile select menu — anchored to the field (not a bottom sheet). */ /* line 10090, app/assets/stylesheets/_app-style.scss */ .lpage-msheet { position: fixed; inset: 0; z-index: 1200; visibility: hidden; pointer-events: none; } /* line 10097, app/assets/stylesheets/_app-style.scss */ .lpage-msheet.is-open { visibility: visible; pointer-events: auto; } /* line 10101, app/assets/stylesheets/_app-style.scss */ .lpage-msheet.is-open .lpage-msheet__backdrop { opacity: 1; } /* line 10103, app/assets/stylesheets/_app-style.scss */ .lpage-msheet.is-open .lpage-msheet__sheet { opacity: 1; transform: translateY(0) scale(1); } /* line 10109, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.18); opacity: 0; transition: opacity 0.2s ease; border: 0; padding: 0; cursor: pointer; } /* line 10120, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__sheet { position: absolute; top: 0; left: 0; width: 200px; max-height: 280px; display: flex; flex-direction: column; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 12px; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16); opacity: 0; transform: translateY(-6px) scale(0.98); transform-origin: top center; transition: opacity 0.2s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1); overflow: hidden; } /* line 10138, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__sheet.is-above { transform-origin: bottom center; transform: translateY(6px) scale(0.98); } /* line 10144, app/assets/stylesheets/_app-style.scss */ .lpage-msheet.is-open .lpage-msheet__sheet.is-above { transform: translateY(0) scale(1); } /* line 10148, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__handle, .lpage-msheet__head, .lpage-msheet__title, .lpage-msheet__close { display: none; } /* line 10155, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__list { list-style: none; margin: 0; padding: 6px 0; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: inherit; } /* line 10164, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin: 0; padding: 11px 14px; border: 0; background: transparent; color: var(--portal-ink); font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } /* line 10181, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option:active, .lpage-msheet__option:hover { background: rgba(79, 70, 229, 0.06); } /* line 10186, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option.is-selected { color: var(--portal-primary); background: rgba(79, 70, 229, 0.08); } /* line 10191, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option.is-placeholder { color: var(--portal-muted); font-weight: 500; } /* line 10196, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option .icon { width: 15px; height: 15px; flex: 0 0 auto; opacity: 0; color: var(--portal-primary); } /* line 10204, app/assets/stylesheets/_app-style.scss */ .lpage-msheet__option.is-selected .icon { opacity: 1; } /* line 10209, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .lpage-msheet__backdrop { background: rgba(0, 0, 0, 0.35); } /* line 10211, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .lpage-msheet__sheet { background: var(--dsh-surface, #1e293b); border-color: var(--dsh-border, #334155); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4); } /* line 10217, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .lpage-msheet__option { color: var(--dsh-text, #f1f5f9); } /* line 10220, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .lpage-msheet__option.is-placeholder { color: var(--dsh-text-3, #94a3b8); } /* line 10221, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .lpage-msheet__option.is-selected { color: var(--dsh-primary, #818cf8); background: rgba(129, 140, 248, 0.12); } /* Data table card */ /* line 10229, app/assets/stylesheets/_app-style.scss */ .lpage-card { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; overflow: visible; margin-bottom: 24px; max-width: 100%; min-width: 0; } /* line 10238, app/assets/stylesheets/_app-style.scss */ .lpage-card__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--portal-line); } /* line 10246, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--toolbar { flex-wrap: nowrap; gap: 10px; } /* line 10250, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--toolbar .lpage-card__title { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.3; } /* line 10258, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--toolbar .lpage-head__actions--inline { flex: 0 0 auto; width: auto; } /* line 10264, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--tabs { flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } /* line 10270, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--tabs .lpage-card__title { flex: 0 1 auto; } /* line 10274, app/assets/stylesheets/_app-style.scss */ .lpage-card__head--tabs .lpage-tabs, .lpage-card__head--tabs .lpage-tabs-wrap { margin-left: auto; } /* line 10281, app/assets/stylesheets/_app-style.scss */ .lpage-card__title { font-size: 16px; font-weight: 800; color: var(--portal-ink); margin: 0; } /* line 10287, app/assets/stylesheets/_app-style.scss */ .lpage-card__title .count { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 99px; font-size: 12px; font-weight: 700; color: var(--portal-primary); background: rgba(79, 70, 229, 0.1); vertical-align: middle; } /* line 10300, app/assets/stylesheets/_app-style.scss */ .lpage-card__body { padding: 18px 22px; } /* line 10304, app/assets/stylesheets/_app-style.scss */ .lpage-card__scroll { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; /* While a row-action dropdown is open (toggled by tables.js) the clip is lifted so the menu isn't cut off / overlapping the rows below. Wide tables get their horizontal scroll back as soon as the menu closes. */ } /* line 10314, app/assets/stylesheets/_app-style.scss */ .lpage-card__scroll.has-open-dropdown { overflow: visible; } /* line 10319, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 22px; border-top: 1px solid var(--portal-line); } /* line 10328, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .pagination { margin: 0; } /* line 10331, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot-end { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-left: auto; } /* line 10341, app/assets/stylesheets/_app-style.scss */ .lpage-perpage { display: inline-flex; align-items: center; gap: 8px; margin: 0; } /* line 10347, app/assets/stylesheets/_app-style.scss */ .lpage-perpage__label { margin: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); white-space: nowrap; } /* line 10357, app/assets/stylesheets/_app-style.scss */ .lpage-perpage__select { width: auto; min-width: 64px; max-width: 84px; height: 32px; padding: 2px 28px 2px 10px; font-size: 13px; font-weight: 600; } /* line 10367, app/assets/stylesheets/_app-style.scss */ .lpage-perpage--mobile-only { display: none; } @media (max-width: 767.98px) { /* line 10373, app/assets/stylesheets/_app-style.scss */ .lpage-filters--desktop-only { display: none !important; } /* line 10377, app/assets/stylesheets/_app-style.scss */ .lpage-filters__perpage--desktop { display: none !important; } /* line 10381, app/assets/stylesheets/_app-style.scss */ .lpage-perpage--mobile-only { display: inline-flex; } /* line 10385, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot { flex-direction: column; align-items: stretch; gap: 10px; } /* line 10390, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .lpage-card__foot-meta { width: 100%; order: 1; } /* line 10395, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot-end { width: 100%; order: 2; justify-content: space-between; align-items: center; gap: 8px; margin-left: 0; } /* line 10404, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .lpage-perpage { flex: 0 0 auto; margin-left: auto; } /* line 10409, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .pagination { flex: 1 1 auto; width: auto; min-width: 0; max-width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } /* line 10424, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .pagination::-webkit-scrollbar { display: none; } /* line 10426, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .pagination .page-item { flex: 0 0 auto; } /* line 10430, app/assets/stylesheets/_app-style.scss */ .lpage-card__foot .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; height: 32px; padding: 0 10px; line-height: 1; white-space: nowrap; box-sizing: border-box; } } /* line 10445, app/assets/stylesheets/_app-style.scss */ .lpage-tabs { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px; margin: 0; padding: 4px; background: var(--portal-bg); border-radius: 12px; } /* line 10455, app/assets/stylesheets/_app-style.scss */ .lpage-tabs__item { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border: none; border-radius: 9px; color: var(--portal-muted); font-size: 13px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; background: transparent; box-shadow: none; transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; } /* line 10472, app/assets/stylesheets/_app-style.scss */ .lpage-tabs__item:hover { color: var(--portal-ink); text-decoration: none; background: transparent; } /* line 10478, app/assets/stylesheets/_app-style.scss */ .lpage-tabs__item.is-active { color: var(--portal-ink); background: var(--portal-elevated); box-shadow: 0 1px 3px rgba(15, 23, 41, 0.08), 0 1px 2px rgba(15, 23, 41, 0.04); } /* Mobile-only fee-tab selector wrapper. Toggle is hidden on desktop. */ /* line 10487, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap { display: contents; } /* line 10490, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap__toggle { display: none; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 11px 14px; border: 1px solid var(--portal-line); border-radius: 10px; background: #fff; color: var(--portal-muted); font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease; } /* line 10507, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap__toggle:hover, .lpage-tabs-wrap__toggle:focus { border-color: rgba(79, 70, 229, 0.45); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); color: var(--portal-ink); outline: none; } /* line 10516, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap__toggle-icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--portal-primary); } /* line 10523, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap__toggle-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 10531, app/assets/stylesheets/_app-style.scss */ .lpage-tabs-wrap__toggle-chevron { width: 16px; height: 16px; flex: 0 0 auto; opacity: 0.65; transition: transform 0.2s ease; } /* line 10540, app/assets/stylesheets/_app-style.scss */ .lpage-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; } /* line 10546, app/assets/stylesheets/_app-style.scss */ .lpage-table thead th { background: var(--portal-bg); color: var(--portal-muted); font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 13px 18px; border: none; border-bottom: 1px solid var(--portal-line); white-space: nowrap; } /* line 10559, app/assets/stylesheets/_app-style.scss */ .lpage-table tbody td { padding: 12px 18px; vertical-align: middle; border: none; border-bottom: 1px solid var(--portal-line); font-size: 14px; color: var(--portal-slate); } /* line 10568, app/assets/stylesheets/_app-style.scss */ .lpage-table tbody tr:last-child td { border-bottom: none; } /* line 10570, app/assets/stylesheets/_app-style.scss */ .lpage-table tbody tr { transition: background 0.14s ease; } /* line 10572, app/assets/stylesheets/_app-style.scss */ .lpage-table tbody tr:hover { background: rgba(79, 70, 229, 0.03); } /* line 10575, app/assets/stylesheets/_app-style.scss */ .lpage-table__actions { display: flex; align-items: center; gap: 6px; justify-content: flex-end; } /* Name cell: avatar + name/sub */ /* line 10584, app/assets/stylesheets/_app-style.scss */ .lpage-person { display: flex; align-items: center; gap: 11px; min-width: 0; /* photo avatar variant */ /* stacked email / phone lines under the name */ } /* line 10590, app/assets/stylesheets/_app-style.scss */ .lpage-person__avatar { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: var(--portal-primary); background: rgba(79, 70, 229, 0.1); text-transform: uppercase; } /* line 10605, app/assets/stylesheets/_app-style.scss */ .lpage-person__name { font-weight: 700; color: var(--portal-ink); line-height: 1.25; } /* line 10611, app/assets/stylesheets/_app-style.scss */ .lpage-person__sub { font-size: 12.5px; color: var(--portal-muted); font-weight: 600; } /* line 10618, app/assets/stylesheets/_app-style.scss */ .lpage-person img.lpage-person__avatar { -o-object-fit: cover; object-fit: cover; } /* line 10623, app/assets/stylesheets/_app-style.scss */ .lpage-person__lines { margin: 3px 0 0; } /* line 10626, app/assets/stylesheets/_app-style.scss */ .lpage-person__lines span { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--portal-muted); font-weight: 600; line-height: 1.5; } /* line 10635, app/assets/stylesheets/_app-style.scss */ .lpage-person__lines span .icon { width: 13px; height: 13px; flex: 0 0 auto; opacity: 0.85; } /* Status pill (active / inactive etc.) */ /* line 10641, app/assets/stylesheets/_app-style.scss */ .lpage-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 99px; font-size: 12px; font-weight: 700; } /* line 10650, app/assets/stylesheets/_app-style.scss */ .lpage-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } /* line 10658, app/assets/stylesheets/_app-style.scss */ .lpage-status--on { background: rgba(18, 153, 107, 0.1); color: #059669; } /* line 10659, app/assets/stylesheets/_app-style.scss */ .lpage-status--off { background: rgba(229, 72, 77, 0.1); color: #DC2626; } /* Attendance present/absent toggle */ /* line 10663, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle { display: inline-flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-weight: 700; text-transform: none; flex-shrink: 0; white-space: nowrap; /* Beats .main-content label { overflow-wrap: anywhere } on mobile */ } /* line 10676, app/assets/stylesheets/_app-style.scss */ .main-content .lpage-att-toggle { overflow-wrap: normal; word-break: normal; white-space: nowrap; } /* line 10682, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; } /* line 10691, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__off, .lpage-att-toggle__on { font-size: 13px; font-weight: 700; color: var(--portal-muted); transition: color 0.15s ease; line-height: 1; flex-shrink: 0; white-space: nowrap; } /* line 10702, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__track { position: relative; flex: 0 0 auto; width: 44px; height: 24px; border-radius: 99px; background: #e24b50; transition: background 0.18s ease, box-shadow 0.18s ease; } /* line 10712, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__thumb { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28); transition: transform 0.18s ease; } /* line 10724, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input:not(:checked) ~ .lpage-att-toggle__off { color: #DC2626; } /* line 10725, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input:checked ~ .lpage-att-toggle__on { color: #059669; } /* line 10727, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input:checked ~ .lpage-att-toggle__track { background: #059669; } /* line 10731, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input:checked ~ .lpage-att-toggle__track .lpage-att-toggle__thumb { transform: translateX(20px); } /* line 10735, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle__input:focus-visible ~ .lpage-att-toggle__track { box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.22); } /* line 10739, app/assets/stylesheets/_app-style.scss */ .lpage-att-toggle:hover .lpage-att-toggle__track { filter: brightness(0.96); } /* line 10744, app/assets/stylesheets/_app-style.scss */ .main-content .lpage-table td:has(.lpage-att-toggle) { white-space: nowrap; min-width: 168px; } @media (max-width: 767.98px) { /* line 10749, app/assets/stylesheets/_app-style.scss */ .lpage-table--attendance { min-width: 400px; } } /* Type pill */ /* line 10756, app/assets/stylesheets/_app-style.scss */ .lpage-tag { display: inline-block; padding: 16px 11px; border-radius: 99px; font-size: 12px; font-weight: 700; background: rgba(107, 115, 133, 0.1); color: var(--portal-slate); } /* line 10765, app/assets/stylesheets/_app-style.scss */ .lpage-tag--normal { background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); } /* line 10766, app/assets/stylesheets/_app-style.scss */ .lpage-tag--orphon { background: rgba(136, 108, 255, 0.12); color: #7C3AED; } /* line 10767, app/assets/stylesheets/_app-style.scss */ .lpage-tag--deserving { background: rgba(0, 201, 167, 0.12); color: #0D9488; } /* line 10768, app/assets/stylesheets/_app-style.scss */ .lpage-tag--feefree { background: rgba(217, 143, 0, 0.14); color: #B45309; } /* Balance badge */ /* line 10772, app/assets/stylesheets/_app-style.scss */ .lpage-balance { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 99px; font-size: 13px; font-weight: 800; white-space: nowrap; } /* line 10782, app/assets/stylesheets/_app-style.scss */ .lpage-balance--due { background: rgba(229, 72, 77, 0.1); color: #DC2626; } /* line 10783, app/assets/stylesheets/_app-style.scss */ .lpage-balance--clear { background: rgba(18, 153, 107, 0.1); color: #059669; } /* Clickable student-strength chip (parents index) */ /* line 10787, app/assets/stylesheets/_app-style.scss */ .lpage-strength { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; height: 34px; padding: 0 10px; border-radius: 9px; border: 1px solid transparent; background: transparent; color: var(--portal-slate); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 10805, app/assets/stylesheets/_app-style.scss */ .lpage-strength .icon { width: 14px; height: 14px; flex: 0 0 auto; } /* line 10811, app/assets/stylesheets/_app-style.scss */ .lpage-strength:hover { border-color: rgba(79, 70, 229, 0.28); background: rgba(79, 70, 229, 0.08); color: var(--portal-primary); text-decoration: none; } /* Compact icon action buttons */ /* line 10820, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; border: 1px solid var(--portal-line); background: var(--portal-surface); color: var(--portal-slate); transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease; cursor: pointer; } /* line 10833, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn .icon { width: 16px; height: 16px; } /* line 10835, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn:hover { transform: translateY(-1px); border-color: rgba(79, 70, 229, 0.4); background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 10842, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn--success:hover { border-color: rgba(18, 153, 107, 0.4); background: rgba(18, 153, 107, 0.08); color: #059669; } /* line 10843, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn--whatsapp:hover { border-color: rgba(37, 211, 102, 0.45); background: rgba(37, 211, 102, 0.1); color: #128C7E; } /* line 10844, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn--info:hover { border-color: rgba(0, 201, 167, 0.4); background: rgba(0, 201, 167, 0.08); color: #0D9488; } /* line 10845, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn--warning:hover { border-color: rgba(245, 158, 11, 0.45); background: rgba(245, 158, 11, 0.1); color: #d97706; } /* line 10846, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn--danger:hover { border-color: rgba(229, 72, 77, 0.4); background: rgba(229, 72, 77, 0.08); color: #DC2626; } /* line 10848, app/assets/stylesheets/_app-style.scss */ .lpage-iconbtn.disabled, .lpage-iconbtn:disabled { opacity: 0.4; pointer-events: none; } /* Overflow "more actions" dropdown */ /* line 10853, app/assets/stylesheets/_app-style.scss */ .lpage-menu { min-width: 210px; border: 1px solid var(--portal-line); border-radius: 12px; box-shadow: var(--portal-shadow-sm); padding: 6px; } /* line 10860, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item { display: flex; align-items: center; gap: 9px; border-radius: 8px; padding: 9px 11px; font-size: 13.5px; font-weight: 600; color: var(--portal-slate); } /* line 10870, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item .icon { width: 16px; height: 16px; color: var(--portal-muted); } /* line 10872, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item:hover { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 10875, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item:hover .icon { color: var(--portal-primary); } /* line 10878, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item--danger { color: #DC2626; } /* line 10880, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item--danger .icon { color: #DC2626; } /* line 10881, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item--danger:hover { background: rgba(229, 72, 77, 0.08); color: #DC2626; } /* line 10884, app/assets/stylesheets/_app-style.scss */ .lpage-menu .dropdown-item.disabled { opacity: 0.45; pointer-events: none; } /* Classes list — group by standard accordion */ /* line 10889, app/assets/stylesheets/_app-style.scss */ .klasses-accordion { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 18px; } /* line 10895, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__item { border: 1px solid var(--portal-line); border-radius: 12px; background: var(--portal-surface); overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; } /* line 10902, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__item.is-open { border-color: rgba(79, 70, 229, 0.28); box-shadow: 0 6px 18px -12px rgba(23, 43, 99, 0.22); } /* line 10908, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__header { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin: 0; border: 0; background: var(--portal-surface-2); color: var(--portal-ink); text-align: left; cursor: pointer; transition: background 0.18s ease; } /* line 10922, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__header:hover { background: rgba(79, 70, 229, 0.06); } /* line 10926, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__header.is-open { background: rgba(79, 70, 229, 0.07); border-bottom: 1px solid var(--portal-line); } /* line 10932, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__chevron { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); transition: transform 0.28s ease, background 0.18s ease; } /* line 10944, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__chevron .icon { width: 16px; height: 16px; } /* line 10949, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__header.is-open .klasses-accordion__chevron { transform: rotate(90deg); background: rgba(79, 70, 229, 0.16); } /* line 10955, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; min-width: 0; font-size: 15px; font-weight: 800; color: var(--portal-ink); line-height: 1.3; } /* line 10967, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__meta { font-size: 13px; font-weight: 700; color: var(--portal-muted); } /* line 10973, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__body { display: none; background: var(--portal-surface); } /* line 10978, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 10983, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__table-wrap .lpage-table thead th { background: transparent; padding-top: 10px; padding-bottom: 10px; } /* line 10989, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__table-wrap .lpage-table tbody td { padding-top: 10px; padding-bottom: 10px; } @media (max-width: 575.98px) { /* line 10997, app/assets/stylesheets/_app-style.scss */ .klasses-accordion { padding: 10px 10px 14px; gap: 8px; } /* line 11001, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__header { padding: 12px 12px; gap: 10px; } /* line 11006, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__title { font-size: 14px; } /* line 11010, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__meta { font-size: 12px; } /* line 11015, app/assets/stylesheets/_app-style.scss */ .klasses-accordion__table-wrap .lpage-table thead th, .klasses-accordion__table-wrap .lpage-table tbody td { padding-left: 12px; padding-right: 12px; } } /* line 11024, app/assets/stylesheets/_app-style.scss */ .lpage-empty { padding: 54px 20px; text-align: center; } /* line 11028, app/assets/stylesheets/_app-style.scss */ .lpage-empty__icon { width: 56px; height: 56px; border-radius: 16px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; background: rgba(79, 70, 229, 0.08); color: var(--portal-primary); } /* line 11039, app/assets/stylesheets/_app-style.scss */ .lpage-empty__icon .icon { width: 26px; height: 26px; } /* line 11042, app/assets/stylesheets/_app-style.scss */ .lpage-empty__title { font-size: 16px; font-weight: 800; color: var(--portal-ink); margin: 0 0 4px; } /* line 11043, app/assets/stylesheets/_app-style.scss */ .lpage-empty__sub { font-size: 14px; color: var(--portal-muted); margin: 0; } /* ---- Marks Entry (admin) ---- */ /* line 11047, app/assets/stylesheets/_app-style.scss */ .me-marks { margin-bottom: 30px; /* Generate PDF — no leftover highlight after click (opens in new tab) */ } /* line 11050, app/assets/stylesheets/_app-style.scss */ .me-marks__panel { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; overflow: visible; margin-bottom: 22px; box-shadow: var(--portal-shadow-sm); } /* line 11059, app/assets/stylesheets/_app-style.scss */ .me-marks__banner { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 16px 16px 0 0; background: linear-gradient(135deg, var(--portal-primary) 0%, var(--portal-indigo) 100%); color: #fff; } /* line 11069, app/assets/stylesheets/_app-style.scss */ .me-marks__back { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); color: #fff; flex-shrink: 0; transition: background 0.15s ease; } /* line 11081, app/assets/stylesheets/_app-style.scss */ .me-marks__back .icon { width: 16px; height: 16px; } /* line 11083, app/assets/stylesheets/_app-style.scss */ .me-marks__back:hover { background: rgba(255, 255, 255, 0.28); color: #fff; text-decoration: none; } /* line 11090, app/assets/stylesheets/_app-style.scss */ .me-marks__banner-title { font-size: 16px; font-weight: 800; letter-spacing: -0.01em; } /* line 11096, app/assets/stylesheets/_app-style.scss */ .me-marks__filters { padding: 18px 18px 8px; } /* line 11100, app/assets/stylesheets/_app-style.scss */ .me-marks__filters-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 14px; } /* line 11107, app/assets/stylesheets/_app-style.scss */ .me-marks__field { flex: 1 1 140px; min-width: 130px; margin-bottom: 10px; } /* line 11112, app/assets/stylesheets/_app-style.scss */ .me-marks__field label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); margin-bottom: 6px; } /* line 11122, app/assets/stylesheets/_app-style.scss */ .me-marks__field--action { flex: 0 0 auto; min-width: 0; } /* line 11128, app/assets/stylesheets/_app-style.scss */ .me-marks__manage-btn { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; min-height: 42px; padding: 0 18px; font-weight: 700; } /* line 11139, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn { display: inline-flex; align-items: center; font-weight: 700; font-size: 15px; color: var(--portal-slate); background-color: #fff; border: 1px solid #17a2b8; } /* line 11148, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn .icon, .me-marks__pdf-btn svg { color: currentColor; stroke: currentColor; } /* line 11154, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn:visited { color: var(--portal-slate); } /* line 11158, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn:hover, .me-marks__pdf-btn:hover:focus, .me-marks__pdf-btn:hover:active { color: #fff !important; background-color: #17a2b8 !important; border-color: #17a2b8 !important; } /* line 11165, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn:hover .icon, .me-marks__pdf-btn:hover svg, .me-marks__pdf-btn:hover:focus .icon, .me-marks__pdf-btn:hover:focus svg, .me-marks__pdf-btn:hover:active .icon, .me-marks__pdf-btn:hover:active svg { color: #fff !important; stroke: #fff !important; } /* line 11172, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn:focus, .me-marks__pdf-btn:active, .me-marks__pdf-btn:focus:active, .me-marks__pdf-btn:focus:not(:hover), .me-marks__pdf-btn:active:not(:hover) { color: var(--portal-slate) !important; background-color: #fff !important; border-color: #17a2b8 !important; outline: none !important; box-shadow: none !important; } /* line 11183, app/assets/stylesheets/_app-style.scss */ .me-marks__pdf-btn:focus .icon, .me-marks__pdf-btn:focus svg, .me-marks__pdf-btn:active .icon, .me-marks__pdf-btn:active svg, .me-marks__pdf-btn:focus:active .icon, .me-marks__pdf-btn:focus:active svg, .me-marks__pdf-btn:focus:not(:hover) .icon, .me-marks__pdf-btn:focus:not(:hover) svg, .me-marks__pdf-btn:active:not(:hover) .icon, .me-marks__pdf-btn:active:not(:hover) svg { color: var(--portal-slate) !important; stroke: var(--portal-slate) !important; } /* line 11191, app/assets/stylesheets/_app-style.scss */ .me-marks__summary { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; padding: 22px 28px; margin: 0 auto 18px; max-width: 520px; background: var(--portal-surface-2); border: 1px solid var(--portal-line); border-radius: 14px; overflow: hidden; } /* line 11206, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-body { position: relative; z-index: 1; } /* line 11211, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-line { margin: 0 0 4px; font-size: 14px; color: var(--portal-slate); } /* line 11216, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-line strong { color: var(--portal-ink); } /* line 11218, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-line:last-child { margin-bottom: 0; } /* line 11221, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-art { position: absolute; right: 16px; bottom: 8px; color: var(--portal-primary); opacity: 0.12; pointer-events: none; } /* line 11229, app/assets/stylesheets/_app-style.scss */ .me-marks__summary-art .icon { width: 64px; height: 64px; } /* line 11232, app/assets/stylesheets/_app-style.scss */ .me-marks__guide { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; margin-bottom: 18px; border-radius: 12px; background: rgba(79, 70, 229, 0.1); border: 1px solid rgba(79, 70, 229, 0.22); color: var(--portal-ink); font-size: 13px; font-weight: 600; line-height: 1.45; } /* line 11246, app/assets/stylesheets/_app-style.scss */ .me-marks__guide .icon { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; color: var(--portal-primary); } /* line 11254, app/assets/stylesheets/_app-style.scss */ .me-marks__guide strong { color: var(--portal-primary); } /* line 11257, app/assets/stylesheets/_app-style.scss */ .me-marks__toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; margin-bottom: 16px; } /* line 11265, app/assets/stylesheets/_app-style.scss */ .me-marks__search { position: relative; flex: 1 1 260px; } /* line 11269, app/assets/stylesheets/_app-style.scss */ .me-marks__search > .icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--portal-muted); pointer-events: none; } /* line 11280, app/assets/stylesheets/_app-style.scss */ .me-marks__search .form-control { padding-left: 38px; min-height: 44px; } /* line 11286, app/assets/stylesheets/_app-style.scss */ .me-marks__meta { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; } /* line 11292, app/assets/stylesheets/_app-style.scss */ .me-marks__meta .form-group { min-width: 110px; } /* line 11295, app/assets/stylesheets/_app-style.scss */ .me-marks__meta .form-group label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); margin-bottom: 6px; } /* line 11304, app/assets/stylesheets/_app-style.scss */ .me-marks__meta .form-group .form-control { width: 120px; } /* line 11308, app/assets/stylesheets/_app-style.scss */ .me-marks__status { display: flex; align-items: center; height: 42px; flex-shrink: 0; } /* line 11314, app/assets/stylesheets/_app-style.scss */ .me-marks__status .lpage-tag { line-height: 1.2; white-space: nowrap; } /* line 11320, app/assets/stylesheets/_app-style.scss */ .me-marks__table-card { margin-bottom: 0; } /* line 11324, app/assets/stylesheets/_app-style.scss */ .me-marks__input-cell { max-width: 140px; } /* line 11327, app/assets/stylesheets/_app-style.scss */ .me-marks__input-cell .form-control { min-width: 90px; } /* line 11332, app/assets/stylesheets/_app-style.scss */ .me-marks input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } /* line 11336, app/assets/stylesheets/_app-style.scss */ .me-marks input[type="number"]::-webkit-outer-spin-button, .me-marks input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* line 11344, app/assets/stylesheets/_app-style.scss */ .me-marks__empty { padding: 48px 20px 56px; text-align: center; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; } /* line 11352, app/assets/stylesheets/_app-style.scss */ .me-marks__empty-art { max-width: 280px; margin: 0 auto 18px; } /* line 11356, app/assets/stylesheets/_app-style.scss */ .me-marks__empty-art svg { width: 100%; height: auto; display: block; } /* line 11361, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .me-marks__guide { background: rgba(91, 138, 255, 0.12); border-color: rgba(91, 138, 255, 0.28); } /* Position holders */ /* line 11368, app/assets/stylesheets/_app-style.scss */ .ph-holders { margin-bottom: 30px; } /* line 11371, app/assets/stylesheets/_app-style.scss */ .ph-holders__report { margin-top: 4px; } /* line 11375, app/assets/stylesheets/_app-style.scss */ .ph-holders__actions { display: flex; justify-content: flex-end; margin-bottom: 16px; } /* line 11381, app/assets/stylesheets/_app-style.scss */ .ph-holders__table-card { margin-bottom: 18px; } /* line 11385, app/assets/stylesheets/_app-style.scss */ .ph-holders__rank { color: #0f9f6e !important; font-weight: 800 !important; } /* line 11390, app/assets/stylesheets/_app-style.scss */ .ph-holders__name { color: #c62828 !important; font-weight: 700 !important; } /* line 11395, app/assets/stylesheets/_app-style.scss */ .ph-holders__table .ts-sheet__name { text-align: center !important; } /* Tabulation sheet */ /* line 11401, app/assets/stylesheets/_app-style.scss */ .ts-sheet { margin-bottom: 30px; } /* line 11404, app/assets/stylesheets/_app-style.scss */ .ts-sheet__report { margin-top: 4px; } /* line 11408, app/assets/stylesheets/_app-style.scss */ .ts-sheet__meta { text-align: center; max-width: 520px; margin: 0 auto 20px; padding: 18px 24px; background: var(--portal-surface-2); border: 1px solid var(--portal-line); border-radius: 14px; } /* line 11418, app/assets/stylesheets/_app-style.scss */ .ts-sheet__meta-title { margin: 0 0 6px; font-size: 18px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.02em; } /* line 11426, app/assets/stylesheets/_app-style.scss */ .ts-sheet__meta-line { margin: 0 0 2px; font-size: 13px; font-weight: 600; color: var(--portal-slate); } /* line 11432, app/assets/stylesheets/_app-style.scss */ .ts-sheet__meta-line:last-child { margin-bottom: 0; } /* line 11435, app/assets/stylesheets/_app-style.scss */ .ts-sheet__table-card { margin-bottom: 18px; } /* line 11439, app/assets/stylesheets/_app-style.scss */ .ts-sheet__table { min-width: 960px; } /* line 11442, app/assets/stylesheets/_app-style.scss */ .ts-sheet__table thead th { white-space: nowrap; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; color: var(--portal-muted); background: var(--portal-surface-2); border-bottom: 1px solid var(--portal-line); vertical-align: middle; text-align: center; } /* line 11455, app/assets/stylesheets/_app-style.scss */ .ts-sheet__table tbody td { vertical-align: middle; text-align: center; font-size: 13px; font-weight: 600; color: var(--portal-ink); border-color: var(--portal-line); } /* line 11465, app/assets/stylesheets/_app-style.scss */ .ts-sheet__name { color: var(--portal-primary) !important; font-weight: 800 !important; text-align: left !important; white-space: nowrap; } /* line 11472, app/assets/stylesheets/_app-style.scss */ .ts-sheet__mark-cell { min-width: 100px; width: 100px; padding: 10px 8px !important; vertical-align: middle; } /* line 11479, app/assets/stylesheets/_app-style.scss */ .ts-sheet__mark-input { display: block; box-sizing: border-box; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 42px !important; min-height: 42px !important; margin: 0 auto; padding: 8px 10px !important; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.2; border-radius: 10px; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } /* line 11497, app/assets/stylesheets/_app-style.scss */ .ts-sheet__mark-input::-webkit-outer-spin-button, .ts-sheet__mark-input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* line 11505, app/assets/stylesheets/_app-style.scss */ .ts-sheet__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 8px; margin-bottom: 12px; } /* Exam timetable */ /* line 11516, app/assets/stylesheets/_app-style.scss */ .et-time-row { display: flex; flex-wrap: wrap; gap: 8px; } /* line 11521, app/assets/stylesheets/_app-style.scss */ .et-time-row .form-control { flex: 1 1 90px; min-width: 90px; } /* line 11527, app/assets/stylesheets/_app-style.scss */ .et-subject-pill { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; background: rgba(79, 70, 229, 0.12); color: var(--portal-primary); font-size: 12px; font-weight: 700; letter-spacing: 0.02em; } /* line 11540, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .et-subject-pill { background: rgba(91, 138, 255, 0.18); color: #8fb0ff; } /* ========================================================================= Form pages (student new/edit, etc.) — .fpage-* components ========================================================================= */ /* line 11551, app/assets/stylesheets/_app-style.scss */ .fpage-card { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; margin-bottom: 24px; max-width: 100%; min-width: 0; /* NOT overflow:hidden — it would clip the chosen dropdown that opens below the last field. Round the header's top corners explicitly instead. */ } /* line 11561, app/assets/stylesheets/_app-style.scss */ .fpage-card__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 18px 24px; border-bottom: 1px solid var(--portal-line); border-radius: 16px 16px 0 0; } /* line 11572, app/assets/stylesheets/_app-style.scss */ .fpage-card__title { font-size: 17px; font-weight: 800; color: var(--portal-ink); margin: 0; } /* line 11579, app/assets/stylesheets/_app-style.scss */ .fpage-card__body { padding: 24px; } /* line 11582, app/assets/stylesheets/_app-style.scss */ .fpage-layout { width: 100%; max-width: 100%; min-width: 0; } @media (max-width: 767.98px) { /* line 11590, app/assets/stylesheets/_app-style.scss */ .fpage-layout .fpage-card__head { padding: 14px 16px; } /* line 11591, app/assets/stylesheets/_app-style.scss */ .fpage-layout .fpage-card__body { padding: 16px; } } @media (max-width: 575.98px) { /* line 11597, app/assets/stylesheets/_app-style.scss */ .fpage-layout .fpage-card__head { padding: 12px 14px; } /* line 11598, app/assets/stylesheets/_app-style.scss */ .fpage-layout .fpage-card__body { padding: 14px; } } /* A labelled section inside a form */ /* line 11603, app/assets/stylesheets/_app-style.scss */ .fsection { padding: 4px 0 8px; } /* line 11606, app/assets/stylesheets/_app-style.scss */ .fsection + .fsection { margin-top: 8px; padding-top: 22px; border-top: 1px solid var(--portal-line); } /* line 11612, app/assets/stylesheets/_app-style.scss */ .fsection__head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; } /* line 11619, app/assets/stylesheets/_app-style.scss */ .fsection__icon { width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); flex: 0 0 auto; } /* line 11630, app/assets/stylesheets/_app-style.scss */ .fsection__icon .icon { width: 18px; height: 18px; } /* line 11633, app/assets/stylesheets/_app-style.scss */ .fsection__title { font-size: 15px; font-weight: 800; color: var(--portal-ink); margin: 0; line-height: 1.2; } /* line 11641, app/assets/stylesheets/_app-style.scss */ .fsection__sub { font-size: 12.5px; color: var(--portal-muted); font-weight: 600; margin: 1px 0 0; } /* Uniform field labels on form pages */ /* line 11650, app/assets/stylesheets/_app-style.scss */ .fpage-card .form-group > label, .fpage-card .form-row label:not(.fradio), .fsection .form-group > label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); margin-bottom: 6px; } /* Image picker. A clickable dropzone that previews the chosen image in place of the browser's bare "Choose File" control. Themed with the portal custom properties so it follows dark mode without a second rule set. */ /* line 11664, app/assets/stylesheets/_app-style.scss */ .fupload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 132px; margin: 0; padding: 18px 16px; text-align: center; cursor: pointer; border: 1.5px dashed var(--portal-line); border-radius: 12px; background: var(--portal-surface-2); transition: border-color 0.18s ease, background 0.18s ease; } /* line 11682, app/assets/stylesheets/_app-style.scss */ .fupload:hover, .fupload.is-dragover { border-color: var(--portal-primary); background: var(--portal-hover-fill); } /* line 11688, app/assets/stylesheets/_app-style.scss */ .fupload__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } /* line 11696, app/assets/stylesheets/_app-style.scss */ .fupload__icon { color: var(--portal-muted); line-height: 0; } /* line 11700, app/assets/stylesheets/_app-style.scss */ .fupload__icon .icon { width: 26px; height: 26px; } /* line 11706, app/assets/stylesheets/_app-style.scss */ .fupload__preview { max-width: 100%; max-height: 96px; -o-object-fit: contain; object-fit: contain; border-radius: 8px; } /* line 11713, app/assets/stylesheets/_app-style.scss */ .fupload__text { font-size: 13.5px; font-weight: 700; color: var(--portal-ink); word-break: break-word; } /* line 11720, app/assets/stylesheets/_app-style.scss */ .fupload__hint { font-size: 12px; font-weight: 600; color: var(--portal-muted); } /* line 11726, app/assets/stylesheets/_app-style.scss */ .fupload:focus-within { border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); } /* Compact single-page form (Create Admin). The default form page is built for long, sectioned forms; a short one reads better dense, so the fields sit in one two-column grid with shorter controls and no section chrome. */ /* line 11736, app/assets/stylesheets/_app-style.scss */ .fcompact { /* A field that spans the whole row */ /* The grid owns the spacing between fields */ /* Keep clear of the visibility toggle, which the shorthand above resets */ /* A file input is taller than its text: pad it less so the box still lines up with the plain controls beside it. */ /* Keep the chosen replacement the same height as a plain control, with a chevron so the multi-select reads as a closed dropdown until clicked. */ } /* line 11737, app/assets/stylesheets/_app-style.scss */ .fcompact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; } @media (max-width: 767px) { /* line 11737, app/assets/stylesheets/_app-style.scss */ .fcompact__grid { grid-template-columns: minmax(0, 1fr); } } /* line 11748, app/assets/stylesheets/_app-style.scss */ .fcompact__field--full { grid-column: 1 / -1; } /* line 11751, app/assets/stylesheets/_app-style.scss */ .fcompact .form-group { margin-bottom: 0; } /* line 11753, app/assets/stylesheets/_app-style.scss */ .fcompact .form-group > label { margin-bottom: 4px; font-size: 11.5px; } /* line 11758, app/assets/stylesheets/_app-style.scss */ .fcompact .form-control { height: 38px; padding: 6px 12px; } /* line 11764, app/assets/stylesheets/_app-style.scss */ .fcompact .pw-field .form-control { padding-right: 46px; } /* line 11768, app/assets/stylesheets/_app-style.scss */ .fcompact__file { padding: 5px 12px; line-height: 26px; cursor: pointer; } /* line 11773, app/assets/stylesheets/_app-style.scss */ .fcompact__file::-webkit-file-upload-button, .fcompact__file::file-selector-button { margin: 0 10px 0 0; padding: 3px 12px; border: 1px solid var(--portal-line); border-radius: 6px; background: var(--portal-surface); color: var(--portal-ink); font-size: 12.5px; font-weight: 700; line-height: 18px; cursor: pointer; } /* line 11787, app/assets/stylesheets/_app-style.scss */ .fcompact__file:hover::file-selector-button { background: var(--portal-hover-fill); } /* line 11790, app/assets/stylesheets/_app-style.scss */ .fcompact .form-text { margin-top: 4px; font-size: 11.5px; } /* line 11797, app/assets/stylesheets/_app-style.scss */ .fcompact .chosen-container-multi .chosen-choices { position: relative; min-height: 38px; padding: 3px 28px 3px 6px; background-image: none; } /* line 11803, app/assets/stylesheets/_app-style.scss */ .fcompact .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 30px; } /* line 11804, app/assets/stylesheets/_app-style.scss */ .fcompact .chosen-container-multi .chosen-choices li.search-choice { margin: 3px 5px 3px 0; } /* line 11806, app/assets/stylesheets/_app-style.scss */ .fcompact .chosen-container-multi .chosen-choices::after { content: ''; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; margin-top: -5px; border-right: 1.5px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: rotate(45deg); pointer-events: none; } /* line 11821, app/assets/stylesheets/_app-style.scss */ .fcompact .chosen-container-multi { position: relative; } /* line 11825, app/assets/stylesheets/_app-style.scss */ .fcompact .fpage-actions { margin-top: 20px; padding-top: 16px; justify-content: flex-end; } /* line 11830, app/assets/stylesheets/_app-style.scss */ .fcompact .fpage-actions .btn { flex: 0 0 auto; min-width: 140px; padding: 10px 18px; } /* Segmented radio group (gender, parent mode) */ /* line 11839, app/assets/stylesheets/_app-style.scss */ .fradio-group { display: flex; gap: 10px; flex-wrap: wrap; } /* line 11844, app/assets/stylesheets/_app-style.scss */ .fradio-group .fradio { flex: 1 1 0; min-width: 0; white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 9px; margin: 0; padding: 11px 12px; border: 1px solid var(--portal-line); border-radius: 12px; background: var(--portal-surface); font-weight: 700; color: var(--portal-slate); cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; /* highlight the option whose radio is checked (sibling selector needs input first) */ } /* line 11862, app/assets/stylesheets/_app-style.scss */ .fradio-group .fradio input[type="radio"] { margin: 0; accent-color: var(--portal-primary); } /* line 11864, app/assets/stylesheets/_app-style.scss */ .fradio-group .fradio:hover { border-color: rgba(79, 70, 229, 0.4); } /* line 11867, app/assets/stylesheets/_app-style.scss */ .fradio-group .fradio.is-selected { border-color: var(--portal-primary); background: rgba(79, 70, 229, 0.06); color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); } /* line 11875, app/assets/stylesheets/_app-style.scss */ .fradio-group--compact { display: inline-flex; flex-wrap: nowrap; width: auto; max-width: 100%; } /* line 11881, app/assets/stylesheets/_app-style.scss */ .fradio-group--compact .fradio { flex: 0 0 auto; min-width: 0; padding: 7px 12px; border-radius: 10px; font-size: 13px; font-weight: 700; } /* Inline "add new parent" panel */ /* line 11893, app/assets/stylesheets/_app-style.scss */ .fparent-toggle { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; } /* line 11900, app/assets/stylesheets/_app-style.scss */ [data-bulk-student] .fparent-toggle { margin-top: 0; margin-bottom: 0; } /* line 11905, app/assets/stylesheets/_app-style.scss */ .fparent-panel { border: 1px dashed rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.03); border-radius: 14px; padding: 20px 20px 4px; margin-top: 4px; } /* Submit row */ /* line 11914, app/assets/stylesheets/_app-style.scss */ .fpage-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--portal-line); /* Previous / Next + submit for multi-step pill forms (Create Admin) */ } /* line 11922, app/assets/stylesheets/_app-style.scss */ .fpage-actions .btn { flex: 1 1 auto; min-width: 200px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; } /* line 11933, app/assets/stylesheets/_app-style.scss */ .fpage-actions--wizard { align-items: center; justify-content: flex-end; } /* line 11937, app/assets/stylesheets/_app-style.scss */ .fpage-actions--wizard .btn { flex: 0 0 auto; min-width: 0; padding: 10px 18px; } /* line 11943, app/assets/stylesheets/_app-style.scss */ .fpage-actions--wizard__end { display: flex; flex-wrap: wrap; gap: 12px; margin-left: auto; } /* Horizontal label/control stack (Add Grade style) */ /* line 11953, app/assets/stylesheets/_app-style.scss */ .fstack { max-width: 720px; } /* line 11956, app/assets/stylesheets/_app-style.scss */ .fstack__row { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--portal-line); } /* line 11963, app/assets/stylesheets/_app-style.scss */ .fstack__row:first-child { padding-top: 4px; } /* line 11968, app/assets/stylesheets/_app-style.scss */ .fstack__label { flex: 0 0 160px; width: 160px; margin: 0; text-align: right; font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--portal-ink); } /* line 11980, app/assets/stylesheets/_app-style.scss */ .fstack__control { flex: 1 1 auto; min-width: 0; } /* line 11984, app/assets/stylesheets/_app-style.scss */ .fstack__control .form-control { width: 100%; } /* line 11988, app/assets/stylesheets/_app-style.scss */ .fstack__control .form-control:disabled { background: var(--portal-surface-2); color: var(--portal-slate); cursor: not-allowed; } /* line 11995, app/assets/stylesheets/_app-style.scss */ .fstack__note { margin: 8px 0 0; font-size: 12.5px; font-weight: 700; color: #EF4444; line-height: 1.4; } /* line 12003, app/assets/stylesheets/_app-style.scss */ .fstack__actions { padding: 20px 0 4px; margin-left: 176px; } /* line 12007, app/assets/stylesheets/_app-style.scss */ .fstack__actions .btn { min-width: 140px; padding: 10px 20px; font-weight: 700; } @media (max-width: 575.98px) { /* line 12015, app/assets/stylesheets/_app-style.scss */ .fstack__row { flex-direction: column; align-items: stretch; gap: 8px; } /* line 12021, app/assets/stylesheets/_app-style.scss */ .fstack__label { flex: none; width: auto; text-align: left; } /* line 12027, app/assets/stylesheets/_app-style.scss */ .fstack__actions { margin-left: 0; } } /* Inline checkbox row on form pages */ /* line 12034, app/assets/stylesheets/_app-style.scss */ .fcheck { display: flex; align-items: center; gap: 9px; } /* line 12039, app/assets/stylesheets/_app-style.scss */ .fcheck input[type="checkbox"] { width: 17px; height: 17px; accent-color: var(--portal-primary); cursor: pointer; } /* line 12046, app/assets/stylesheets/_app-style.scss */ .fcheck label { margin: 0; font-weight: 700; color: var(--portal-slate); cursor: pointer; } /* ========================================================================= Profile nameplate — .sprofile-* (students, teachers, parents, staff, etc.) Light indigo→white band, matching .dsh-header / portal banners. ========================================================================= */ /* line 12059, app/assets/stylesheets/_app-style.scss */ .sprofile-hero { position: relative; overflow: hidden; border-radius: 16px; padding: 22px 24px; margin-bottom: 24px; color: var(--portal-ink); border: 1px solid var(--portal-line); background-color: var(--portal-surface); background-image: linear-gradient(110deg, rgba(79, 70, 229, 0.09) 0%, #ffffff 58%, rgba(37, 99, 235, 0.06) 100%); box-shadow: var(--portal-shadow-sm); } /* line 12074, app/assets/stylesheets/_app-style.scss */ .sprofile-hero::before { content: ''; position: absolute; top: -70px; left: -40px; width: 320px; height: 220px; border-radius: 50%; background: radial-gradient(closest-side, rgba(79, 70, 229, 0.13), rgba(79, 70, 229, 0)); pointer-events: none; } /* line 12088, app/assets/stylesheets/_app-style.scss */ .sprofile-hero::after { display: none; } /* line 12090, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } /* line 12099, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__avatar { width: 84px; height: 84px; border-radius: 20px; -o-object-fit: cover; object-fit: cover; border: 3px solid rgba(255, 255, 255, 0.95); box-shadow: 0 8px 20px -10px rgba(79, 70, 229, 0.35); flex: 0 0 auto; background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 100%); color: var(--portal-primary); } /* line 12111, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__id { flex: 1 1 260px; min-width: 0; } /* line 12113, app/assets/stylesheets/_app-style.scss */ .sprofile-hero h1 { color: var(--portal-ink); font-size: 25px; font-weight: 800; margin: 0 0 4px; letter-spacing: -0.025em; } /* line 12121, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__klass { display: inline-block; padding: 3px 12px; border-radius: 99px; font-size: 13px; font-weight: 700; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); margin-bottom: 10px; } /* line 12132, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; } /* line 12138, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__meta span { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--portal-slate); font-weight: 600; } /* line 12146, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__meta span .icon { width: 15px; height: 15px; color: var(--portal-primary); opacity: 0.9; } /* line 12155, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } /* line 12162, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 99px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.01em; line-height: 1; border: 1px solid transparent; } /* line 12174, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__badge .icon { width: 14px; height: 14px; } /* line 12176, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__badge--active { background: #ecfdf5; color: #047857; border-color: rgba(16, 185, 129, 0.35); } /* line 12182, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__badge--passout { background: #fff1f2; color: #be123c; border-color: rgba(244, 63, 94, 0.35); } /* line 12189, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 11px; font-weight: 700; font-size: 13.5px; background: var(--portal-primary); color: #fff; border: 1px solid var(--portal-primary); transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease; } /* line 12202, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__btn .icon { width: 15px; height: 15px; } /* line 12204, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__btn:hover { color: #fff; background: var(--portal-primary-d); border-color: var(--portal-primary-d); transform: translateY(-1px); box-shadow: 0 10px 22px -10px rgba(79, 70, 229, 0.55); } /* line 12212, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__btn--ghost { background: var(--portal-surface); border-color: var(--portal-line); color: var(--portal-ink); } /* line 12217, app/assets/stylesheets/_app-style.scss */ .sprofile-hero__btn--ghost:hover { background: var(--portal-surface); border-color: var(--portal-primary); color: var(--portal-primary); box-shadow: 0 8px 18px -12px rgba(79, 70, 229, 0.45); } /* line 12227, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .sprofile-hero { background-color: var(--portal-surface); background-image: linear-gradient(110deg, rgba(99, 102, 241, 0.16) 0%, var(--portal-surface) 60%, rgba(59, 130, 246, 0.12) 100%); } /* line 12234, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .sprofile-hero::before { background: radial-gradient(closest-side, rgba(129, 140, 248, 0.18), rgba(129, 140, 248, 0)); } /* line 12240, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .sprofile-hero__avatar { border-color: rgba(255, 255, 255, 0.12); background: rgba(99, 102, 241, 0.18); color: #c7d2fe; } /* line 12246, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .sprofile-hero__btn--ghost { background: transparent; } /* Parent info strip on profile */ /* line 12252, app/assets/stylesheets/_app-style.scss */ .sparent-strip { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; padding: 16px 22px; margin-bottom: 24px; } /* line 12263, app/assets/stylesheets/_app-style.scss */ .sparent-strip__icon { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(136, 108, 255, 0.12); color: #7C3AED; flex: 0 0 auto; } /* line 12274, app/assets/stylesheets/_app-style.scss */ .sparent-strip__icon .icon { width: 20px; height: 20px; } /* line 12277, app/assets/stylesheets/_app-style.scss */ .sparent-strip__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--portal-muted); margin: 0; } /* line 12278, app/assets/stylesheets/_app-style.scss */ .sparent-strip__name { font-size: 15px; font-weight: 800; color: var(--portal-ink); margin: 1px 0 0; } /* line 12279, app/assets/stylesheets/_app-style.scss */ .sparent-strip__phone { font-size: 13.5px; color: var(--portal-muted); font-weight: 600; margin: 0; } /* line 12280, app/assets/stylesheets/_app-style.scss */ .sparent-strip__spacer { flex: 1 1 auto; } /* Fee status chips inside profile fee table */ /* line 12284, app/assets/stylesheets/_app-style.scss */ .sfee-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 99px; font-size: 12.5px; font-weight: 700; } /* line 12293, app/assets/stylesheets/_app-style.scss */ .sfee-status .icon { width: 14px; height: 14px; } /* line 12295, app/assets/stylesheets/_app-style.scss */ .sfee-status--paid { background: rgba(18, 153, 107, 0.1); color: #059669; } /* line 12296, app/assets/stylesheets/_app-style.scss */ .sfee-status--due { background: rgba(229, 72, 77, 0.1); color: #DC2626; } /* ========================================================================= Portal AJAX modal (#AppScrollableModal) — refined chrome ========================================================================= */ /* line 12304, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal { /* the form partials wrap themselves in .row/.col — kill the extra gutter */ } /* line 12305, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-content { border: none; border-radius: 20px; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(15, 23, 41, 0.5); } /* line 12312, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-header { padding: 20px 26px; border-bottom: 1px solid var(--portal-line); align-items: center; } /* line 12317, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-header .modal-title { font-size: 18px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.01em; } /* line 12324, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-header .close { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--portal-line); background: #fff; opacity: 1; font-size: 20px; line-height: 1; color: var(--portal-muted); transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; text-shadow: none; } /* line 12337, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-header .close:hover { background: rgba(229, 72, 77, 0.08); border-color: rgba(229, 72, 77, 0.35); color: #DC2626; } /* line 12345, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-body { padding: 24px 26px; } /* line 12348, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-body > .row { margin: 0; } /* line 12349, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal .modal-body > .row > [class*="col-"] { padding: 0; } /* Read-only summary rows (fee update modal) */ /* line 12353, app/assets/stylesheets/_app-style.scss */ .fsummary { background: var(--portal-bg); border: 1px solid var(--portal-line); border-radius: 14px; padding: 6px 18px; margin-bottom: 20px; } /* line 12360, app/assets/stylesheets/_app-style.scss */ .fsummary__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--portal-line); } /* line 12368, app/assets/stylesheets/_app-style.scss */ .fsummary__row:last-child { border-bottom: none; } /* line 12371, app/assets/stylesheets/_app-style.scss */ .fsummary__label { font-size: 13.5px; font-weight: 700; color: var(--portal-muted); } /* line 12372, app/assets/stylesheets/_app-style.scss */ .fsummary__value { font-size: 15px; font-weight: 800; color: var(--portal-ink); text-align: right; } /* line 12375, app/assets/stylesheets/_app-style.scss */ .ffield-highlight { background: rgba(79, 70, 229, 0.05); border: 1px solid rgba(79, 70, 229, 0.2); border-radius: 14px; padding: 16px 18px; margin-bottom: 6px; } /* line 12382, app/assets/stylesheets/_app-style.scss */ .ffield-highlight label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-primary); margin-bottom: 8px; } /* ========================================================================= Chosen multi-select — themed to the portal design (blue tag pills) Applies to .chosen-select rendered as .chosen-container-multi ========================================================================= */ /* Scoped under .main-content so these beat the base chosen.scss rules regardless of stylesheet import order. */ /* line 12401, app/assets/stylesheets/_app-style.scss */ .main-content { /* Single-select chosen — themed */ /* Dropdown list */ } /* line 12402, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container { font-family: 'Nunito', sans-serif; } /* line 12407, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices { border: 1px solid var(--portal-line); border-radius: 10px; background: var(--portal-surface); background-image: none; padding: 6px 8px; min-height: 46px; transition: border-color 0.15s ease, box-shadow 0.15s ease; /* selected subject → blue pill */ } /* line 12416, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 30px; color: var(--portal-slate); font-family: 'Nunito', sans-serif; font-size: 14px; } /* line 12424, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice { display: inline-flex; align-items: center; margin: 4px 6px 4px 0; padding: 5px 26px 5px 11px; border: 1px solid rgba(79, 70, 229, 0.25); border-radius: 99px; background: rgba(79, 70, 229, 0.1); background-image: none; box-shadow: none; color: var(--portal-primary); font-size: 13px; font-weight: 700; line-height: 1.4; } /* line 12439, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 50%; right: 9px; transform: translateY(-50%); width: 14px; height: 14px; background: none; } /* line 12447, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before, .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; border-radius: 2px; background: var(--portal-primary); opacity: 0.6; transition: opacity 0.15s ease; } /* line 12460, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before { transform: translate(-50%, -50%) rotate(45deg); } /* line 12461, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after { transform: translate(-50%, -50%) rotate(-45deg); } /* line 12462, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background: none; } /* line 12463, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::before, .main-content .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after { opacity: 1; } /* line 12469, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi.chosen-container-active .chosen-choices { border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 12474, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi.chosen-invalid .chosen-choices { border-color: #dc3545; box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12); } /* line 12482, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-single .chosen-single { height: 42px; line-height: 40px; padding: 0 12px; border: 1px solid var(--portal-line); border-radius: 10px; background: var(--portal-surface); background-image: none; box-shadow: none; color: var(--portal-slate); font-size: 14px; font-weight: 600; font-family: 'Nunito', sans-serif; transition: border-color 0.15s ease, box-shadow 0.15s ease; } /* line 12497, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-single .chosen-single div b { background: none; } /* line 12499, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-single .chosen-single div b::after { content: '\25BC'; font-size: 10px; color: #999; } /* line 12507, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-single.chosen-container-active .chosen-single, .main-content .chosen-container-single.chosen-with-drop .chosen-single { border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 12513, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-single .chosen-search input[type="text"] { border: 1px solid var(--portal-line); border-radius: 8px; padding: 8px 12px; font-size: 13.5px; font-family: 'Nunito', sans-serif; background-image: none; } /* line 12524, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container .chosen-drop { border: 1px solid var(--portal-line); border-radius: 12px; box-shadow: var(--portal-shadow-sm); margin-top: 4px; overflow: visible; z-index: 9999; } /* line 12533, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container .chosen-results { margin: 4px; padding: 0; max-height: 240px; overflow-y: auto; } /* line 12539, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container .chosen-results li { border-radius: 8px; padding: 9px 12px; font-size: 13.5px; font-weight: 600; color: var(--portal-slate); } /* line 12546, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container .chosen-results li.highlighted { background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); } /* line 12551, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container .chosen-results li.result-selected { color: var(--portal-muted); font-weight: 700; } /* line 12558, app/assets/stylesheets/_app-style.scss */ .main-content .chosen-container-multi .chosen-drop .result-selected { display: none; } /* ── Transfer Student Form ── */ /* line 12564, app/assets/stylesheets/_app-style.scss */ .transfer-header { display: flex; align-items: center; background: var(--portal-primary); color: #fff; font-size: 15px; font-weight: 700; padding: 12px 20px; border-radius: 8px 8px 0 0; } /* line 12575, app/assets/stylesheets/_app-style.scss */ .transfer-form { max-width: 720px; margin: 0 auto; overflow: visible; } /* line 12581, app/assets/stylesheets/_app-style.scss */ .transfer-row { display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid #f0f0f0; } /* line 12587, app/assets/stylesheets/_app-style.scss */ .transfer-row:last-child { border-bottom: none; } /* line 12590, app/assets/stylesheets/_app-style.scss */ .transfer-label { flex: 0 0 180px; font-size: 14px; font-weight: 600; color: #555; text-align: right; padding-right: 20px; } /* line 12599, app/assets/stylesheets/_app-style.scss */ .transfer-field { flex: 1; position: relative; overflow: visible; } /* line 12604, app/assets/stylesheets/_app-style.scss */ .transfer-field .form-control { background: #f4f4f8; border: 1px solid #e0e0e0; border-radius: 4px; } @media (max-width: 576px) { /* line 12612, app/assets/stylesheets/_app-style.scss */ .transfer-row { flex-direction: column; align-items: stretch; } /* line 12616, app/assets/stylesheets/_app-style.scss */ .transfer-label { text-align: left; padding-right: 0; margin-bottom: 6px; flex: none; } } /* Parent portal — dashboard badges (panel layout in _dashboard-2.scss) */ /* line 12625, app/assets/stylesheets/_app-style.scss */ .pp-dash-absent, .pp-dash-pending { display: inline-block; padding: 4px 11px; border-radius: 99px; font-size: 12px; font-weight: 700; } /* line 12634, app/assets/stylesheets/_app-style.scss */ .pp-dash-absent { background: rgba(229, 72, 77, 0.12); color: #DC2626; } /* line 12639, app/assets/stylesheets/_app-style.scss */ .pp-dash-pending { background: rgba(107, 115, 133, 0.1); color: var(--portal-slate); } /* line 12644, app/assets/stylesheets/_app-style.scss */ .pp-passout-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; padding: 3px 9px; border-radius: 99px; background: rgba(217, 119, 6, 0.12); color: #B45309; font-size: 11px; font-weight: 700; vertical-align: middle; white-space: nowrap; } /* line 12658, app/assets/stylesheets/_app-style.scss */ .pp-passout-badge .icon { width: 12px; height: 12px; } /* line 12664, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; padding: 14px 16px; border: 1px solid rgba(217, 119, 6, 0.28); border-radius: 16px; background: rgba(251, 191, 36, 0.12); } /* line 12675, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: rgba(217, 119, 6, 0.16); color: #B45309; } /* line 12686, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice__icon .icon { width: 18px; height: 18px; } /* line 12692, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice__title { margin: 0 0 4px; color: #92400E; font-size: 14px; font-weight: 700; } /* line 12699, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice__text { margin: 0; color: #78350F; font-size: 13px; line-height: 1.45; } /* line 12706, app/assets/stylesheets/_app-style.scss */ .pp-passout-notice__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; font-size: 13px; } /* Portal profile pages */ /* line 12716, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner { position: relative; overflow: hidden; margin-bottom: 22px; padding: 22px 24px; border: 1px solid var(--portal-line); border-radius: 16px; background-color: var(--portal-surface); background-image: linear-gradient(110deg, rgba(79, 70, 229, 0.09) 0%, #ffffff 58%, rgba(37, 99, 235, 0.06) 100%); box-shadow: var(--portal-shadow-sm); } /* line 12730, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner::before { content: ''; position: absolute; top: -70px; left: -40px; width: 320px; height: 220px; border-radius: 50%; background: radial-gradient(closest-side, rgba(79, 70, 229, 0.13), rgba(79, 70, 229, 0)); pointer-events: none; } /* line 12744, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } /* line 12753, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__avatar { width: 84px; height: 84px; border-radius: 20px; -o-object-fit: cover; object-fit: cover; flex: 0 0 auto; border: 3px solid rgba(255, 255, 255, 0.9); box-shadow: 0 8px 20px -10px rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.1); } /* line 12763, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__avatar--initials { display: inline-flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 800; color: var(--portal-primary); letter-spacing: -0.02em; background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 100%); } /* line 12775, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__id { flex: 1 1 260px; min-width: 0; } /* line 12780, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__crumb { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--portal-muted); } /* line 12789, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__crumb a { color: var(--portal-muted); text-decoration: none; } /* line 12793, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__crumb a:hover { color: var(--portal-primary); } /* line 12796, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__crumb .sep { opacity: 0.55; } /* line 12798, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__crumb .current { color: var(--portal-slate); } /* line 12801, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__name { margin: 0 0 4px; font-size: 26px; line-height: 1.2; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.025em; } /* line 12810, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__sub { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--portal-muted); } /* line 12817, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; } /* line 12822, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__meta span { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--portal-slate); } /* line 12830, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__meta span .icon { width: 14px; height: 14px; color: var(--portal-primary); opacity: 0.9; } /* line 12839, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__role { padding: 4px 12px; border-radius: 999px; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary) !important; font-size: 12.5px !important; font-weight: 700 !important; } /* line 12847, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__role .icon { color: inherit !important; } /* line 12850, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: auto; } /* line 12858, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 11px; font-weight: 700; font-size: 13.5px; border: 1px solid var(--portal-line); background: var(--portal-surface); color: var(--portal-ink); transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease; } /* line 12871, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__btn .icon { width: 15px; height: 15px; } /* line 12873, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__btn:hover { transform: translateY(-1px); border-color: var(--portal-primary); color: var(--portal-primary); box-shadow: 0 8px 18px -12px rgba(79, 70, 229, 0.45); } /* line 12880, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__btn--primary { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } /* line 12885, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__btn--primary:hover { background: var(--portal-primary-d); border-color: var(--portal-primary-d); color: #fff; box-shadow: 0 10px 22px -10px rgba(79, 70, 229, 0.55); } /* line 12895, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-banner { background-color: var(--portal-surface); background-image: linear-gradient(110deg, rgba(99, 102, 241, 0.16) 0%, var(--portal-surface) 60%, rgba(59, 130, 246, 0.12) 100%); } /* line 12902, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-banner::before { background: radial-gradient(closest-side, rgba(129, 140, 248, 0.18), rgba(129, 140, 248, 0)); } /* line 12908, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-banner .pp-profile-banner__avatar { border-color: rgba(255, 255, 255, 0.12); } /* line 12911, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-banner .pp-profile-banner__avatar--initials { background: rgba(99, 102, 241, 0.18); color: #c7d2fe; } @media (max-width: 767.98px) { /* line 12919, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner { padding: 18px; } /* line 12922, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__name { font-size: 22px; } /* line 12924, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__actions { width: 100%; margin-left: 0; } /* line 12928, app/assets/stylesheets/_app-style.scss */ .pp-profile-banner__actions .pp-profile-banner__btn { flex: 1 1 auto; justify-content: center; } } /* line 12936, app/assets/stylesheets/_app-style.scss */ .pp-profile-details { overflow: hidden; background: linear-gradient(180deg, rgba(79, 70, 229, 0.04) 0%, transparent 72px), var(--portal-surface); } /* line 12942, app/assets/stylesheets/_app-style.scss */ .pp-profile-details .lpage-card__head { background: linear-gradient(90deg, rgba(79, 70, 229, 0.06), transparent 55%); border-bottom: 1px solid var(--portal-line); } /* line 12947, app/assets/stylesheets/_app-style.scss */ .pp-profile-details .lpage-card__title { font-size: 15.5px; letter-spacing: -0.015em; } /* line 12952, app/assets/stylesheets/_app-style.scss */ .pp-profile-details .lpage-card__body { padding: 20px; background: radial-gradient(80% 60% at 100% 0%, rgba(99, 102, 241, 0.05) 0%, transparent 55%), var(--portal-surface); } /* line 12960, app/assets/stylesheets/_app-style.scss */ .pp-profile-hero { display: flex; align-items: center; gap: 18px; } /* line 12966, app/assets/stylesheets/_app-style.scss */ .pp-profile-hero__avatar { width: 80px; height: 80px; border-radius: 14px; -o-object-fit: cover; object-fit: cover; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); font-size: 22px; font-weight: 800; line-height: 1; } /* line 12981, app/assets/stylesheets/_app-style.scss */ .pp-profile-hero__avatar--round { border-radius: 50%; } /* line 12984, app/assets/stylesheets/_app-style.scss */ .pp-profile-hero__name { margin: 0; font-size: 22px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.01em; line-height: 1.25; } /* line 12993, app/assets/stylesheets/_app-style.scss */ .pp-profile-hero__role { margin: 4px 0 0; font-size: 14px; font-weight: 600; color: var(--portal-muted); } /* line 13000, app/assets/stylesheets/_app-style.scss */ .pp-profile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } /* line 13005, app/assets/stylesheets/_app-style.scss */ .pp-profile-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 13008, app/assets/stylesheets/_app-style.scss */ .pp-profile-field { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(79, 70, 229, 0.08); background: linear-gradient(160deg, #ffffff 0%, #f8f9ff 100%); transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; /* Legacy markup: label + value as direct children (no icon row) */ } /* line 13020, app/assets/stylesheets/_app-style.scss */ .pp-profile-field:not(:has(.pp-profile-field__icon)) { flex-direction: column; gap: 4px; } /* line 13025, app/assets/stylesheets/_app-style.scss */ .pp-profile-field:hover { border-color: rgba(79, 70, 229, 0.18); box-shadow: 0 8px 20px -14px rgba(79, 70, 229, 0.35); transform: translateY(-1px); } /* line 13031, app/assets/stylesheets/_app-style.scss */ .pp-profile-field--empty { background: linear-gradient(160deg, #fafbfc 0%, #f4f6fb 100%); border-color: var(--portal-line); } /* line 13035, app/assets/stylesheets/_app-style.scss */ .pp-profile-field--empty .pp-profile-field__icon { background: rgba(100, 116, 139, 0.1); color: var(--portal-muted); } /* line 13040, app/assets/stylesheets/_app-style.scss */ .pp-profile-field--empty .pp-profile-field__value { color: var(--portal-muted); font-weight: 600; font-style: italic; } /* line 13046, app/assets/stylesheets/_app-style.scss */ .pp-profile-field--empty:hover { border-color: var(--portal-line); box-shadow: none; transform: none; } /* line 13054, app/assets/stylesheets/_app-style.scss */ .pp-profile-field__icon { width: 38px; height: 38px; border-radius: 11px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); } /* line 13065, app/assets/stylesheets/_app-style.scss */ .pp-profile-field__icon .icon { width: 17px; height: 17px; stroke-width: 2; } /* line 13072, app/assets/stylesheets/_app-style.scss */ .pp-profile-field__content { min-width: 0; flex: 1 1 auto; } /* line 13077, app/assets/stylesheets/_app-style.scss */ .pp-profile-field__label { margin: 0 0 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--portal-muted); line-height: 1.3; } /* line 13087, app/assets/stylesheets/_app-style.scss */ .pp-profile-field__value { margin: 0; font-size: 15px; font-weight: 700; color: var(--portal-ink); letter-spacing: -0.01em; line-height: 1.4; word-break: break-word; } /* line 13098, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-details { background: linear-gradient(180deg, rgba(99, 102, 241, 0.08) 0%, transparent 72px), var(--portal-surface); } /* line 13103, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-details .lpage-card__head { background: linear-gradient(90deg, rgba(99, 102, 241, 0.12), transparent 55%); } /* line 13107, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-details .lpage-card__body { background: radial-gradient(80% 60% at 100% 0%, rgba(99, 102, 241, 0.08) 0%, transparent 55%), var(--portal-surface); } /* line 13114, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-field { background: linear-gradient(160deg, rgba(255, 255, 255, 0.03) 0%, rgba(99, 102, 241, 0.06) 100%); border-color: rgba(99, 102, 241, 0.16); } /* line 13118, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-profile-field--empty { background: rgba(255, 255, 255, 0.02); border-color: var(--portal-line); } @media (max-width: 991.98px) { /* line 13126, app/assets/stylesheets/_app-style.scss */ .pp-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } } @media (max-width: 575.98px) { /* line 13133, app/assets/stylesheets/_app-style.scss */ .pp-profile-grid { grid-template-columns: 1fr; gap: 10px; } /* line 13138, app/assets/stylesheets/_app-style.scss */ .pp-profile-details .lpage-card__body { padding: 14px; } /* line 13142, app/assets/stylesheets/_app-style.scss */ .pp-profile-field { padding: 12px 14px; } } /* line 13147, app/assets/stylesheets/_app-style.scss */ .pp-fee-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; } /* line 13154, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat { position: relative; overflow: hidden; border-radius: 16px; padding: 22px 24px; min-height: 118px; color: #fff; box-shadow: var(--portal-shadow-sm); transition: transform 0.2s ease, box-shadow 0.2s ease; } /* line 13164, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat:hover { transform: translateY(-2px); box-shadow: var(--portal-shadow); } /* line 13169, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat--paid { background: linear-gradient(135deg, #059669 0%, #0e7a55 100%); } /* line 13173, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat--due { background: linear-gradient(135deg, #f08a5a 0%, #e06a3c 100%); } /* line 13177, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat--unpaid { background: linear-gradient(135deg, #DC2626 0%, #b52e33 100%); } /* line 13181, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__content { position: relative; z-index: 1; } /* line 13186, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__value { margin: 0 0 6px; font-size: 36px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: #fff; } /* line 13195, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__label { margin: 0; font-size: 14px; font-weight: 700; color: rgba(255, 255, 255, 0.92); } /* line 13202, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__watermark { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: 0.18; pointer-events: none; } /* line 13210, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__watermark .icon { width: 88px; height: 88px; stroke-width: 1.5; } /* line 13218, app/assets/stylesheets/_app-style.scss */ .pp-fee-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px; } /* line 13225, app/assets/stylesheets/_app-style.scss */ .pp-fee-item { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; box-shadow: var(--portal-shadow-sm); transition: border-color 0.15s ease, transform 0.15s ease; } /* line 13236, app/assets/stylesheets/_app-style.scss */ .pp-fee-item:hover { border-color: rgba(79, 70, 229, 0.28); transform: translateY(-1px); } /* line 13241, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__icon { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--portal-primary), var(--portal-indigo)); color: #fff; } /* line 13252, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__icon .icon { width: 20px; height: 20px; } /* line 13258, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__body { flex: 1 1 auto; min-width: 0; } /* line 13263, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__name { margin: 0 0 3px; font-size: 15px; font-weight: 800; color: var(--portal-ink); line-height: 1.25; } /* line 13271, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__meta { margin: 0; font-size: 13px; font-weight: 600; color: var(--portal-muted); line-height: 1.3; } /* line 13279, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__aside { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; } /* line 13288, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.02em; color: #fff; } /* line 13298, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__badge--unpaid { background: #e06a3c; } /* line 13299, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__badge--paid { background: #059669; } /* line 13302, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__amount { margin: 0; font-size: 18px; font-weight: 800; color: var(--portal-ink); line-height: 1; } @media (max-width: 576px) { /* line 13312, app/assets/stylesheets/_app-style.scss */ .pp-fee-stats { gap: 10px; } /* line 13316, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat { padding: 16px 12px; min-height: 96px; } /* line 13320, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__value { font-size: 24px; } /* line 13321, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__label { font-size: 11.5px; } /* line 13323, app/assets/stylesheets/_app-style.scss */ .pp-fee-stat__watermark .icon { width: 56px; height: 56px; } /* line 13329, app/assets/stylesheets/_app-style.scss */ .pp-fee-item { padding: 14px 14px; } /* line 13332, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__icon { width: 40px; height: 40px; } /* line 13336, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__icon .icon { width: 17px; height: 17px; } /* line 13342, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__name { font-size: 14px; } /* line 13343, app/assets/stylesheets/_app-style.scss */ .pp-fee-item__amount { font-size: 16px; } } /* Parent portal — Attendance calendar (desktop layout) */ /* line 13348, app/assets/stylesheets/_app-style.scss */ .pp-att-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr); gap: 20px; align-items: start; } /* line 13355, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar { padding: 22px 24px 20px; } /* line 13358, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 18px; } /* line 13366, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__nav-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; color: var(--portal-ink); background: var(--portal-bg); border: 1px solid var(--portal-line); transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } /* line 13378, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__nav-btn .icon { width: 18px; height: 18px; } /* line 13383, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__nav-btn:hover { color: var(--portal-primary); border-color: rgba(79, 70, 229, 0.35); background: var(--portal-hover-fill); } /* line 13390, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__month { margin: 0; min-width: 160px; text-align: center; font-size: 22px; font-weight: 800; color: var(--portal-ink); letter-spacing: -0.02em; } /* line 13400, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__student { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 18px; border-radius: 12px; background: var(--portal-bg); border: 1px solid var(--portal-line); } /* line 13410, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__student .lpage-person__avatar { flex: 0 0 auto; } /* line 13415, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__student-name { margin: 0 0 2px; font-size: 15px; font-weight: 800; color: var(--portal-ink); line-height: 1.2; } /* line 13423, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__student-meta { margin: 0; font-size: 13px; font-weight: 600; color: var(--portal-muted); } /* line 13430, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px 4px; } /* line 13436, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dow { text-align: center; padding: 8px 0 10px; font-size: 13px; font-weight: 700; color: var(--portal-ink); } /* line 13443, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dow.is-weekend { color: #d32f2f; } /* line 13448, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 64px; padding: 10px 4px 12px; border-radius: 14px; transition: background 0.15s ease; } /* line 13460, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day.is-outside .pp-att-calendar__date { color: #c5cad6; } /* line 13466, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day.is-weekend:not(.is-outside) .pp-att-calendar__date { color: #d32f2f; } /* line 13471, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day.is-today { background: rgba(99, 102, 241, 0.14); } /* line 13474, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day.is-today .pp-att-calendar__date { font-weight: 800; } /* line 13479, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day:hover { background: var(--portal-hover-fill); } /* line 13484, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__date { font-size: 15px; font-weight: 700; line-height: 1; color: var(--portal-ink); } /* line 13491, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dot { display: inline-block; width: 8px; height: 8px; margin-top: 8px; border-radius: 50%; } /* line 13498, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dot--present { background: #2e9b57; } /* line 13499, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dot--absent { background: #e05a5a; } /* line 13502, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__legend { display: flex; flex-wrap: wrap; gap: 16px 22px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--portal-line); font-size: 13px; font-weight: 600; color: var(--portal-muted); } /* line 13513, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__legend span { display: inline-flex; align-items: center; gap: 8px; } /* line 13519, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__legend .pp-att-calendar__dot { margin-top: 0; } /* line 13524, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__legend-today { width: 14px; height: 14px; border-radius: 50%; background: rgba(99, 102, 241, 0.22); border: 1px solid rgba(99, 102, 241, 0.45); } /* line 13533, app/assets/stylesheets/_app-style.scss */ .pp-att-status { border-radius: 16px; padding: 26px 24px; background: linear-gradient(165deg, #0b1348 0%, #121a5c 55%, #0a1140 100%); color: #fff; box-shadow: var(--portal-shadow); min-height: 100%; } /* line 13541, app/assets/stylesheets/_app-style.scss */ .pp-att-status__title { margin: 0 0 22px; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #fff; } /* line 13549, app/assets/stylesheets/_app-style.scss */ .pp-att-status__row { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; } /* line 13556, app/assets/stylesheets/_app-style.scss */ .pp-att-status__icon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } /* line 13565, app/assets/stylesheets/_app-style.scss */ .pp-att-status__icon .icon { width: 20px; height: 20px; stroke-width: 2.5; } /* line 13571, app/assets/stylesheets/_app-style.scss */ .pp-att-status__icon--user { background: #f5c518; color: #0b1348; } /* line 13576, app/assets/stylesheets/_app-style.scss */ .pp-att-status__icon--present { background: #2e9b57; color: #fff; } /* line 13581, app/assets/stylesheets/_app-style.scss */ .pp-att-status__icon--absent { background: #e05a5a; color: #fff; } /* line 13587, app/assets/stylesheets/_app-style.scss */ .pp-att-status__label { margin: 0 0 4px; font-size: 15px; font-weight: 800; color: #f5c518; line-height: 1.2; } /* line 13595, app/assets/stylesheets/_app-style.scss */ .pp-att-status__value { margin: 0; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.92); line-height: 1.35; } /* line 13603, app/assets/stylesheets/_app-style.scss */ .pp-att-status__note { margin-top: 8px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 12.5px; font-weight: 600; color: rgba(255, 255, 255, 0.72); line-height: 1.45; } /* line 13612, app/assets/stylesheets/_app-style.scss */ .pp-att-status__note strong { color: #fff; font-weight: 800; } @media (max-width: 992px) { /* line 13620, app/assets/stylesheets/_app-style.scss */ .pp-att-layout { grid-template-columns: 1fr; } /* line 13624, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day { min-height: 52px; padding: 8px 2px 10px; } /* line 13629, app/assets/stylesheets/_app-style.scss */ .pp-att-status__title { font-size: 22px; } } @media (max-width: 576px) { /* line 13635, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar { padding: 16px 14px 14px; } /* line 13638, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__month { font-size: 18px; min-width: 0; } /* line 13639, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__dow { font-size: 11px; } /* line 13640, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__date { font-size: 13px; } /* line 13641, app/assets/stylesheets/_app-style.scss */ .pp-att-calendar__day { min-height: 46px; border-radius: 10px; } } /* line 13647, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-att-calendar__nav-btn { background: var(--portal-elevated); } /* line 13651, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-att-calendar__student { background: var(--portal-surface-2); } /* line 13655, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-att-calendar__day.is-outside .pp-att-calendar__date { color: #4a5568; } /* line 13659, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-att-calendar__day.is-today { background: rgba(91, 138, 255, 0.18); } /* line 13664, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-tt-period { background: rgba(91, 138, 255, 0.18); color: #93b4ff; } /* line 13669, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-tt-time { background: var(--portal-surface-2); color: var(--portal-ink); } /* line 13675, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid th, html[data-theme="dark"] .tp-tt-grid td { border-bottom-color: var(--portal-line); } /* line 13680, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid thead th { background: rgba(91, 138, 255, 0.12); border-bottom-color: rgba(91, 138, 255, 0.24); } /* line 13685, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid__corner { background: rgba(91, 138, 255, 0.14) !important; } /* line 13689, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid__corner-label--time { color: #93b4ff; } /* line 13693, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid__day { background: rgba(91, 138, 255, 0.08); border-right-color: var(--portal-line); } /* line 13698, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid__cell.is-filled { background: rgba(91, 138, 255, 0.08); } /* line 13702, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-tt-grid__free { color: var(--portal-muted); } /* Parent portal — Timetable */ /* line 13710, app/assets/stylesheets/_app-style.scss */ .pp-tt-layout .lpage-card__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } /* line 13719, app/assets/stylesheets/_app-style.scss */ .pp-tt-student { display: flex; align-items: center; gap: 14px; min-width: 0; } /* line 13725, app/assets/stylesheets/_app-style.scss */ .pp-tt-student .lpage-person__avatar { width: 44px; height: 44px; font-size: 15px; flex-shrink: 0; } /* line 13732, app/assets/stylesheets/_app-style.scss */ .pp-tt-student__meta { margin: 4px 0 0; font-size: 13px; color: var(--portal-muted); } /* line 13737, app/assets/stylesheets/_app-style.scss */ .pp-tt-student__meta .sep { margin: 0 6px; opacity: 0.55; } /* line 13744, app/assets/stylesheets/_app-style.scss */ .pp-tt-period { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 10px; border-radius: 10px; background: rgba(59, 130, 246, 0.12); color: #2563eb; font-weight: 700; font-size: 14px; } /* line 13758, app/assets/stylesheets/_app-style.scss */ .pp-tt-subject { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* line 13764, app/assets/stylesheets/_app-style.scss */ .pp-tt-subject__name { font-weight: 600; color: var(--portal-ink); } /* line 13770, app/assets/stylesheets/_app-style.scss */ .pp-tt-time { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--portal-bg); color: var(--portal-ink); font-weight: 600; font-size: 13px; white-space: nowrap; } /* line 13782, app/assets/stylesheets/_app-style.scss */ .pp-tt-time .icon { width: 14px; height: 14px; stroke-width: 2.25; } /* line 13790, app/assets/stylesheets/_app-style.scss */ .pp-tt-table tbody tr td { vertical-align: middle; } /* Teacher portal — weekly schedule grid */ /* line 13796, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid-wrap { overflow-x: auto; } /* line 13800, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid { min-width: 720px; border-collapse: separate; border-spacing: 0; } /* line 13805, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid th, .tp-tt-grid td { vertical-align: middle; text-align: center; padding: 12px 10px; border-bottom: 1px solid rgba(148, 163, 184, 0.22); } /* line 13813, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid thead th { background: rgba(59, 130, 246, 0.06); border-bottom: 2px solid rgba(59, 130, 246, 0.18); font-weight: 700; } /* line 13819, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__corner { min-width: 120px; text-align: left; position: relative; background: rgba(59, 130, 246, 0.08) !important; } /* line 13826, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__corner-label { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--portal-muted); } /* line 13834, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__corner-label--day { margin-bottom: 18px; } /* line 13838, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__corner-label--time { color: #2563eb; } /* line 13843, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__time { min-width: 110px; } /* line 13847, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__time-range { display: inline-block; font-size: 13px; font-weight: 700; color: var(--portal-ink); line-height: 1.3; white-space: nowrap; } /* line 13856, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__day { min-width: 120px; text-align: left !important; font-size: 14px; font-weight: 800; color: var(--portal-ink); background: rgba(59, 130, 246, 0.04); border-right: 1px solid rgba(148, 163, 184, 0.18); } /* line 13866, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__cell { min-width: 96px; } /* line 13869, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__cell.is-filled { background: rgba(59, 130, 246, 0.03); } /* line 13873, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__cell.is-free { background: transparent; } /* line 13878, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__subject { font-size: 13px; font-weight: 700; color: var(--portal-ink); line-height: 1.35; } /* line 13885, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__class { margin-top: 4px; font-size: 11px; font-weight: 600; color: var(--portal-muted); line-height: 1.3; } /* line 13893, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid__free { font-size: 12px; font-weight: 600; color: rgba(100, 116, 139, 0.75); } /* line 13900, app/assets/stylesheets/_app-style.scss */ .tp-tt-grid tbody tr:last-child th, .tp-tt-grid tbody tr:last-child td { border-bottom: 0; } /* Parent portal — Marks */ /* line 13908, app/assets/stylesheets/_app-style.scss */ .pp-marks-overview { margin-bottom: 0px; } /* line 13912, app/assets/stylesheets/_app-style.scss */ .pp-marks-student { display: flex; align-items: center; gap: 14px; min-width: 0; margin-bottom: 24px; } /* line 13919, app/assets/stylesheets/_app-style.scss */ .pp-marks-student .lpage-person__avatar { width: 44px; height: 44px; font-size: 15px; flex-shrink: 0; } /* line 13926, app/assets/stylesheets/_app-style.scss */ .pp-marks-student__name { margin: 0; font-size: 17px; font-weight: 800; color: var(--portal-ink); line-height: 1.25; } /* line 13934, app/assets/stylesheets/_app-style.scss */ .pp-marks-student__meta { margin: 4px 0 0; font-size: 13px; font-weight: 600; color: var(--portal-muted); } /* line 13940, app/assets/stylesheets/_app-style.scss */ .pp-marks-student__meta .sep { margin: 0 6px; opacity: 0.55; } /* line 13946, app/assets/stylesheets/_app-style.scss */ .pp-marks-student--cardhead { margin-bottom: 0; min-width: 0; flex: 1 1 auto; } /* line 13953, app/assets/stylesheets/_app-style.scss */ .pp-marks-stats { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 30px; } /* line 13960, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat { position: relative; overflow: hidden; border-radius: 16px; padding: 18px 20px; min-height: 104px; color: #fff; box-shadow: var(--portal-shadow-sm); transition: transform 0.2s ease, box-shadow 0.2s ease; flex: 1 1 calc(25% - 12px); min-width: 150px; } /* line 13972, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat:hover { transform: translateY(-2px); box-shadow: var(--portal-shadow); } /* line 13977, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--pct { background: linear-gradient(135deg, #4F46E5 0%, #1e4fd6 100%); } /* line 13978, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--total { background: linear-gradient(135deg, #6366F1 0%, #4638c4 100%); } /* line 13979, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--obtained { background: linear-gradient(135deg, #059669 0%, #0e7a55 100%); } /* line 13980, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--grade { background: linear-gradient(135deg, #0ea5a0 0%, #0b7f7b 100%); } /* line 13981, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--position { background: linear-gradient(135deg, #f08a5a 0%, #e06a3c 100%); } /* line 13982, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat--attendance { background: linear-gradient(135deg, #64748b 0%, #475569 100%); } /* line 13984, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__content { position: relative; z-index: 1; } /* line 13989, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__value { margin: 0 0 6px; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; color: #fff; } /* line 13997, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__value .pp-grade-badge { font-size: 18px; padding: 4px 12px; } /* line 14003, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__label { margin: 0; font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, 0.92); } /* line 14010, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__watermark { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); opacity: 0.16; pointer-events: none; } /* line 14018, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__watermark .icon { width: 72px; height: 72px; stroke-width: 1.5; } /* line 14026, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; padding: 3px 10px; border-radius: 99px; font-size: 12px; font-weight: 800; letter-spacing: 0.02em; color: #fff; line-height: 1.2; } /* line 14039, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--aplus { background: #059669; } /* line 14040, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--a { background: #4F46E5; } /* line 14041, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--b { background: #e06a3c; } /* line 14042, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--c { background: #d4a017; color: #1a1a1a; } /* line 14043, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--df { background: #DC2626; } /* line 14044, app/assets/stylesheets/_app-style.scss */ .pp-grade-badge--na { background: #6c757d; } /* line 14048, app/assets/stylesheets/_app-style.scss */ .pp-marks-table__total td { background: rgba(79, 70, 229, 0.05); border-top: 2px solid rgba(79, 70, 229, 0.18); } /* Teacher portal — Result sheet */ /* line 14055, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet { overflow: hidden; } /* line 14058, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet .lpage-card__head { align-items: flex-start; flex-wrap: wrap; } /* line 14063, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet .lpage-card__scroll { border-radius: 0; } /* line 14067, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet .tp-result-publish { flex-direction: column; align-items: center; gap: 12px; padding-top: 18px; padding-bottom: 18px; border-top: 1px solid var(--portal-line); } /* line 14076, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet .tp-result-publish__note { font-size: 13px; font-weight: 600; color: var(--portal-muted); text-align: center; max-width: 420px; line-height: 1.4; } /* line 14086, app/assets/stylesheets/_app-style.scss */ .tp-result-meta-wrap { border-bottom: 1px solid var(--portal-line); } /* line 14090, app/assets/stylesheets/_app-style.scss */ .tp-result-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 20px; } /* line 14095, app/assets/stylesheets/_app-style.scss */ .tp-result-meta__item { min-width: 0; } /* line 14099, app/assets/stylesheets/_app-style.scss */ .tp-result-meta__label { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: var(--portal-muted); text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.3; } /* line 14109, app/assets/stylesheets/_app-style.scss */ .tp-result-meta__value { margin: 0; font-size: 15px; font-weight: 800; color: var(--portal-ink); line-height: 1.35; word-break: break-word; } /* line 14119, app/assets/stylesheets/_app-style.scss */ .tp-result-table { width: -moz-max-content; width: max-content; min-width: 100%; } /* line 14123, app/assets/stylesheets/_app-style.scss */ .tp-result-table thead th, .tp-result-table tbody td { white-space: nowrap; } /* line 14128, app/assets/stylesheets/_app-style.scss */ .tp-result-table__student { position: sticky; left: 0; z-index: 5; min-width: 180px; background-color: #ffffff; background-clip: padding-box; box-shadow: none; isolation: isolate; } /* line 14138, app/assets/stylesheets/_app-style.scss */ .tp-result-table__student .lpage-person, .tp-result-table__student .lpage-person__name { position: relative; z-index: 6; } /* line 14144, app/assets/stylesheets/_app-style.scss */ .tp-result-table__student .lpage-person__avatar { position: relative; z-index: 6; } /* line 14150, app/assets/stylesheets/_app-style.scss */ .tp-result-table thead th.tp-result-table__student { z-index: 7; background-color: #f6f8ff; box-shadow: none; } /* line 14156, app/assets/stylesheets/_app-style.scss */ .tp-result-table tbody tr:hover td.tp-result-table__student { background-color: #f5f7ff; } /* line 14160, app/assets/stylesheets/_app-style.scss */ .tp-result-table__subject { max-width: 132px; padding-left: 12px; padding-right: 12px; overflow: hidden; text-overflow: ellipsis; } /* line 14168, app/assets/stylesheets/_app-style.scss */ .tp-result-table__mark { text-align: center; padding-left: 12px; padding-right: 12px; min-width: 72px; position: relative; z-index: 1; } /* line 14177, app/assets/stylesheets/_app-style.scss */ .tp-result-table__overall { margin-left: 4px; font-size: 12px; font-weight: 600; color: var(--portal-muted); white-space: nowrap; } /* line 14185, app/assets/stylesheets/_app-style.scss */ .tp-result-table .pp-marks-table__total td.tp-result-table__student { background-color: #eef3ff; } @media (max-width: 991.98px) { /* line 14191, app/assets/stylesheets/_app-style.scss */ .tp-result-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; } } @media (max-width: 575.98px) { /* line 14198, app/assets/stylesheets/_app-style.scss */ .tp-result-meta { grid-template-columns: 1fr; gap: 14px; } /* line 14203, app/assets/stylesheets/_app-style.scss */ .tp-result-table__student { min-width: 148px; } } /* line 14209, app/assets/stylesheets/_app-style.scss */ .pp-marks-remarks__text { margin: 0; font-size: 14px; font-weight: 600; color: var(--portal-ink); line-height: 1.55; } /* line 14216, app/assets/stylesheets/_app-style.scss */ .pp-marks-remarks__text p:last-child { margin-bottom: 0; } @media (max-width: 991px) { /* line 14223, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat { flex: 1 1 calc(50% - 8px); min-width: 140px; } } @media (max-width: 576px) { /* line 14230, app/assets/stylesheets/_app-style.scss */ .pp-marks-stats { gap: 12px; } /* line 14234, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat { flex: 1 1 calc(50% - 6px); min-width: 130px; padding: 14px 12px; min-height: 90px; } /* line 14240, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__value { font-size: 22px; } /* line 14241, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__label { font-size: 11.5px; } /* line 14243, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat__watermark .icon { width: 48px; height: 48px; } /* line 14249, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; } /* line 14257, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions[data-lpage-actions] { gap: 0; } /* line 14261, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions .btn { flex: 1 1 100%; width: 100%; justify-content: center; } /* line 14267, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--inline { width: auto; flex: 0 0 auto; flex-direction: row; flex-wrap: nowrap; } /* line 14273, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--inline .btn { flex: 0 0 auto; width: auto; white-space: nowrap; } /* line 14280, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--split { flex-direction: row; flex-wrap: nowrap; align-items: stretch; } /* line 14285, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--split .btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; white-space: nowrap; padding-left: 10px; padding-right: 10px; } /* line 14297, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents > .btn { order: 1; width: 100%; } /* line 14302, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents .lpage-csv-actions { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; order: 2; gap: 8px; } /* line 14310, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions--parents .lpage-csv-actions .btn { flex: 1 1 0; width: auto; min-width: 0; white-space: nowrap; } /* line 14320, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-toggle { display: flex; } /* line 14324, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions-panel { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; max-height: 0; margin-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; } /* line 14339, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-panel { max-height: 600px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 14348, app/assets/stylesheets/_app-style.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle-chevron { transform: rotate(180deg); } } @media print { /* line 14355, app/assets/stylesheets/_app-style.scss */ .sidemenu-area, .navbar, .burger-menu, .lpage-filters, .lpage-head__actions, .me-marks__panel, .me-marks__guide, .me-marks__toolbar, .lpage-card__foot, .lpage-iconbtn, .ts-sheet__actions, .ph-holders__actions, .tp-marks-entry, .tp-result-sheet .lpage-card__head .btn, .tp-result-sheet .lpage-card__head a.btn { display: none !important; } /* line 14373, app/assets/stylesheets/_app-style.scss */ .main-content { margin: 0 !important; padding: 0 !important; } /* line 14378, app/assets/stylesheets/_app-style.scss */ .pp-marks-stat { box-shadow: none; -moz-column-break-inside: avoid; break-inside: avoid; } /* line 14383, app/assets/stylesheets/_app-style.scss */ .tp-result-sheet { box-shadow: none !important; border: 1px solid #dee2e6 !important; overflow: visible; } /* line 14389, app/assets/stylesheets/_app-style.scss */ .tp-result-table { min-width: 100%; width: 100%; } /* line 14393, app/assets/stylesheets/_app-style.scss */ .tp-result-table__student { position: static; box-shadow: none; } /* line 14398, app/assets/stylesheets/_app-style.scss */ .tp-result-table__subject { max-width: none; overflow: visible; text-overflow: clip; } } /* line 14407, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .pp-marks-table__total td { background: rgba(91, 138, 255, 0.12); border-top-color: rgba(91, 138, 255, 0.28); } /* line 14413, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-result-table td.tp-result-table__student { background-color: #151c2c; box-shadow: none; } /* line 14418, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-result-table thead th.tp-result-table__student { background-color: #0c1018; } /* line 14422, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-result-table tbody tr:hover td.tp-result-table__student { background-color: #1a2336; } /* line 14426, app/assets/stylesheets/_app-style.scss */ html[data-theme="dark"] .tp-result-table .pp-marks-table__total td.tp-result-table__student { background-color: #1a2438; } /* ---- Homework Diary (Add Diaries) ---- */ /* line 14435, app/assets/stylesheets/_app-style.scss */ .hd-diary__toolbar-actions form { margin-bottom: 0; } /* line 14441, app/assets/stylesheets/_app-style.scss */ .hd-diary__table .hd-diary__col-subject { width: 220px; min-width: 160px; } /* line 14446, app/assets/stylesheets/_app-style.scss */ .hd-diary__table .hd-diary__col-status { width: 120px; min-width: 100px; } /* line 14451, app/assets/stylesheets/_app-style.scss */ .hd-diary__table tbody td { vertical-align: middle; } /* line 14455, app/assets/stylesheets/_app-style.scss */ .hd-diary__table tbody tr:last-child td { border-bottom: none; } /* line 14460, app/assets/stylesheets/_app-style.scss */ .hd-diary__subject-name { color: var(--portal-ink); font-size: 14px; font-weight: 800; letter-spacing: 0.02em; white-space: nowrap; } /* line 14468, app/assets/stylesheets/_app-style.scss */ .hd-diary__content { color: var(--portal-ink); font-size: 14px; line-height: 1.55; } /* line 14473, app/assets/stylesheets/_app-style.scss */ .hd-diary__content p { margin: 0 0 0.5em; } /* line 14476, app/assets/stylesheets/_app-style.scss */ .hd-diary__content p:last-child { margin-bottom: 0; } /* line 14482, app/assets/stylesheets/_app-style.scss */ .hd-diary__actions { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; } /* line 14490, app/assets/stylesheets/_app-style.scss */ .hd-diary__publish-btn { display: inline-flex; align-items: center; white-space: nowrap; font-weight: 700; } /* line 14497, app/assets/stylesheets/_app-style.scss */ .hd-diary__textarea { min-height: 38px; height: 38px; resize: vertical; border-radius: 10px; border-color: var(--portal-line); color: var(--portal-ink); background: var(--portal-surface); } /* line 14506, app/assets/stylesheets/_app-style.scss */ .hd-diary__textarea:focus { border-color: rgba(79, 70, 229, 0.45); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 14511, app/assets/stylesheets/_app-style.scss */ .hd-diary__textarea::-moz-placeholder { color: var(--portal-muted); } .hd-diary__textarea::placeholder { color: var(--portal-muted); } /* ---- Notice Board sticky notes ---- */ /* line 14518, app/assets/stylesheets/_app-style.scss */ .nb-sticky-board { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 36px 28px; padding: 28px 22px 36px; background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%); align-items: stretch; } /* line 14526, app/assets/stylesheets/_app-style.scss */ .nb-sticky-board:last-child { border-radius: 0 0 16px 16px; } /* line 14530, app/assets/stylesheets/_app-style.scss */ .nb-sticky-board--empty { display: block; background: var(--portal-surface); padding: 36px 22px; } /* line 14537, app/assets/stylesheets/_app-style.scss */ .nb-sticky { position: relative; display: flex; flex-direction: column; min-height: 268px; padding: 22px 18px 16px; border-radius: 2px; box-shadow: 3px 6px 14px rgba(0, 0, 0, 0.12); transform: rotate(var(--nb-rot, 0deg)); transition: transform 0.2s ease, box-shadow 0.2s ease; color: #1f1f1f; } /* line 14549, app/assets/stylesheets/_app-style.scss */ .nb-sticky::before { content: ''; position: absolute; top: -11px; left: 50%; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.75) 0 3px, transparent 4px), radial-gradient(circle at 40% 35%, #ff6b6b 0%, #c62828 58%, #7f0000 100%); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28), inset 0 -2px 3px rgba(0, 0, 0, 0.18); z-index: 2; } /* line 14565, app/assets/stylesheets/_app-style.scss */ .nb-sticky:hover { transform: rotate(0deg) translateY(-6px); box-shadow: 6px 14px 24px rgba(0, 0, 0, 0.16); z-index: 3; } /* line 14571, app/assets/stylesheets/_app-style.scss */ .nb-sticky--1 { --nb-rot: -2.4deg; background: linear-gradient(180deg, #fff9c4 0%, #fff176 100%); } /* line 14576, app/assets/stylesheets/_app-style.scss */ .nb-sticky--2 { --nb-rot: 1.8deg; background: linear-gradient(180deg, #e3f2fd 0%, #bbdefb 100%); } /* line 14581, app/assets/stylesheets/_app-style.scss */ .nb-sticky--3 { --nb-rot: -1.6deg; background: linear-gradient(180deg, #fce4ec 0%, #f8bbd0 100%); } /* line 14586, app/assets/stylesheets/_app-style.scss */ .nb-sticky--4 { --nb-rot: 2.2deg; background: linear-gradient(180deg, #e8f5e9 0%, #c8e6c9 100%); } /* line 14591, app/assets/stylesheets/_app-style.scss */ .nb-sticky__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 14px; } /* line 14599, app/assets/stylesheets/_app-style.scss */ .nb-sticky__date { flex: 0 0 44px; width: 44px; overflow: hidden; border: 1px solid #1a1a1a; background: #fff; line-height: 1; } /* line 14608, app/assets/stylesheets/_app-style.scss */ .nb-sticky__month { display: block; padding: 4px 0 3px; background: #1a1a1a; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; } /* line 14620, app/assets/stylesheets/_app-style.scss */ .nb-sticky__day { display: block; padding: 5px 0 6px; color: #111; font-size: 20px; font-weight: 800; text-align: center; } /* line 14629, app/assets/stylesheets/_app-style.scss */ .nb-sticky__meta { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 0; } /* line 14637, app/assets/stylesheets/_app-style.scss */ .nb-sticky__status { display: inline-block; padding: 3px 9px; border-radius: 99px; font-size: 10px; font-weight: 800; letter-spacing: 0.04em; line-height: 1.2; white-space: nowrap; } /* line 14648, app/assets/stylesheets/_app-style.scss */ .nb-sticky--1 .nb-sticky__status { background: #ffe0b2; color: #e65100; } /* line 14649, app/assets/stylesheets/_app-style.scss */ .nb-sticky--2 .nb-sticky__status { background: #cfd8dc; color: #37474f; } /* line 14650, app/assets/stylesheets/_app-style.scss */ .nb-sticky--3 .nb-sticky__status { background: #ffccbc; color: #bf360c; } /* line 14651, app/assets/stylesheets/_app-style.scss */ .nb-sticky--4 .nb-sticky__status { background: #a5d6a7; color: #1b5e20; } /* line 14653, app/assets/stylesheets/_app-style.scss */ .nb-sticky__status--draft { background: rgba(33, 33, 33, 0.1) !important; color: #5d4037 !important; } /* line 14658, app/assets/stylesheets/_app-style.scss */ .nb-sticky__code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 11px; font-weight: 600; color: rgba(0, 0, 0, 0.55); letter-spacing: 0.02em; } /* line 14666, app/assets/stylesheets/_app-style.scss */ .nb-sticky__title { margin: 0 0 8px; font-size: 17px; font-weight: 800; line-height: 1.25; color: #151515; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* line 14679, app/assets/stylesheets/_app-style.scss */ .nb-sticky__body { margin: 0 0 14px; font-size: 13px; line-height: 1.5; color: rgba(21, 21, 21, 0.78); display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex: 1 1 auto; } /* line 14692, app/assets/stylesheets/_app-style.scss */ .nb-sticky__foot { margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.08); } /* line 14698, app/assets/stylesheets/_app-style.scss */ .nb-sticky__audience { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #2c2c2c; } /* line 14707, app/assets/stylesheets/_app-style.scss */ .nb-sticky__by { margin: 4px 0 0; font-size: 11px; font-weight: 600; color: rgba(0, 0, 0, 0.55); } /* line 14714, app/assets/stylesheets/_app-style.scss */ .nb-sticky__sep { margin: 0 4px; opacity: 0.6; } /* line 14719, app/assets/stylesheets/_app-style.scss */ .nb-sticky__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; } /* line 14725, app/assets/stylesheets/_app-style.scss */ .nb-sticky__actions .lpage-iconbtn { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.78); border-color: rgba(0, 0, 0, 0.08); } /* Mobile: compact sticky notes — date, title, status, actions only; 2–3 per row */ @media (max-width: 767.98px) { /* line 14736, app/assets/stylesheets/_app-style.scss */ .nb-sticky-board { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; padding: 16px 12px 24px; } /* line 14742, app/assets/stylesheets/_app-style.scss */ .nb-sticky { min-height: 0; padding: 16px 10px 10px; box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1); } /* line 14747, app/assets/stylesheets/_app-style.scss */ .nb-sticky__top { margin-bottom: 8px; gap: 6px; } /* line 14752, app/assets/stylesheets/_app-style.scss */ .nb-sticky__date { flex: 0 0 36px; width: 36px; } /* line 14757, app/assets/stylesheets/_app-style.scss */ .nb-sticky__month { padding: 3px 0 2px; font-size: 8px; } /* line 14762, app/assets/stylesheets/_app-style.scss */ .nb-sticky__day { padding: 3px 0 4px; font-size: 15px; } /* line 14767, app/assets/stylesheets/_app-style.scss */ .nb-sticky__status { padding: 2px 7px; font-size: 9px; } /* line 14772, app/assets/stylesheets/_app-style.scss */ .nb-sticky__code, .nb-sticky__body, .nb-sticky__audience, .nb-sticky__by { display: none; } /* line 14779, app/assets/stylesheets/_app-style.scss */ .nb-sticky__title { margin: 0; font-size: 13px; -webkit-line-clamp: 2; line-clamp: 2; } /* line 14786, app/assets/stylesheets/_app-style.scss */ .nb-sticky__foot { padding-top: 8px; border-top: 1px solid rgba(0, 0, 0, 0.08); } /* line 14791, app/assets/stylesheets/_app-style.scss */ .nb-sticky__actions { margin-top: 0; gap: 4px; justify-content: flex-start; } /* line 14796, app/assets/stylesheets/_app-style.scss */ .nb-sticky__actions .lpage-iconbtn { width: 26px; height: 26px; } /* line 14800, app/assets/stylesheets/_app-style.scss */ .nb-sticky__actions .lpage-iconbtn .icon { width: 13px; height: 13px; } /* line 14807, app/assets/stylesheets/_app-style.scss */ .nb-sticky:hover { transform: rotate(0deg) translateY(-3px); } } @media (min-width: 480px) and (max-width: 767.98px) { /* line 14814, app/assets/stylesheets/_app-style.scss */ .nb-sticky-board { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; } } /* ---- Notice Board (Parent / Teacher Portal) ---- */ /* line 14821, app/assets/stylesheets/_app-style.scss */ .pp-notice-list { display: flex; flex-direction: column; } /* line 14826, app/assets/stylesheets/_app-style.scss */ .pp-notice-item { padding: 20px 24px; border-bottom: 1px solid var(--portal-line); } /* line 14830, app/assets/stylesheets/_app-style.scss */ .pp-notice-item:last-child { border-bottom: none; } /* line 14834, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; } /* line 14842, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__title { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--portal-ink); } /* line 14849, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__meta { margin: 0; font-size: 13px; color: var(--portal-muted); } /* line 14854, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__meta .sep { margin: 0 6px; opacity: 0.55; } /* line 14860, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__body { font-size: 14px; line-height: 1.6; color: var(--portal-ink); } /* line 14865, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__body p:last-child { margin-bottom: 0; } /* line 14870, app/assets/stylesheets/_app-style.scss */ .pp-notice-item__image { display: block; max-width: 100%; max-height: 240px; margin-bottom: 12px; border-radius: 8px; -o-object-fit: contain; object-fit: contain; } /* Notice board image picker (Add Notice form) */ /* line 14882, app/assets/stylesheets/_app-style.scss */ .nb-image-picker__preview { display: flex; align-items: center; justify-content: center; width: 180px; height: 120px; margin-bottom: 8px; border: 1px solid var(--portal-line); border-radius: 6px; background: var(--portal-surface-2); overflow: hidden; } /* line 14895, app/assets/stylesheets/_app-style.scss */ .nb-image-picker__icon { width: 36px; height: 36px; color: var(--portal-muted); } /* line 14901, app/assets/stylesheets/_app-style.scss */ .nb-image-picker__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 14907, app/assets/stylesheets/_app-style.scss */ .nb-image-picker__link { font-size: 13px; font-weight: 600; color: var(--portal-primary); text-decoration: none; } /* line 14913, app/assets/stylesheets/_app-style.scss */ .nb-image-picker__link:hover { text-decoration: underline; } /* Notice board view modal */ /* line 14921, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal.nb-view-modal .modal-content { background: transparent; border: none; box-shadow: none; overflow: visible; } /* line 14928, app/assets/stylesheets/_app-style.scss */ #AppScrollableModal.nb-view-modal .modal-body { padding: 12px 8px 24px; overflow: visible; } /* line 14934, app/assets/stylesheets/_app-style.scss */ .nb-view-modal__dialog { max-width: 540px; } /* line 14938, app/assets/stylesheets/_app-style.scss */ .nb-view { position: relative; display: flex; flex-direction: column; min-height: 0; padding: 30px 24px 22px; border-radius: 20px; background: #fff; border: 1px solid var(--portal-line); box-shadow: 0 40px 90px -30px rgba(15, 23, 41, 0.5); } /* line 14949, app/assets/stylesheets/_app-style.scss */ .nb-view__close { position: absolute; top: 14px; right: 14px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--portal-line); border-radius: 10px; background: #fff; color: var(--portal-muted); cursor: pointer; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 14967, app/assets/stylesheets/_app-style.scss */ .nb-view__close .icon { width: 16px; height: 16px; } /* line 14972, app/assets/stylesheets/_app-style.scss */ .nb-view__close:hover { background: rgba(229, 72, 77, 0.08); border-color: rgba(229, 72, 77, 0.35); color: #DC2626; } /* line 14979, app/assets/stylesheets/_app-style.scss */ .nb-view__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding-right: 36px; } /* line 14988, app/assets/stylesheets/_app-style.scss */ .nb-view__intro { min-width: 0; flex: 1 1 auto; } /* line 14993, app/assets/stylesheets/_app-style.scss */ .nb-view__title { margin: 0 0 6px; font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--portal-ink); } /* line 15001, app/assets/stylesheets/_app-style.scss */ .nb-view__meta { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.45; color: var(--portal-muted); } /* line 15009, app/assets/stylesheets/_app-style.scss */ .nb-view__sep { margin: 0 4px; opacity: 0.6; } /* line 15014, app/assets/stylesheets/_app-style.scss */ .nb-view__image { margin-bottom: 16px; border-radius: 12px; overflow: hidden; background: var(--portal-bg); border: 1px solid var(--portal-line); } /* line 15021, app/assets/stylesheets/_app-style.scss */ .nb-view__image img { display: block; width: 100%; max-height: 300px; -o-object-fit: contain; object-fit: contain; } /* line 15029, app/assets/stylesheets/_app-style.scss */ .nb-view__body { font-size: 14px; line-height: 1.6; color: var(--portal-ink); } /* line 15034, app/assets/stylesheets/_app-style.scss */ .nb-view__body p:last-child { margin-bottom: 0; } /* line 15039, app/assets/stylesheets/_app-style.scss */ .nb-view__foot { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--portal-line); text-align: center; } /* line 15046, app/assets/stylesheets/_app-style.scss */ .nb-view__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; padding: 11px 28px; border: 1px solid var(--portal-line); border-radius: 10px; background: #fff; color: var(--portal-ink); font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } /* line 15061, app/assets/stylesheets/_app-style.scss */ .nb-view__btn:hover { background: var(--portal-bg); border-color: rgba(0, 0, 0, 0.22); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } /* Bulk student admission */ /* line 15070, app/assets/stylesheets/_app-style.scss */ .bulk-admit-toggle { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; padding: 4px; background: var(--portal-bg); border: 1px solid var(--portal-line); border-radius: 12px; } /* line 15081, app/assets/stylesheets/_app-style.scss */ .bulk-admit-toggle__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 16px; border: none; border-radius: 9px; color: var(--portal-muted); font-size: 13px; font-weight: 700; line-height: 1.3; background: transparent; cursor: pointer; transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; } /* line 15097, app/assets/stylesheets/_app-style.scss */ .bulk-admit-toggle__btn .icon { width: 16px; height: 16px; flex: 0 0 auto; } /* line 15103, app/assets/stylesheets/_app-style.scss */ .bulk-admit-toggle__btn:hover { color: var(--portal-ink); } /* line 15107, app/assets/stylesheets/_app-style.scss */ .bulk-admit-toggle__btn.is-active { color: #fff; background: var(--portal-primary); box-shadow: 0 1px 3px rgba(79, 70, 229, 0.35); } /* line 15115, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 168px; padding: 28px 20px; border: 1px dashed rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.03); border-radius: 14px; text-align: center; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; margin: 0; } /* line 15132, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone:hover, .bulk-admit-dropzone.is-active, .bulk-admit-dropzone.is-filled { border-color: var(--portal-primary); background: rgba(79, 70, 229, 0.06); } /* line 15139, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } /* line 15148, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone__icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(79, 70, 229, 0.1); color: var(--portal-primary); flex: 0 0 auto; } /* line 15159, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone__icon .icon { width: 22px; height: 22px; } /* line 15162, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone__title { margin: 0; font-size: 14px; font-weight: 800; color: var(--portal-ink); } /* line 15169, app/assets/stylesheets/_app-style.scss */ .bulk-admit-dropzone__sub { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--portal-muted); } /* line 15178, app/assets/stylesheets/_app-style.scss */ .bulk-admit-help__list { margin: 0; padding-left: 18px; font-size: 13px; color: var(--portal-ink); } /* line 15184, app/assets/stylesheets/_app-style.scss */ .bulk-admit-help__list li + li { margin-top: 6px; } /* line 15186, app/assets/stylesheets/_app-style.scss */ .bulk-admit-help__list strong { font-weight: 700; color: var(--portal-ink); } /* line 15192, app/assets/stylesheets/_app-style.scss */ .bulk-admit-help__note { margin: 16px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--portal-muted); font-weight: 600; } /* line 15202, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__summary { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; } /* line 15209, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__stat { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 8px; font-size: 12.5px; font-weight: 700; } /* line 15217, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__stat.is-success { background: rgba(18, 153, 107, 0.12); color: #059669; } /* line 15222, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__stat.is-danger { background: rgba(229, 72, 77, 0.12); color: #EF4444; } /* line 15228, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__label { margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); } /* line 15237, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__list { margin: 0 0 16px; padding-left: 18px; font-size: 13px; color: var(--portal-ink); } /* line 15243, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__list:last-child { margin-bottom: 0; } /* line 15245, app/assets/stylesheets/_app-style.scss */ .bulk-admit-results__list.is-danger { color: #EF4444; } /* ========================================================================= Generate Monthly Fee ========================================================================= */ /* line 15253, app/assets/stylesheets/_app-style.scss */ .fstack--wide { max-width: none; } /* line 15256, app/assets/stylesheets/_app-style.scss */ .fee-gen-preview__heading { display: flex; align-items: center; gap: 10px; } /* line 15262, app/assets/stylesheets/_app-style.scss */ .fee-gen-preview__sub { margin: 2px 0 0; font-size: 12.5px; font-weight: 600; color: var(--portal-muted); } /* line 15270, app/assets/stylesheets/_app-style.scss */ .fee-gen-rules { border: 1px solid rgba(79, 70, 229, 0.18); background: rgba(79, 70, 229, 0.03); border-radius: 14px; padding: 14px 16px; } /* line 15276, app/assets/stylesheets/_app-style.scss */ .fee-gen-rules__item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 600; color: var(--portal-ink); line-height: 1.45; } /* line 15285, app/assets/stylesheets/_app-style.scss */ .fee-gen-rules__item + .fee-gen-rules__item { margin-top: 10px; } /* line 15287, app/assets/stylesheets/_app-style.scss */ .fee-gen-rules__item .icon { width: 16px; height: 16px; margin-top: 2px; flex: 0 0 auto; } /* line 15294, app/assets/stylesheets/_app-style.scss */ .fee-gen-rules__item strong { font-weight: 800; } /* line 15298, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; } /* line 15304, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__box { border: 1px solid var(--portal-line); border-radius: 12px; background: var(--portal-surface); padding: 12px 10px; text-align: center; } /* line 15312, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); margin-bottom: 6px; } /* line 15322, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__value { display: block; font-size: 22px; font-weight: 800; color: var(--portal-ink); line-height: 1; } /* line 15330, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__box.is-generate { background: rgba(18, 153, 107, 0.08); border-color: rgba(18, 153, 107, 0.22); } /* line 15334, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__box.is-generate .fee-gen-stats__value { color: #059669; } /* line 15337, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__box.is-skip { background: rgba(255, 171, 0, 0.12); border-color: rgba(255, 171, 0, 0.28); } /* line 15341, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats__box.is-skip .fee-gen-stats__value { color: #B45309; } @media (max-width: 575.98px) { /* line 15298, app/assets/stylesheets/_app-style.scss */ .fee-gen-stats { grid-template-columns: 1fr; } } /* line 15349, app/assets/stylesheets/_app-style.scss */ .fee-gen-warning { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px; padding: 16px 18px; border: 1px dashed rgba(18, 153, 107, 0.45); border-radius: 14px; background: rgba(18, 153, 107, 0.05); } /* line 15359, app/assets/stylesheets/_app-style.scss */ .fee-gen-warning__icon { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(18, 153, 107, 0.14); color: #059669; } /* line 15370, app/assets/stylesheets/_app-style.scss */ .fee-gen-warning__icon .icon { width: 18px; height: 18px; } /* line 15373, app/assets/stylesheets/_app-style.scss */ .fee-gen-warning p { margin: 0; font-size: 13px; font-weight: 600; color: var(--portal-ink); line-height: 1.5; } /* ========================================================================= Bulk Fee Payment ========================================================================= */ /* line 15386, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card { background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; margin-bottom: 24px; box-shadow: var(--portal-shadow-sm); } /* line 15393, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card__head { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 16px 16px 0 0; background: linear-gradient(135deg, var(--portal-primary), var(--portal-indigo)); color: #fff; } /* line 15403, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card__icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.18); flex: 0 0 auto; } /* line 15413, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card__icon .icon { width: 14px; height: 14px; } /* line 15416, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card__title { margin: 0; font-size: 16px; font-weight: 800; color: #fff; } /* line 15423, app/assets/stylesheets/_app-style.scss */ .bulk-pay-card__body { padding: 20px 22px 18px; background: rgba(79, 70, 229, 0.05); border-radius: 0 0 16px 16px; } /* line 15430, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; } /* line 15436, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__field { flex: 1 1 160px; min-width: 140px; } /* line 15440, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__field--full { flex: 1 1 100%; min-width: 100%; } /* line 15446, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted); } /* line 15456, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__action { flex: 0 0 auto; margin-left: auto; } /* line 15461, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters .form-control:disabled { background: var(--portal-surface-2); color: var(--portal-slate); cursor: not-allowed; } /* line 15468, app/assets/stylesheets/_app-style.scss */ .bulk-pay-continue { display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px 8px 8px 18px; font-weight: 800; } /* line 15476, app/assets/stylesheets/_app-style.scss */ .bulk-pay-continue__icon { width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.16); } /* line 15485, app/assets/stylesheets/_app-style.scss */ .bulk-pay-continue__icon .icon { width: 16px; height: 16px; } /* line 15490, app/assets/stylesheets/_app-style.scss */ .bulk-pay-table__name { color: #EF4444; font-weight: 700; } /* line 15495, app/assets/stylesheets/_app-style.scss */ .bulk-pay-table__payment { border-color: #059669 !important; } /* line 15498, app/assets/stylesheets/_app-style.scss */ .bulk-pay-table__payment:focus { border-color: #059669 !important; box-shadow: 0 0 0 3px rgba(18, 153, 107, 0.14); } /* line 15504, app/assets/stylesheets/_app-style.scss */ .bulk-pay-table .form-control-sm { min-width: 84px; height: 36px; padding: 4px 8px; } /* line 15510, app/assets/stylesheets/_app-style.scss */ .bulk-pay-table input.form-control-sm[type="date"] { min-width: 132px; } @media (max-width: 767.98px) { /* line 15516, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__action { width: 100%; margin-left: 0; } /* line 15520, app/assets/stylesheets/_app-style.scss */ .bulk-pay-filters__action .bulk-pay-continue { width: 100%; justify-content: center; } } /* Max width: 575px */ @media only screen and (max-width: 575px) { /* line 16, app/assets/stylesheets/_app-responsive.scss */ .product-cat-content { display: block !important; } /* line 19, app/assets/stylesheets/_app-responsive.scss */ .product-cat-content .w-50 { width: 100% !important; } /* line 25, app/assets/stylesheets/_app-responsive.scss */ .search-result .single-product { padding-left: 20px !important; padding-top: 80px; padding-right: 20px; } /* line 30, app/assets/stylesheets/_app-responsive.scss */ .search-result .single-product .view-link { top: 25px; } /* line 38, app/assets/stylesheets/_app-responsive.scss */ .chat-list-right .chat-details .date { top: 10px; right: 15px; font-size: 10px; } /* line 48, app/assets/stylesheets/_app-responsive.scss */ .chat-list-left .chat-details .date { top: 10px; right: 15px; font-size: 10px; } /* line 56, app/assets/stylesheets/_app-responsive.scss */ .profile-settings-form { padding: 20px; } /* line 61, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered::before { display: none; } /* line 65, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card { width: 100%; } /* line 69, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card.begin { margin-bottom: 0; display: none; } /* line 74, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card.left-aligned { float: inherit; } /* line 78, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .timeline-icon { float: none !important; margin-left: 0; } /* line 83, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .time { left: 55px !important; } /* line 87, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card.left-aligned .timeline-body .timeline-label { margin-right: 20px !important; margin-left: 0 !important; } /* line 94, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card { margin-bottom: 30px; } /* line 97, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card:nth-last-child(2) { margin-bottom: 0; } /* line 102, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card .timeline-body .timeline-icon { float: none !important; margin-left: 20px; margin-bottom: 20px !important; } /* line 108, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card .timeline-body .time { left: 75px !important; text-align: left !important; } /* line 113, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label { margin-left: 20px !important; } /* line 116, app/assets/stylesheets/_app-responsive.scss */ .timeline-centered .timeline-card .timeline-body .timeline-label:after { display: none !important; } /* line 124, app/assets/stylesheets/_app-responsive.scss */ .xs-text-left { text-align: left !important; } /* line 129, app/assets/stylesheets/_app-responsive.scss */ .custom-accordion .heading { font-size: 18px; } /* line 135, app/assets/stylesheets/_app-responsive.scss */ .custom-accordion .accordion__title { padding: 15px 40px 15px 20px; } /* line 138, app/assets/stylesheets/_app-responsive.scss */ .custom-accordion .accordion__title h3 { font-size: 15px; line-height: 25px; } /* line 146, app/assets/stylesheets/_app-responsive.scss */ .lineicons-list li { width: 100%; } /* line 151, app/assets/stylesheets/_app-responsive.scss */ .cal-month__current { font-size: 16px; } /* line 155, app/assets/stylesheets/_app-responsive.scss */ .cal-body__day { line-height: 45px; height: 45px; font-size: 12px; } /* line 162, app/assets/stylesheets/_app-responsive.scss */ .chat-box form { text-align: right; } /* line 165, app/assets/stylesheets/_app-responsive.scss */ .chat-box form ul { position: initial; display: inline-block !important; margin-top: 20px; text-align: right; } } /* Max width: 767px */ @media only screen and (max-width: 767px) { /* line 178, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand { padding-top: 0; padding-bottom: 0; } /* line 182, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .large-logo { max-width: 85px; } /* line 187, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { margin-left: 0; } /* line 193, app/assets/stylesheets/_app-responsive.scss */ .top-menu .profile-nav-item .menu-profile img { margin-left: 0; } /* line 199, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav { /* ⋮ nested mail/bell panels span the viewport — don't use the -25px nudge. */ } /* line 200, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .nav-item { padding-left: 5px; } /* line 204, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .message-box > .dropdown-menu { right: -25px; } /* line 207, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .message-box > .dropdown-menu::before, .top-menu .right-nav .message-box > .dropdown-menu::after { right: 35px; } /* line 214, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .message-box > .dropdown-menu { right: 8px !important; } /* line 217, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .message-box > .dropdown-menu::before, .top-menu .right-nav .topbar-more .message-box > .dropdown-menu::after { display: none !important; } /* line 226, app/assets/stylesheets/_app-responsive.scss */ .menu-profile .name { display: none; } /* line 231, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area { overflow: hidden; padding-bottom: 0; } /* line 235, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area__body { overflow-y: auto; padding-bottom: 60px; } /* line 243, app/assets/stylesheets/_app-responsive.scss */ .sidemenu .navbar-nav .dropdown-menu { position: static; margin-top: 10px; margin-left: 10px; margin-right: 10px; } /* line 252, app/assets/stylesheets/_app-responsive.scss */ .show.dropdown.nav-item .dropdown-title span.fr { transform: rotate(90deg); margin-top: 3px; transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; } /* line 259, app/assets/stylesheets/_app-responsive.scss */ .main-content { margin-top: 56px; padding: 16px 16px 24px 16px !important; } /* line 263, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"], .main-content > .flex[class*="-mx-"], .main-content > .reports-grid[class*="-mx-"] { margin-left: 0 !important; margin-right: 0 !important; margin-inline: 0 !important; } /* line 270, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"] > [class*="px-"], .main-content > .flex[class*="-mx-"] > [class*="px-"], .main-content > .reports-grid[class*="-mx-"] > [class*="px-"] { padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; } /* line 279, app/assets/stylesheets/_app-responsive.scss */ .top-rated-products .single-product { padding-left: 60px; } /* line 282, app/assets/stylesheets/_app-responsive.scss */ .top-rated-products .single-product .product-title { font-size: 13px; } /* line 286, app/assets/stylesheets/_app-responsive.scss */ .top-rated-products .single-product img { width: 50px; height: 50px; } /* line 295, app/assets/stylesheets/_app-responsive.scss */ .tickets-lists li .product-title { font-size: 13px; } /* line 302, app/assets/stylesheets/_app-responsive.scss */ .calendar-content .Cal__Header__root { padding: 20px 20px 10px; } /* line 307, app/assets/stylesheets/_app-responsive.scss */ .card-body.p-30 { padding: 1.25rem; } /* line 312, app/assets/stylesheets/_app-responsive.scss */ .auth-box::before { display: none; } /* line 317, app/assets/stylesheets/_app-responsive.scss */ .form-left-content { padding: 30px 10px 0px 10px; } /* line 321, app/assets/stylesheets/_app-responsive.scss */ .form-content { padding: 30px 10px 30px 10px; } /* line 325, app/assets/stylesheets/_app-responsive.scss */ .alert-heading { font-size: 18px; } /* line 331, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog .modal-content .modal-header { padding: 15px 20px; } /* line 334, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog .modal-content .modal-header .modal-title { font-size: 20px; } /* line 338, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog .modal-content .modal-header .modal-header .close { padding: 15px 1rem; } /* line 343, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog .modal-content .modal-body { padding: 20px; } /* line 347, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog .modal-content .modal-footer { padding: 15px 20px; } /* line 354, app/assets/stylesheets/_app-responsive.scss */ .card .card-body { padding: 20px; } /* line 360, app/assets/stylesheets/_app-responsive.scss */ .add-new-task .form-control { font-size: 12px; } /* line 367, app/assets/stylesheets/_app-responsive.scss */ .single-sales-card .card-body .icon { padding: 20px; } /* line 373, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar { margin-bottom: 10px; } /* line 377, app/assets/stylesheets/_app-responsive.scss */ .mail-item-nav { height: 360px; border-bottom: 2px solid #eee; } /* line 382, app/assets/stylesheets/_app-responsive.scss */ .email-details-warp { height: 100%; padding: 20px; } /* line 387, app/assets/stylesheets/_app-responsive.scss */ .chat-details-warp { padding: 20px 15px 95px 15px; height: 600px; } /* line 392, app/assets/stylesheets/_app-responsive.scss */ .chat-box { padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } /* line 399, app/assets/stylesheets/_app-responsive.scss */ .error-content h1 { font-size: 60px; } /* line 403, app/assets/stylesheets/_app-responsive.scss */ .error-content .back-link { margin-top: 20px; } /* line 408, app/assets/stylesheets/_app-responsive.scss */ .pricing-table { max-width: 500px; margin-left: auto; margin-right: auto; } /* line 413, app/assets/stylesheets/_app-responsive.scss */ .pricing-table .price { font-size: 45px; } /* line 417, app/assets/stylesheets/_app-responsive.scss */ .pricing-table .title { font-size: 20px; } /* line 421, app/assets/stylesheets/_app-responsive.scss */ .pricing-table .pricing-table .signup { font-size: 15px; } /* line 426, app/assets/stylesheets/_app-responsive.scss */ .loader { left: 0; right: 0; margin: auto; } /* line 432, app/assets/stylesheets/_app-responsive.scss */ .google-map { margin-bottom: 20px; } /* line 435, app/assets/stylesheets/_app-responsive.scss */ .google-map iframe { width: 100%; height: 550px; } /* line 442, app/assets/stylesheets/_app-responsive.scss */ .stats-card-one h3 { font-size: 20px; } /* line 448, app/assets/stylesheets/_app-responsive.scss */ .stats-card-two h3 { font-size: 20px; } /* line 453, app/assets/stylesheets/_app-responsive.scss */ .table th, .table td { padding: 15px 10px; font-size: 13px; } /* line 460, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills { height: 100%; } /* line 464, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills .nav-link .fr { padding-top: 2px; } /* line 472, app/assets/stylesheets/_app-responsive.scss */ .email-details-warp .inbox-topbar { right: 15px; } /* line 475, app/assets/stylesheets/_app-responsive.scss */ .email-details-warp .inbox-topbar .btn { padding: 5px 10px; font-size: 11px; } } /* Mobile Landscape Layout: (415px to 767px) */ @media only screen and (min-width: 415px) and (max-width: 767px) { /* line 485, app/assets/stylesheets/_app-responsive.scss */ .auth-main-content { height: 100%; } /* line 489, app/assets/stylesheets/_app-responsive.scss */ .auth-box { max-width: 500px; } } /* Mobile Landscape Layout: (576px to 767px) */ @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 497, app/assets/stylesheets/_app-responsive.scss */ .search-result .single-product { padding-left: 90px !important; } /* line 500, app/assets/stylesheets/_app-responsive.scss */ .search-result .single-product .view-link { top: 25px; } /* line 506, app/assets/stylesheets/_app-responsive.scss */ .single-user-card { max-width: 550px; margin-left: auto; margin-right: auto; } /* line 512, app/assets/stylesheets/_app-responsive.scss */ .sm-center { text-align: center; } /* line 517, app/assets/stylesheets/_app-responsive.scss */ .lineicons-list li { width: 50%; } } /* Tablet Layout: (768px to 991px) */ @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 526, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { margin-left: 15px; } /* line 532, app/assets/stylesheets/_app-responsive.scss */ .menu-profile .name { display: none; } /* line 539, app/assets/stylesheets/_app-responsive.scss */ .top-menu .mega-menu .dropdown-menu { width: 512px; margin-top: 5px; } /* line 546, app/assets/stylesheets/_app-responsive.scss */ .auth-main-content { padding: 0 30px; } /* line 551, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav { display: inline-block; } /* line 554, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item { display: inline-block; } /* line 557, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item .nav-link { display: inline-block; } /* line 560, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item .nav-link .fr { padding-left: 0.5rem; } /* line 572, app/assets/stylesheets/_app-responsive.scss */ .mail-item-nav .nav-pills .nav-link .info p { color: #47404f; margin: 6px 0 0; line-height: 17px; font-size: 12px; } /* line 584, app/assets/stylesheets/_app-responsive.scss */ .lineicons-list li { width: 33.33%; } /* line 590, app/assets/stylesheets/_app-responsive.scss */ .google-map iframe { height: 600px; } /* line 595, app/assets/stylesheets/_app-responsive.scss */ .table th, .table td { padding: 15px 10px; font-size: 13px; } /* line 602, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills { height: 100%; } /* line 606, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills .nav-link .fr { font-size: 14px; margin-left: 4px; } } /* Medium Layout: (992px to 1199px) */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /* line 618, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { margin-left: 5px; } /* line 625, app/assets/stylesheets/_app-responsive.scss */ .top-menu .mega-menu .dropdown-menu { width: 778px; } /* line 632, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav { display: inline-block; } /* line 635, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item { display: inline-block; } /* line 638, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item .nav-link { display: inline-block; } /* line 641, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav .nav-item .nav-link .fr { padding-left: 0.5rem; } /* line 651, app/assets/stylesheets/_app-responsive.scss */ .single-sales-card .card-body .icon { padding: 20px; } /* line 657, app/assets/stylesheets/_app-responsive.scss */ .stats-card-one { padding: 20px; } /* line 660, app/assets/stylesheets/_app-responsive.scss */ .stats-card-one p { font-size: 13px; } /* line 664, app/assets/stylesheets/_app-responsive.scss */ .stats-card-one h3 { font-size: 20px; } /* line 668, app/assets/stylesheets/_app-responsive.scss */ .stats-card-one .badge { padding-right: 5px; padding-left: 6px; font-size: 11px; } /* line 676, app/assets/stylesheets/_app-responsive.scss */ .stats-card-two p { font-size: 13px; } /* line 680, app/assets/stylesheets/_app-responsive.scss */ .stats-card-two h3 { font-size: 20px; } /* line 685, app/assets/stylesheets/_app-responsive.scss */ .order-stats-card.mt-4 { margin-top: 20px !important; } /* line 689, app/assets/stylesheets/_app-responsive.scss */ .height-265 { height: 360px; overflow-y: auto; } /* line 695, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills { height: 100%; } /* line 699, app/assets/stylesheets/_app-responsive.scss */ .inbox-main-sidebar .nav-pills .nav-link .fr { font-size: 14px; margin-left: 4px; } } /* Max width (1199px) — off-canvas drawer (closed by default). Use transform (not left: -110%) so the closed drawer cannot expand document scrollWidth and create a horizontal page scrollbar. */ @media only screen and (max-width: 1199px) { /* line 712, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area { opacity: 1; left: 0; width: 280px; max-width: 86vw; z-index: 1040; transform: translate3d(-105%, 0, 0); -webkit-transform: translate3d(-105%, 0, 0); transition: transform .35s ease-in-out, box-shadow .35s ease-in-out; -webkit-transition: -webkit-transform .35s ease-in-out, box-shadow .35s ease-in-out; box-shadow: none; will-change: transform; } /* line 726, app/assets/stylesheets/_app-responsive.scss */ .main-content { padding-left: 30px; max-width: 100%; min-width: 0; } /* Reuse .sidemenu-toggle: on ≤1199px it means "drawer open" (desktop ≥1200 still uses it for the icon rail — see min-width 1200 block). */ /* line 734, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area.sidemenu-toggle { opacity: 1; top: 0; height: 100svh; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); box-shadow: 12px 0 30px -12px rgba(23, 43, 99, 0.35); } /* Inline accordion menus inside the drawer (not fixed hover flyouts). !important beats Bootstrap/Popper inline position/transform so the open menu stays in document flow and pushes siblings down. */ /* line 747, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav { /* Nav-item submenus (e.g. Student Menu) — same accordion rail as categories. */ /* Nested submenu panels also stay in flow under their parent item. */ } /* line 750, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .nav-link .dropdown-title .icon.fr { transform: rotate(90deg); opacity: 0.7; transition: transform 0.25s ease, color 0.18s ease, opacity 0.18s ease; } /* line 756, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link { background: rgba(79, 70, 229, 0.07); color: var(--portal-primary); } /* line 760, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--portal-primary); } /* line 765, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link .dropdown-title .icon.fr { transform: rotate(-90deg); color: var(--portal-primary); opacity: 1; } /* line 772, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .dropdown-menu { display: block !important; position: static !important; float: none; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto; height: auto !important; margin: 2px 0 0 10px; padding: 0 0 6px 4px; transform: none !important; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; border: 0; border-left: 2px solid rgba(79, 70, 229, 0.14); border-radius: 0; background: transparent !important; box-shadow: none !important; will-change: auto; transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0.35s; } /* line 801, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-item { padding: 8px 6px 8px 10px; font-size: 13px; border-radius: 8px; } /* line 806, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-item.active { padding-left: 18px; } /* line 812, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0s; } /* line 824, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu > .dropdown-menu { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; } /* line 833, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-overlay { display: none; position: fixed; inset: 0; z-index: 1035; background: rgba(15, 23, 42, 0.48); border: 0; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } /* Lock the document scroller (html + body). Body-only overflow:hidden fails once html has overflow-x:hidden — vertical scroll stays on html and the dashboard still moves behind the open drawer. */ /* line 848, app/assets/stylesheets/_app-responsive.scss */ html.sidemenu-mobile-open, body.sidemenu-mobile-open { overflow: hidden; overscroll-behavior: none; } /* line 854, app/assets/stylesheets/_app-responsive.scss */ body.sidemenu-mobile-open { /* JS also pins position:fixed + top offset for iOS rubber-band scroll. */ touch-action: none; /* Drawer stays scrollable while the page behind is frozen. */ } /* line 858, app/assets/stylesheets/_app-responsive.scss */ body.sidemenu-mobile-open .sidemenu-overlay { display: block; touch-action: none; } /* line 864, app/assets/stylesheets/_app-responsive.scss */ body.sidemenu-mobile-open .sidemenu-area { touch-action: pan-y; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } /* line 874, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .small-logo { display: none; } } /* Min width (1200px) */ @media only screen and (min-width: 1200px) { /* Clear the mobile drawer transform so desktop rail positioning wins. */ /* line 884, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-area { transform: none; -webkit-transform: none; will-change: auto; } /* line 891, app/assets/stylesheets/_app-responsive.scss */ .hide-nav-title .title { display: none; } /* line 895, app/assets/stylesheets/_app-responsive.scss */ .hide-nav-title .nav-link { text-align: center; } /* line 898, app/assets/stylesheets/_app-responsive.scss */ .hide-nav-title .nav-link .lni { font-size: 20px !important; } /* line 904, app/assets/stylesheets/_app-responsive.scss */ .hide-sidemenu { padding-left: 98px; } /* line 908, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-toggle { width: 68px; transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1); } /* line 913, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-toggle:hover { width: 236px; } /* line 917, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-toggle:hover .title { display: inline-block; } /* line 921, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-toggle:hover .nav-link { text-align: left; } /* line 924, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-toggle:hover .nav-link .lni { font-size: 16px !important; } /* line 932, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .small-logo { display: none; } /* line 938, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-logo .large-logo { display: none; } /* line 942, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-logo .small-logo { display: block; } } /* Min width (1800px) */ @media only screen and (min-width: 1800px) { /* line 951, app/assets/stylesheets/_app-responsive.scss */ .cal-body__day { line-height: 110px; height: 110px; } /* line 957, app/assets/stylesheets/_app-responsive.scss */ .marketing-content .list { margin-bottom: 19.4px; padding-bottom: 19.4px; } } /* ========================================================================= App shell / content responsiveness (signed-in UI — not the landing page) ========================================================================= */ /* Hide drawer overlay on desktop; drawer open state is ≤1199 only. */ /* line 969, app/assets/stylesheets/_app-responsive.scss */ .sidemenu-overlay { display: none; } @media only screen and (min-width: 1200px) { /* line 974, app/assets/stylesheets/_app-responsive.scss */ html.sidemenu-mobile-open, body.sidemenu-mobile-open { overflow: visible; overscroll-behavior: auto; touch-action: auto; } } /* ---- Topbar compaction ---- */ @media only screen and (max-width: 1199px) { /* line 984, app/assets/stylesheets/_app-responsive.scss */ .top-menu { flex-wrap: nowrap; align-items: center; padding-left: 12px; padding-right: 8px; } /* line 990, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand { min-width: 0; max-width: 42vw; margin-right: 4px; overflow: hidden; } /* line 996, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .navbar-brand-inner { min-width: 0; max-width: 100%; } /* line 1001, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .school-logo { width: 32px; height: 32px; } /* line 1006, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand h2 { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } /* line 1015, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { flex: 0 0 auto; margin-left: 2px; margin-right: 0; padding: 6px; min-width: 28px; min-height: 28px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } /* line 1027, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu span { width: 14px !important; height: 1.5px !important; margin: 2.5px 0 !important; } /* line 1034, app/assets/stylesheets/_app-responsive.scss */ .top-menu .topbar-role { max-width: 110px; font-size: 13px; padding: 4px 10px; margin-right: 6px; } /* line 1041, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-collapse { display: flex !important; flex-basis: auto; min-width: 0; flex: 1 1 auto; align-items: center; } /* line 1049, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav { flex-wrap: nowrap; align-items: center; } /* line 1053, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .nav-item { flex: 0 0 auto; } /* line 1057, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .nav-link { padding-left: 0.35rem; padding-right: 0.35rem; } /* line 1063, app/assets/stylesheets/_app-responsive.scss */ .top-menu .profile-nav-item .menu-profile img { width: 34px; height: 34px; } } @media only screen and (max-width: 767px) { /* Keep logo, title, burger, theme, and avatar on one vertically centered row. */ /* line 1072, app/assets/stylesheets/_app-responsive.scss */ .top-menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; min-height: 56px; padding-top: 0; padding-bottom: 0; overflow: visible; z-index: 1040; } /* line 1083, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand { display: flex; align-items: center; align-self: center; max-width: 38vw; margin-right: 4px; padding-top: 0; padding-bottom: 0; line-height: 1.2; } /* line 1093, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .navbar-brand-inner { display: inline-flex; align-items: center; min-width: 0; } /* line 1099, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand h2 { font-size: 14px; line-height: 1.2; margin: 0; } /* line 1106, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { align-self: center; flex: 0 0 auto; } /* line 1111, app/assets/stylesheets/_app-responsive.scss */ .top-menu .topbar-role { display: none; } /* line 1115, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-collapse { display: flex !important; flex-basis: auto; flex: 1 1 auto; align-items: center; align-self: center; min-width: 0; overflow: visible; } /* line 1125, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav { flex-direction: row; flex-wrap: nowrap; align-items: center; margin-left: auto; overflow: visible; /* Collapse mail / bell / branch into ⋮ ; theme + profile stay on the bar. */ } /* line 1132, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .nav-item { padding-left: 2px; display: flex; align-items: center; } /* line 1138, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .nav-link { display: flex; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; } /* line 1146, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more { display: flex; position: relative; flex: 0 0 auto; padding-left: 2px; z-index: 1060; /* Hide ⋮ when there is nothing to overflow (e.g. parent/teacher). */ } /* line 1154, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more:not(:has(.topbar-more__items > .nav-item)) { display: none !important; } /* line 1158, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__toggle { display: flex !important; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; } /* line 1165, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__menu { /* Keep in layout for animation (no display:none). top/right are set by JS so the panel stays inside the viewport. Default off-screen — never top/left 0 or the branch strip flashes over the brand while opening/closing. No transform here — it would make nested fixed/absolute menus position against this panel and look clipped/overlapping. */ display: block !important; position: fixed !important; top: -9999px; left: auto; right: auto; float: none !important; min-width: 0 !important; width: -moz-fit-content; width: fit-content; max-width: calc(100vw - 16px); padding: 8px 10px !important; margin: 0 !important; border-radius: 10px; background: var(--portal-elevated, #ffffff) !important; border: 1px solid var(--portal-line, rgba(15, 23, 42, 0.1)); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2) !important; overflow: visible !important; z-index: 1065; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, visibility 0.18s ease; box-sizing: border-box; } /* line 1198, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more.is-open .topbar-more__menu { opacity: 1; visibility: visible; pointer-events: auto; } /* line 1204, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; width: -moz-fit-content; width: fit-content; max-width: 100%; } /* line 1216, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item { padding-left: 0; position: static; flex: 0 0 auto; /* Branch/mail/bell panels are fixed — must not widen the icon strip. */ /* Nested mail / bell / branch panels: full-width under the icon strip. */ } /* line 1221, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item > .nav-link { padding-left: 0.4rem; padding-right: 0.4rem; } /* line 1227, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item > .dropdown-menu:not(.show) { display: none !important; } /* line 1232, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item > .dropdown-menu { position: fixed !important; top: 0; left: 8px !important; right: 8px !important; width: auto !important; min-width: 0 !important; max-width: none !important; max-height: min(70vh, 420px); overflow-x: hidden; overflow-y: auto; margin: 0 !important; transform: none !important; will-change: auto !important; z-index: 1070; text-align: left; } /* line 1249, app/assets/stylesheets/_app-responsive.scss */ .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item > .dropdown-menu::before, .top-menu .right-nav .topbar-more .topbar-more__items > .nav-item > .dropdown-menu::after { display: none !important; } /* line 1259, app/assets/stylesheets/_app-responsive.scss */ .top-menu .profile-nav-item .menu-profile { display: flex; align-items: center; } /* line 1265, app/assets/stylesheets/_app-responsive.scss */ .main-content { padding: 16px 16px 24px 16px !important; max-width: 100%; min-width: 0; font-size: 14px; /* Grid wrappers (-mx + px) extend past the page gutter on phones. */ } /* line 1272, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"], .main-content > .flex[class*="-mx-"], .main-content > .reports-grid[class*="-mx-"] { margin-left: 0 !important; margin-right: 0 !important; margin-inline: 0 !important; } /* line 1279, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"] > [class*="px-"], .main-content > .flex[class*="-mx-"] > [class*="px-"], .main-content > .reports-grid[class*="-mx-"] > [class*="px-"] { padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; } /* Page titles / list chrome — desktop sizes feel oversized with viewport. */ /* line 1288, app/assets/stylesheets/_app-responsive.scss */ .lpage-head { gap: 10px; margin-bottom: 12px; } /* line 1292, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__title { font-size: 18px; line-height: 1.25; } /* line 1294, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__title-row { align-items: flex-start; gap: 8px; } /* line 1299, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions { width: 100%; flex-direction: column; align-items: stretch; } /* line 1304, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions[data-lpage-actions] { gap: 0; } /* line 1308, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions .btn { flex: 1 1 100%; width: 100%; justify-content: center; } /* line 1314, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--inline { width: auto; flex: 0 0 auto; flex-direction: row; } /* line 1319, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--inline .btn { flex: 0 0 auto; width: auto; white-space: nowrap; padding-left: 12px; padding-right: 12px; } /* line 1328, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--split { flex-direction: row; flex-wrap: nowrap; align-items: stretch; } /* line 1333, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--split .btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; white-space: nowrap; padding-left: 10px; padding-right: 10px; font-size: 13px; } /* line 1346, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents > .btn { order: 1; width: 100%; } /* line 1351, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents .lpage-csv-actions { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; order: 2; gap: 8px; } /* line 1359, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents .lpage-csv-actions .btn { flex: 1 1 0; width: auto; min-width: 0; white-space: nowrap; } /* line 1369, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions-toggle { display: flex; } /* line 1373, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions-panel { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; max-height: 0; margin-top: 0; padding-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; transition: max-height 0.32s ease, opacity 0.24s ease, margin-top 0.24s ease, visibility 0.24s ease; } /* line 1390, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-panel { max-height: 600px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 1399, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--portal-ink, #1e293b); } /* line 1404, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle-chevron { transform: rotate(180deg); color: var(--portal-primary, #4f46e5); opacity: 1; } /* line 1412, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters { padding: 12px; margin-bottom: 12px; /* Collapsed by default: only the search trigger shows. */ /* Tighter stacked field gaps on mobile filter panels. */ /* PDF / export actions: Challan PDFs first on mobile, then Short Slips + Print List. */ } /* line 1417, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters[data-lpage-filters] { padding: 10px; } /* line 1422, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters .lpage-filters__panel > .flex > [class*="mb-"] { margin-bottom: 10px; } /* line 1426, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters .form-group { margin-bottom: 0; } /* line 1430, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__search-toggle { display: flex; } /* line 1434, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__panel { display: block; max-height: 0; margin-top: 0; padding-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; } /* line 1446, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters.is-open .lpage-filters__panel { max-height: 2000px; margin-top: 12px; padding-top: 4px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 1456, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters.is-open .lpage-filters__search-toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--portal-ink, #1e293b); } /* line 1461, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters.is-open .lpage-filters__search-toggle-chevron { transform: rotate(180deg); color: var(--portal-primary, #4f46e5); opacity: 1; } /* line 1468, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__actions .btn { min-width: 0; width: 100%; } /* line 1474, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 8px; margin-top: 0; padding-top: 0; padding-bottom: 2px; /* When filters are collapsed, keep exports below the search toggle. */ } /* line 1485, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters:not(.is-open) .lpage-filters__exports { margin-top: 12px; } /* line 1489, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports > .btn { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; justify-content: center; font-size: 13px; white-space: nowrap; } /* line 1497, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports > .btn .icon { width: 16px; height: 16px; margin-right: 6px !important; } /* line 1504, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports .lpage-filters__exports-challan { order: -1; flex: 1 1 100%; } /* line 1511, app/assets/stylesheets/_app-responsive.scss */ .pagination { flex-wrap: nowrap; align-items: center; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } /* line 1520, app/assets/stylesheets/_app-responsive.scss */ .pagination::-webkit-scrollbar { display: none; } /* line 1522, app/assets/stylesheets/_app-responsive.scss */ .pagination .page-item { flex: 0 0 auto; } /* line 1524, app/assets/stylesheets/_app-responsive.scss */ .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; height: 32px; padding: 0 10px; line-height: 1; white-space: nowrap; box-sizing: border-box; } /* line 1537, app/assets/stylesheets/_app-responsive.scss */ .lpage-card { margin-bottom: 14px; } /* line 1540, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head, .lpage-card__body, .lpage-card__foot { padding-left: 14px; padding-right: 14px; } /* line 1547, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head { padding-top: 12px; padding-bottom: 12px; } /* line 1548, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__body { padding-top: 14px; padding-bottom: 14px; } /* line 1549, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__title { font-size: 14px; } /* line 1551, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head--toolbar { gap: 8px; } /* line 1554, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head--toolbar .lpage-card__title { font-size: 13.5px; } /* line 1558, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head--toolbar .lpage-head__actions--inline .btn { padding-left: 10px; padding-right: 10px; font-size: 12.5px; } /* line 1565, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head--tabs { flex-direction: column; align-items: stretch; } /* line 1569, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head--tabs .lpage-tabs, .lpage-card__head--tabs .lpage-tabs-wrap { margin-left: 0; width: 100%; } /* line 1577, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; } /* line 1584, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap__toggle { display: flex; } /* line 1588, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap__panel { display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: 100%; max-height: 0; margin-top: 0; padding: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; background: transparent; transition: max-height 0.32s ease, opacity 0.24s ease, margin-top 0.24s ease, visibility 0.24s ease; } /* line 1604, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap__panel .lpage-tabs__item { width: 100%; justify-content: flex-start; padding: 11px 14px; border: 1px solid var(--portal-line, #e2e8f0); border-radius: 10px; background: #fff; } /* line 1613, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap__panel .lpage-tabs__item.is-active { border-color: rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.08); color: var(--portal-primary, #4f46e5); box-shadow: none; } /* line 1622, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__panel { max-height: 480px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 1631, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--portal-ink, #1e293b); } /* line 1636, app/assets/stylesheets/_app-responsive.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__toggle-chevron { transform: rotate(180deg); color: var(--portal-primary, #4f46e5); opacity: 1; } /* line 1644, app/assets/stylesheets/_app-responsive.scss */ .fpage-card { margin-bottom: 16px; } /* line 1647, app/assets/stylesheets/_app-responsive.scss */ .fpage-card__head { padding: 12px 14px; } /* line 1648, app/assets/stylesheets/_app-responsive.scss */ .fpage-card__title { font-size: 15px; } /* line 1649, app/assets/stylesheets/_app-responsive.scss */ .fpage-card__body { padding: 14px; } /* line 1653, app/assets/stylesheets/_app-responsive.scss */ .fsection + .fsection { padding-top: 14px; } /* line 1654, app/assets/stylesheets/_app-responsive.scss */ .fsection__head { margin-bottom: 10px; } /* line 1655, app/assets/stylesheets/_app-responsive.scss */ .fsection__title { font-size: 14px; } /* line 1656, app/assets/stylesheets/_app-responsive.scss */ .fsection__icon { width: 28px; height: 28px; } /* line 1660, app/assets/stylesheets/_app-responsive.scss */ .fsection__icon .icon { width: 15px; height: 15px; } /* line 1664, app/assets/stylesheets/_app-responsive.scss */ .main-content-header { margin-bottom: 12px; padding-bottom: 8px; } /* line 1668, app/assets/stylesheets/_app-responsive.scss */ .main-content-header h1 { font-size: 16px; } /* line 1671, app/assets/stylesheets/_app-responsive.scss */ .main-content .card .card-body { padding: 14px; } /* line 1675, app/assets/stylesheets/_app-responsive.scss */ .main-content .card-header { margin-bottom: 12px; } /* line 1679, app/assets/stylesheets/_app-responsive.scss */ .main-content h1 { font-size: 1.35rem; } /* line 1680, app/assets/stylesheets/_app-responsive.scss */ .main-content h2 { font-size: 1.2rem; } /* line 1681, app/assets/stylesheets/_app-responsive.scss */ .main-content h3 { font-size: 1.1rem; } /* line 1682, app/assets/stylesheets/_app-responsive.scss */ .main-content h4 { font-size: 1.05rem; } /* Reports index — denser cards on phone/tablet portrait */ /* line 1685, app/assets/stylesheets/_app-responsive.scss */ .reports-grid { margin-left: -8px !important; margin-right: -8px !important; } /* line 1689, app/assets/stylesheets/_app-responsive.scss */ .reports-grid .reports-grid__item { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 10px !important; } /* line 1696, app/assets/stylesheets/_app-responsive.scss */ .report-card { gap: 10px !important; padding: 10px 12px !important; border-radius: 10px !important; box-shadow: none; } /* line 1702, app/assets/stylesheets/_app-responsive.scss */ .report-card:hover { transform: none; box-shadow: none; } /* line 1707, app/assets/stylesheets/_app-responsive.scss */ .report-card__cat { font-size: 10px !important; letter-spacing: 0.04em; line-height: 1.2; margin: 0; } /* line 1714, app/assets/stylesheets/_app-responsive.scss */ .report-card__title { margin-top: 2px !important; font-size: 14px !important; line-height: 1.25; } /* line 1720, app/assets/stylesheets/_app-responsive.scss */ .report-card__desc { margin-top: 2px !important; font-size: 11px !important; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* line 1730, app/assets/stylesheets/_app-responsive.scss */ .report-card__icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; } /* line 1735, app/assets/stylesheets/_app-responsive.scss */ .report-card__icon svg { width: 16px !important; height: 16px !important; } } @media only screen and (max-width: 575px) { /* line 1744, app/assets/stylesheets/_app-responsive.scss */ .top-menu { flex-wrap: nowrap; align-items: center; min-height: 52px; } /* line 1749, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand { max-width: 46vw; align-items: center; } /* line 1753, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand .school-logo { width: 28px; height: 28px; } /* line 1758, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-brand h2 { font-size: 13px; } /* line 1761, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu { margin-left: 0; padding-right: 4px; align-self: center; } /* line 1766, app/assets/stylesheets/_app-responsive.scss */ .top-menu .burger-menu span { width: 14px !important; height: 1.5px !important; margin: 2.5px 0 !important; } /* line 1773, app/assets/stylesheets/_app-responsive.scss */ .top-menu .navbar-collapse, .top-menu .right-nav { align-items: center; } /* line 1779, app/assets/stylesheets/_app-responsive.scss */ .main-content { padding: 16px 16px 20px 16px !important; font-size: 13.5px; } /* line 1783, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"], .main-content > .flex[class*="-mx-"], .main-content > .reports-grid[class*="-mx-"] { margin-left: 0 !important; margin-right: 0 !important; margin-inline: 0 !important; } /* line 1790, app/assets/stylesheets/_app-responsive.scss */ .main-content > [class*="-mx-"] > [class*="px-"], .main-content > .flex[class*="-mx-"] > [class*="px-"], .main-content > .reports-grid[class*="-mx-"] > [class*="px-"] { padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; } /* line 1798, app/assets/stylesheets/_app-responsive.scss */ .lpage-head { gap: 8px; margin-bottom: 10px; } /* line 1802, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__title { font-size: 16px; } /* line 1804, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__title-row { align-items: flex-start; gap: 6px; } /* line 1809, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions { width: 100%; flex-direction: column; align-items: stretch; } /* line 1814, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions[data-lpage-actions] { gap: 0; } /* line 1818, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions .btn { flex: 1 1 100%; width: 100%; justify-content: center; } /* line 1824, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--inline { width: auto; flex: 0 0 auto; flex-direction: row; } /* line 1829, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--inline .btn { flex: 0 0 auto; width: auto; white-space: nowrap; padding-left: 10px; padding-right: 10px; font-size: 13px; } /* line 1839, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--split { flex-direction: row; flex-wrap: nowrap; align-items: stretch; } /* line 1844, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--split .btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; white-space: nowrap; padding-left: 8px; padding-right: 8px; font-size: 12px; } /* line 1857, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents > .btn { order: 1; width: 100%; } /* line 1862, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents .lpage-csv-actions { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; order: 2; gap: 8px; } /* line 1870, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions--parents .lpage-csv-actions .btn { flex: 1 1 0; width: auto; min-width: 0; white-space: nowrap; } /* line 1880, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions-toggle { display: flex; } /* line 1884, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions-panel { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; max-height: 0; margin-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; } /* line 1899, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-panel { max-height: 600px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 1908, app/assets/stylesheets/_app-responsive.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle-chevron { transform: rotate(180deg); } /* line 1914, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters { padding: 10px 10px 2px; } /* line 1917, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__actions .btn { min-width: 0; flex: 1 1 100%; } /* line 1922, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports { flex-direction: row; flex-wrap: wrap; gap: 8px; } /* line 1927, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports > .btn { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; justify-content: center; font-size: 13px; } /* line 1935, app/assets/stylesheets/_app-responsive.scss */ .lpage-filters__exports .lpage-filters__exports-challan { order: -1; flex: 1 1 100%; } /* line 1943, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head, .lpage-card__body, .lpage-card__foot { padding-left: 12px; padding-right: 12px; } /* line 1950, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__head { padding-top: 10px; padding-bottom: 10px; } /* line 1951, app/assets/stylesheets/_app-responsive.scss */ .lpage-card__body { padding-top: 12px; padding-bottom: 12px; } /* line 1955, app/assets/stylesheets/_app-responsive.scss */ .fpage-card__head { padding: 10px 12px; } /* line 1956, app/assets/stylesheets/_app-responsive.scss */ .fpage-card__body { padding: 12px; } /* line 1959, app/assets/stylesheets/_app-responsive.scss */ .main-content .card .card-body { padding: 12px; } /* line 1963, app/assets/stylesheets/_app-responsive.scss */ .main-content-header h1 { font-size: 15px; } } /* ---- Tables: scroll inside containers, not the page ---- */ @media only screen and (max-width: 1199px) { /* line 1968, app/assets/stylesheets/_app-responsive.scss */ .main-content { max-width: 100%; min-width: 0; } /* line 1973, app/assets/stylesheets/_app-responsive.scss */ .main-content .table-responsive, .main-content .lpage-card__scroll, .main-content .plat-scroll, .main-content .dataTables_wrapper { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } /* Unwrapped tables — scroll at the nearest card/body parent */ /* line 1985, app/assets/stylesheets/_app-responsive.scss */ .main-content .card-body:has(> .table), .main-content .card-body:has(> table), .main-content .lpage-card:has(> .table), .main-content .lpage-card:has(> table), .main-content .tab-pane:has(> .table), .main-content .modal-body:has(> .table), .main-content .fpage-card:has(.table) { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; } /* line 1997, app/assets/stylesheets/_app-responsive.scss */ .main-content .table { margin-bottom: 0; } /* line 2001, app/assets/stylesheets/_app-responsive.scss */ .main-content .btn-group .btn, .main-content .lpage-iconbtn, .main-content .table .btn { white-space: nowrap; } } @media only screen and (max-width: 767px) { /* line 2009, app/assets/stylesheets/_app-responsive.scss */ .main-content .table th, .main-content .table td { padding: 12px 8px; font-size: 13px; vertical-align: middle; } /* line 2016, app/assets/stylesheets/_app-responsive.scss */ .main-content .table .btn, .main-content .table .lpage-iconbtn { min-height: 36px; min-width: 36px; } /* Parents list: keep action button labels fully readable (no clip). */ /* line 2024, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--parents .lpage-table__btn-col, .lpage-table--parents .lpage-table__btn-cell { white-space: nowrap; min-width: 11.75rem; padding-left: 10px; padding-right: 10px; vertical-align: middle; } /* line 2034, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--parents .lpage-table__btn-cell .btn { width: -moz-max-content; width: max-content; max-width: none; min-width: 0; flex-shrink: 0; overflow: visible; padding-left: 10px; padding-right: 10px; font-size: 12px; } /* line 2045, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--parents .lpage-table__btn-cell .btn .icon, .lpage-table--parents .lpage-table__btn-cell .btn svg { flex: 0 0 auto; max-width: none; width: 14px; height: 14px; } /* line 2053, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--parents .lpage-table__btn-cell form { display: inline-flex; margin: 0; } /* Branches list: fewer columns on phone; extra details live under the name cell. */ /* line 2061, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches { min-width: 0; } /* line 2064, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__optional-col { display: none; } /* line 2068, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__mobile-sub { display: block; margin-top: 2px; } /* line 2073, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__mobile-meta { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; font-size: 11.5px; color: var(--portal-muted, #6c757d); font-weight: 600; line-height: 1.35; } /* line 2084, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__current-badge { display: inline-flex; margin-top: 6px; } /* line 2089, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches thead th, .lpage-table--branches tbody td { white-space: nowrap; vertical-align: middle; } /* line 2095, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches tbody td:first-child { white-space: normal; } /* line 2099, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__actions-col { min-width: 108px; } /* line 2103, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--branches .lpage-table__actions { flex-wrap: nowrap; justify-content: flex-end; } /* line 2109, app/assets/stylesheets/_app-responsive.scss */ .lpage-branches-add--mobile { display: flex; } /* line 2113, app/assets/stylesheets/_app-responsive.scss */ .lpage-branches-add--desktop { display: none !important; } /* Users list: fewer columns on phone; extra details live under the admin/user cell. */ /* line 2118, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users { min-width: 0; } /* line 2121, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-table__optional-col, .lpage-table--users .lpage-table__desktop-lines { display: none; } /* line 2126, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-table__mobile-meta { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; font-size: 11.5px; color: var(--portal-muted, #6c757d); font-weight: 600; line-height: 1.35; word-break: break-word; } /* line 2138, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-table__mobile-role { display: inline-flex; margin-top: 2px; } /* line 2143, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users thead th, .lpage-table--users tbody td { white-space: nowrap; vertical-align: middle; } /* line 2149, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users tbody td:first-child { white-space: normal; } /* line 2153, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-person__avatar { width: 32px; height: 32px; font-size: 12px; } /* line 2159, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-table__actions-col { min-width: 88px; } /* line 2163, app/assets/stylesheets/_app-responsive.scss */ .lpage-table--users .lpage-table__actions { flex-wrap: nowrap; justify-content: flex-end; } /* line 2169, app/assets/stylesheets/_app-responsive.scss */ .lpage-users-add--mobile { display: flex; } /* line 2173, app/assets/stylesheets/_app-responsive.scss */ .lpage-users-add--desktop { display: none !important; } } /* ---- Forms ---- */ @media only screen and (max-width: 767px) { /* line 2180, app/assets/stylesheets/_app-responsive.scss */ .main-content .form-control, .main-content .custom-select, .main-content select.form-control, .main-content textarea.form-control, .main-content .chosen-container { max-width: 100%; } /* line 2188, app/assets/stylesheets/_app-responsive.scss */ .main-content label, .main-content .invalid-feedback, .main-content .help-block, .main-content .form-text { overflow-wrap: anywhere; word-break: break-word; } /* line 2196, app/assets/stylesheets/_app-responsive.scss */ .main-content .btn:not(.lpage-iconbtn):not(.btn-sm) { min-height: 40px; } /* line 2200, app/assets/stylesheets/_app-responsive.scss */ .fpage-card .row, .lpage-filters .row, .modal-body .row { margin-left: -8px; margin-right: -8px; } /* line 2206, app/assets/stylesheets/_app-responsive.scss */ .fpage-card .row > [class*="col-"], .lpage-filters .row > [class*="col-"], .modal-body .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; } } /* ---- Modals ---- */ @media only screen and (max-width: 767px) { /* line 2215, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog { margin: 0.75rem; max-width: calc(100vw - 1.5rem); } /* line 2220, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog.modal-lg, .modal-dialog.modal-xl, .modal-dialog.modal-90w, .modal-90w { max-width: calc(100vw - 1.5rem) !important; width: auto; } /* line 2228, app/assets/stylesheets/_app-responsive.scss */ .modal-content { max-height: calc(100vh - 1.5rem); display: flex; flex-direction: column; } /* line 2234, app/assets/stylesheets/_app-responsive.scss */ .modal-body { overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1 1 auto; max-height: none; } /* line 2241, app/assets/stylesheets/_app-responsive.scss */ .modal-header, .modal-footer { flex: 0 0 auto; flex-wrap: wrap; gap: 8px; } /* line 2248, app/assets/stylesheets/_app-responsive.scss */ .modal.right .modal-dialog { width: 100%; max-width: 420px; margin: 0; } } @media only screen and (max-width: 575px) { /* line 2256, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog { margin: 0.5rem; max-width: calc(100vw - 1rem); } /* line 2261, app/assets/stylesheets/_app-responsive.scss */ .modal-dialog.modal-lg, .modal-dialog.modal-xl, .modal-90w { max-width: calc(100vw - 1rem) !important; } /* line 2267, app/assets/stylesheets/_app-responsive.scss */ .modal-content { max-height: calc(100vh - 1rem); } } /* ---- Cards / lists / media ---- */ @media only screen and (max-width: 767px) { /* line 2274, app/assets/stylesheets/_app-responsive.scss */ .main-content .card, .main-content .lpage-card, .main-content .single-sales-card, .main-content .stats-card-one, .main-content .stats-card-two { max-width: 100%; min-width: 0; } /* line 2283, app/assets/stylesheets/_app-responsive.scss */ .main-content img:not(.rounded-circle):not(.school-logo), .main-content svg { max-width: 100%; height: auto; } /* line 2289, app/assets/stylesheets/_app-responsive.scss */ .main-content .school-logo { max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } /* line 2295, app/assets/stylesheets/_app-responsive.scss */ .pp-profile-hero { flex-wrap: wrap; } /* line 2299, app/assets/stylesheets/_app-responsive.scss */ .pp-profile-hero__name { font-size: 18px; overflow-wrap: anywhere; } } /* ---- Charts ---- */ @media only screen and (max-width: 1199px) { /* line 2307, app/assets/stylesheets/_app-responsive.scss */ .dsh-chart, .dboard-chart, .dsh-card__body--chart, .main-content .chart-container { max-width: 100%; min-width: 0; overflow: hidden; } /* line 2316, app/assets/stylesheets/_app-responsive.scss */ .main-content canvas { max-width: 100%; } } /* Dark-mode surface overrides for Bootstrap + hardcoded white panels. Loaded after portal redesign so these win without rewriting every #fff. */ /* line 4, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] { /* Chrome */ /* Cards & panels */ /* Forms — scoped to the app shell so auth pages keep their own light panels */ /* Tables */ /* Bootstrap utilities commonly used in views */ /* Pagination */ /* Alerts — tinted panels with bright text for dark surfaces */ /* Nav search */ /* Chosen select */ /* Preloader — cover-spin uses its own frosted overlay in application.scss */ /* Theme toggle icons */ /* Transfer / misc white panels */ /* Notice board sticky notes — muted dark cards, light type */ /* Auth pages — dark form column with explicit input colors */ } /* line 5, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body:not(.auth-bg-img):not(.bg-white) { background-color: var(--portal-bg); color: var(--portal-slate); } /* line 11, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .top-menu { background: var(--portal-navbar-bg); } /* line 14, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .top-menu .topbar-role { background: var(--portal-elevated); border-color: var(--portal-line); color: var(--portal-primary); } /* line 22, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidebar-search__input { background-color: var(--portal-surface); border-color: var(--portal-line); color: var(--portal-ink); } /* line 27, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidebar-search__input::-moz-placeholder { color: var(--portal-muted); } html[data-theme="dark"] .sidebar-search__input::placeholder { color: var(--portal-muted); } /* line 31, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidebar-search__input:focus { border-color: var(--portal-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2); } /* line 37, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidebar-search__icon, html[data-theme="dark"] .sidebar-search__empty { color: var(--portal-muted); } /* line 43, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area__search { background: var(--portal-sidebar-bg); border-bottom-color: var(--portal-line); } /* line 48, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area { background: var(--portal-sidebar-bg); scrollbar-color: rgba(232, 237, 247, 0.2) transparent; } /* line 52, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area::-webkit-scrollbar-thumb { background: rgba(232, 237, 247, 0.18); } /* line 55, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area::-webkit-scrollbar-thumb:hover { background: rgba(232, 237, 247, 0.32); } @media only screen and (min-width: 768px) { /* line 62, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .dropdown > .dropdown-menu, html[data-theme="dark"] .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu { background-color: var(--portal-elevated); background-clip: padding-box; box-shadow: 26px 24px 60px -26px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.25); scrollbar-color: rgba(232, 237, 247, 0.2) transparent; } /* line 69, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .dropdown > .dropdown-menu::-webkit-scrollbar-thumb, html[data-theme="dark"] .sidemenu-area .sidemenu .dropdown-submenu > .dropdown-menu::-webkit-scrollbar-thumb { background: rgba(232, 237, 247, 0.18); } } /* line 75, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-menu { background: var(--portal-elevated); } @media only screen and (max-width: 1199px) { /* line 81, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .dropdown-menu, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu > .dropdown-menu { background: transparent !important; border: 0 !important; box-shadow: none !important; } } /* line 90, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .top-menu .dropdown-menu, html[data-theme="dark"] .navbar .dropdown-menu { background-color: var(--portal-elevated); } /* line 95, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .top-menu .topbar-more__menu { background: var(--portal-elevated) !important; border-color: var(--portal-line) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important; } /* line 102, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .card, html[data-theme="dark"] .stats-card, html[data-theme="dark"] .stats-card-one, html[data-theme="dark"] .stats-card-two, html[data-theme="dark"] .dboard-kpi, html[data-theme="dark"] .dboard-panel, html[data-theme="dark"] .dboard-tile, html[data-theme="dark"] .lpage-filters, html[data-theme="dark"] .lpage-card, html[data-theme="dark"] .lpage-pill, html[data-theme="dark"] .lpage-iconbtn, html[data-theme="dark"] .pp-fee-item, html[data-theme="dark"] .fpage-card, html[data-theme="dark"] .fradio-group .fradio, html[data-theme="dark"] .sparent-strip, html[data-theme="dark"] .modal-content, html[data-theme="dark"] .list-group-item, html[data-theme="dark"] .popover, html[data-theme="dark"] .dropdown-menu { background-color: var(--portal-surface); color: var(--portal-slate); border-color: var(--portal-line); } /* line 126, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .card-header, html[data-theme="dark"] .card-footer, html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { background-color: transparent; border-color: var(--portal-line); color: var(--portal-ink); } /* line 135, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .dboard-chart__filter.is-active, html[data-theme="dark"] .lpage-tabs__item.is-active { background: var(--portal-elevated); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } /* line 141, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .hd-diary__subject-name { color: var(--portal-ink); } /* line 145, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .hd-diary__content { color: var(--portal-ink); } /* line 149, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .hd-diary__textarea { background: var(--portal-surface); border-color: var(--portal-line); color: var(--portal-ink); } /* line 155, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .dboard-progress__bar { background: var(--portal-progress-track); } /* line 159, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .dboard-metric { background: var(--portal-surface-2); } /* line 163, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .dboard-chart__empty, html[data-theme="dark"] .dboard-chart__filters { background: var(--portal-surface-2); } /* line 168, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .dboard-panel__month { background-color: var(--portal-surface-2); color: var(--portal-ink); border-color: var(--portal-line); } /* line 175, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content { /* Headings + card copy stay bright on dark surfaces */ /* Quote attribute selectors so Sass does not treat the hash as interpolation */ } /* line 176, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .form-control, html[data-theme="dark"] .main-content .custom-select, html[data-theme="dark"] .main-content select.form-control, html[data-theme="dark"] .main-content textarea.form-control, html[data-theme="dark"] .main-content .input-group-text { background-color: var(--portal-input-bg); color: var(--portal-ink); border-color: var(--portal-line); } /* line 185, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .form-control:focus, html[data-theme="dark"] .main-content .custom-select:focus, html[data-theme="dark"] .main-content select.form-control:focus, html[data-theme="dark"] .main-content textarea.form-control:focus, html[data-theme="dark"] .main-content .input-group-text:focus { background-color: var(--portal-input-bg); color: var(--portal-ink); border-color: var(--portal-primary); } /* line 191, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .form-control::-moz-placeholder, html[data-theme="dark"] .main-content .custom-select::-moz-placeholder, html[data-theme="dark"] .main-content select.form-control::-moz-placeholder, html[data-theme="dark"] .main-content textarea.form-control::-moz-placeholder, html[data-theme="dark"] .main-content .input-group-text::-moz-placeholder { color: var(--portal-muted); opacity: 0.85; } html[data-theme="dark"] .main-content .form-control::placeholder, html[data-theme="dark"] .main-content .custom-select::placeholder, html[data-theme="dark"] .main-content select.form-control::placeholder, html[data-theme="dark"] .main-content textarea.form-control::placeholder, html[data-theme="dark"] .main-content .input-group-text::placeholder { color: var(--portal-muted); opacity: 0.85; } /* line 197, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .form-control:disabled, html[data-theme="dark"] .main-content .form-control[readonly] { background-color: var(--portal-surface-2); color: var(--portal-muted); } /* line 203, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .pw-field__toggle { color: var(--portal-muted); } /* line 206, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .pw-field__toggle:hover { color: var(--portal-ink); background: rgba(255, 255, 255, 0.06); } /* line 212, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .custom-control-label, html[data-theme="dark"] .main-content .form-group label, html[data-theme="dark"] .main-content label { color: var(--portal-slate); } /* line 219, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content h1, html[data-theme="dark"] .main-content h2, html[data-theme="dark"] .main-content h3, html[data-theme="dark"] .main-content h4, html[data-theme="dark"] .main-content h5, html[data-theme="dark"] .main-content h6, html[data-theme="dark"] .main-content .card-title, html[data-theme="dark"] .main-content .card .card-title { color: var(--portal-ink) !important; } /* line 230, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content p { color: var(--portal-slate); } /* line 235, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .profile-left-content .info li { color: var(--portal-ink-2); } /* line 238, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .profile-left-content .info li .icon { color: var(--portal-slate); } /* line 242, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .profile-left-content .info li strong, html[data-theme="dark"] .main-content .profile-left-content .info li b { color: var(--portal-ink); } /* line 248, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .profile-left-content .card-header .btn-link, html[data-theme="dark"] .main-content .profile-left-content .card-header .text-secondary { color: var(--portal-slate) !important; } /* line 254, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .fpage-card { color: var(--portal-slate); } /* line 257, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .fpage-card h1, html[data-theme="dark"] .main-content .fpage-card h2, html[data-theme="dark"] .main-content .fpage-card h3, html[data-theme="dark"] .main-content .fpage-card h4, html[data-theme="dark"] .main-content .fpage-card h5, html[data-theme="dark"] .main-content .fpage-card h6 { color: var(--portal-ink) !important; } /* line 263, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content [class*="text-[#212529]"], html[data-theme="dark"] .main-content [class*="text-[#0f1729]"] { color: var(--portal-ink) !important; } /* line 267, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content [class*="text-[#6c757d]"], html[data-theme="dark"] .main-content [class*="text-[#64708a]"], html[data-theme="dark"] .main-content [class*="text-[#686c71]"], html[data-theme="dark"] .main-content [class*="text-[#97a1b5]"] { color: var(--portal-slate) !important; } /* line 271, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content [class*="text-[#3a465c]"] { color: var(--portal-ink-2) !important; } /* line 275, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content [class*="bg-[#eef2ff]"] { background-color: rgba(91, 138, 255, 0.18) !important; } /* line 279, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content [class*="text-[#4f46e5]"] { color: var(--portal-primary) !important; } /* line 285, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .table { color: var(--portal-slate); } /* line 288, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .table td, html[data-theme="dark"] .table th { border-top-color: var(--portal-line); } /* line 293, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .table thead th { border-bottom-color: var(--portal-line); } /* line 298, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .table-hover tbody tr:hover { background-color: var(--portal-hover-fill); color: var(--portal-ink); } /* line 303, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.03); } /* line 308, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .bg-white { background-color: var(--portal-surface) !important; } /* line 312, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .bg-light { background-color: var(--portal-surface-2) !important; } /* line 316, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .text-dark, html[data-theme="dark"] .text-body { color: var(--portal-ink) !important; } /* line 321, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .text-muted { color: var(--portal-muted) !important; } /* line 325, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .text-secondary { color: var(--portal-slate) !important; } /* line 329, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .border, html[data-theme="dark"] .border-top, html[data-theme="dark"] .border-bottom, html[data-theme="dark"] .border-left, html[data-theme="dark"] .border-right { border-color: var(--portal-line) !important; } /* line 337, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] hr { border-top-color: var(--portal-line); } /* line 342, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .page-link { background-color: var(--portal-surface); border-color: var(--portal-line); color: var(--portal-slate); } /* line 347, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .page-link:hover { background-color: var(--portal-hover-fill); border-color: var(--portal-line); color: var(--portal-primary); } /* line 354, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .page-item.disabled .page-link { background-color: var(--portal-surface-2); border-color: var(--portal-line); color: var(--portal-muted); } /* line 360, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .page-item.active .page-link { background-color: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } /* line 367, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert { border-width: 1px; border-style: solid; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); } /* line 372, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert .close, html[data-theme="dark"] .alert .btn-close { color: inherit; opacity: 0.75; text-shadow: none; } /* line 378, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert .close:hover, html[data-theme="dark"] .alert .close:focus, html[data-theme="dark"] .alert .btn-close:hover, html[data-theme="dark"] .alert .btn-close:focus { color: inherit; opacity: 1; } /* line 385, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert a { color: inherit; font-weight: 600; text-decoration: underline; } /* line 392, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-info { background-color: rgba(45, 212, 191, 0.2); border-color: rgba(45, 212, 191, 0.55); color: #ccfbf1; } /* line 397, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-info p { color: #ccfbf1; } /* line 402, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-success { background-color: rgba(34, 197, 94, 0.2); border-color: rgba(34, 197, 94, 0.55); color: #bbf7d0; } /* line 407, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-success p { color: #bbf7d0; } /* line 414, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item { background: #1a2336; border-color: #2a3347; box-shadow: 0 16px 34px -12px rgba(0, 0, 0, 0.66), 0 2px 8px rgba(0, 0, 0, 0.4); } /* line 421, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--success .toast-item__icon { color: #4ade80; } /* line 422, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--success .toast-item__timer { background: #4ade80; } /* line 426, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--danger .toast-item__icon { color: #f87171; } /* line 427, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--danger .toast-item__timer { background: #f87171; } /* line 431, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--warning .toast-item__icon { color: #fbbf24; } /* line 432, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .toast-item--warning .toast-item__timer { background: #fbbf24; } /* line 436, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-danger { background-color: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.55); color: #fecaca; } /* line 441, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-danger p { color: #fecaca; } /* line 447, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-danger h1, html[data-theme="dark"] .alert-danger h2, html[data-theme="dark"] .alert-danger h3, html[data-theme="dark"] .alert-danger h4, html[data-theme="dark"] .alert-danger h5, html[data-theme="dark"] .alert-danger h6 { color: #ffe4e4; } /* line 452, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-warning { background-color: rgba(251, 191, 36, 0.2); border-color: rgba(251, 191, 36, 0.55); color: #fef3c7; } /* line 457, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-warning p { color: #fef3c7; } /* line 462, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-primary { background-color: rgba(91, 138, 255, 0.2); border-color: rgba(91, 138, 255, 0.55); color: #c7d7ff; } /* line 467, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-primary p { color: #c7d7ff; } /* line 472, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .alert-light { background-color: var(--portal-surface-2); border-color: var(--portal-line); color: var(--portal-ink); } /* line 478, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content > .alert { margin: 0 0 1rem; border-left-width: 4px; padding: 0.85rem 1.25rem; } /* line 483, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content > .alert.alert-dismissible { padding-right: 3rem; } /* line 489, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nav-search-form .form-control { background-color: var(--portal-input-bg); border-color: var(--portal-line); color: var(--portal-ink); } /* line 496, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .chosen-container .chosen-drop { background: var(--portal-elevated); border-color: var(--portal-line); } /* line 501, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .chosen-container-single .chosen-single { background: var(--portal-input-bg); background-image: none; border-color: var(--portal-line); color: var(--portal-slate); } /* line 509, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .chosen-container-multi .chosen-choices, html[data-theme="dark"] .main-content .chosen-container-single .chosen-single { background: var(--portal-input-bg); background-image: none; border-color: var(--portal-line); color: var(--portal-slate); } /* line 517, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .chosen-container .chosen-drop, html[data-theme="dark"] .main-content .chosen-container .chosen-results { background: var(--portal-elevated); border-color: var(--portal-line); color: var(--portal-slate); } /* line 524, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .chosen-container .chosen-results li.highlighted { background: var(--portal-hover-fill-strong); color: var(--portal-primary); } /* line 529, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .chosen-container .chosen-results li.active-result { color: var(--portal-slate); } /* line 533, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .main-content .chosen-container-single .chosen-search input[type="text"] { background-color: var(--portal-input-bg); border-color: var(--portal-line); color: var(--portal-ink); } /* line 541, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .preloader { background-color: var(--portal-bg); } /* line 546, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .theme-toggle-icon--moon { display: none; } /* line 550, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .theme-toggle-icon--sun { display: inline-block; } /* line 555, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .transfer-field .form-control { background: var(--portal-input-bg); border-color: var(--portal-line); color: var(--portal-ink); } /* line 561, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .transfer-row { border-bottom-color: var(--portal-line); } /* line 565, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .transfer-label { color: var(--portal-slate); } /* line 570, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky-board { background: linear-gradient(180deg, #10151f 0%, #0b0e14 100%); } /* line 573, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky-board--empty { background: var(--portal-surface); } /* line 578, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky { color: #e8edf5; border-radius: 8px; box-shadow: 4px 10px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* line 583, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky:hover { box-shadow: 6px 16px 32px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.1); } /* line 587, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--1 { background: linear-gradient(180deg, #8a7028 0%, #6c571c 100%); } /* line 591, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--2 { background: linear-gradient(180deg, #2f4a6e 0%, #243a58 100%); } /* line 595, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--3 { background: linear-gradient(180deg, #6a3042 0%, #522534 100%); } /* line 599, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--4 { background: linear-gradient(180deg, #1f5c44 0%, #174a36 100%); } /* line 603, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__date { border: 0; border-radius: 5px; background: #0c1018; } /* line 609, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__month { background: #8b7cf0; color: #fff; } /* line 614, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__day { color: #fff; background: #0c1018; } /* line 619, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--1 html[data-theme="dark"] .nb-sticky__status { background: rgba(255, 224, 150, 0.22); color: #f3d98a; } /* line 620, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--2 html[data-theme="dark"] .nb-sticky__status { background: rgba(160, 190, 230, 0.22); color: #b8d0f0; } /* line 621, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--3 html[data-theme="dark"] .nb-sticky__status { background: rgba(255, 170, 180, 0.22); color: #f0b8c0; } /* line 622, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky--4 html[data-theme="dark"] .nb-sticky__status { background: rgba(140, 220, 180, 0.22); color: #a8e0c0; } /* line 624, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__status--draft { background: rgba(255, 255, 255, 0.12) !important; color: #d0d6e2 !important; } /* line 629, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__code { color: rgba(232, 237, 247, 0.58); } /* line 633, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__title { color: #fff !important; } /* line 637, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__body { color: rgba(232, 237, 247, 0.78); } /* line 641, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__foot { border-top-color: rgba(255, 255, 255, 0.14); } /* line 645, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__audience { color: rgba(232, 237, 247, 0.78); } /* line 649, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__by { color: rgba(232, 237, 247, 0.52); } /* line 653, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn { width: 32px; height: 32px; border-radius: 50%; background: #14b87a; border-color: transparent; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); } /* line 662, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn:hover, html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn.lpage-iconbtn--success:hover, html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn.lpage-iconbtn--info:hover, html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn.lpage-iconbtn--warning:hover, html[data-theme="dark"] .nb-sticky__actions .lpage-iconbtn.lpage-iconbtn--danger:hover { background: #0fa36c; border-color: transparent; color: #fff; } /* line 674, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-view { background: var(--portal-surface); border-color: var(--portal-line); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.7); } /* line 679, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-view__close { background: var(--portal-elevated); border-color: var(--portal-line); color: var(--portal-muted); } /* line 684, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-view__close:hover { background: rgba(229, 72, 77, 0.14); border-color: rgba(229, 72, 77, 0.45); color: #f07178; } /* line 691, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-view__btn { background: var(--portal-elevated); border-color: var(--portal-line); color: var(--portal-ink); } /* line 696, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] .nb-view__btn:hover { background: var(--portal-surface-2); border-color: rgba(91, 138, 255, 0.4); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); } /* line 705, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img { background-color: #0c1018 !important; } /* line 708, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 { color: #f1f5ff; color-scheme: dark; } /* line 712, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__shell { background-color: #0c1018 !important; } /* line 716, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__form { background-color: #151c2c !important; scrollbar-color: #2a3347 transparent; } /* line 720, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__form::-webkit-scrollbar-thumb { background: #2a3347; } /* line 723, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__form::-webkit-scrollbar-thumb:hover { background: #3a4559; } /* line 729, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__theme { background: #111827; border-color: #2a3347; color: #f1f5ff; } /* line 734, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__theme:hover { color: #5b8aff; border-color: rgba(91, 138, 255, 0.45); background: rgba(91, 138, 255, 0.12); } /* line 741, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__title { color: #f1f5ff; } /* line 745, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__subtitle, html[data-theme="dark"] body.auth-bg-img .auth3__foot { color: #a3acc0; } /* line 750, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__foot a, html[data-theme="dark"] body.auth-bg-img .auth3__mini-link { color: #5b8aff; } /* line 754, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__foot a:hover, html[data-theme="dark"] body.auth-bg-img .auth3__mini-link:hover { color: #8b7cf0; } /* line 759, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 label, html[data-theme="dark"] body.auth-bg-img .auth3 .form-label { color: #c5cddd; } /* line 764, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .form-control, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"] { background-color: #111827 !important; border-color: #2a3347 !important; color: #f1f5ff !important; -webkit-text-fill-color: #f1f5ff; caret-color: #f1f5ff; } /* line 774, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .form-control::-moz-placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control::-moz-placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control::-moz-placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]::-moz-placeholder { color: #6b7385; opacity: 1; -webkit-text-fill-color: #6b7385; } html[data-theme="dark"] body.auth-bg-img .auth3 .form-control::placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control::placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control::placeholder, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]::placeholder { color: #6b7385; opacity: 1; -webkit-text-fill-color: #6b7385; } /* line 780, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .form-control:focus, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control:focus, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control:focus, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]:focus { background-color: #1a2336 !important; border-color: rgba(91, 138, 255, 0.6) !important; color: #f1f5ff !important; -webkit-text-fill-color: #f1f5ff; } /* line 787, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .form-control:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 .form-control:-webkit-autofill:hover, html[data-theme="dark"] body.auth-bg-img .auth3 .form-control:-webkit-autofill:focus, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control:-webkit-autofill:hover, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control:-webkit-autofill:focus, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control:-webkit-autofill:hover, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control:-webkit-autofill:focus, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]:-webkit-autofill:hover, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]:-webkit-autofill:focus { -webkit-text-fill-color: #f1f5ff; caret-color: #f1f5ff; box-shadow: 0 0 0 1000px #111827 inset; -webkit-transition: background-color 99999s ease-out 0s; transition: background-color 99999s ease-out 0s; } /* line 796, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .form-control:focus:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control:focus:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 textarea.form-control:focus:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3 input.form-control[type="date"]:focus:-webkit-autofill { box-shadow: 0 0 0 1000px #1a2336 inset; } /* line 801, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a3acc0' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E"); } /* line 804, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control option { background-color: #111827; color: #f1f5ff; } /* line 809, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 select.form-control option[value=""] { color: #a3acc0; } /* line 814, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__input-affix { background-color: #111827 !important; border-color: #2a3347 !important; } /* line 818, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__input-affix:focus-within { background-color: #1a2336 !important; } /* line 822, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__input-affix .form-control { background-color: transparent !important; box-shadow: none !important; } /* line 826, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__input-affix .form-control:-webkit-autofill, html[data-theme="dark"] body.auth-bg-img .auth3__input-affix .form-control:-webkit-autofill:hover, html[data-theme="dark"] body.auth-bg-img .auth3__input-affix .form-control:-webkit-autofill:focus { box-shadow: 0 0 0 1000px transparent inset; } /* line 834, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__input-affix-suffix { color: #a3acc0; background: #1a2336; border-left-color: #2a3347; } /* line 840, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .pw-field__toggle { color: #a3acc0; } /* line 843, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .pw-field__toggle:hover { color: #f1f5ff; background: rgba(255, 255, 255, 0.06); } /* line 849, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__choice { background: #111827 !important; border-color: #2a3347 !important; color: #c5cddd !important; } /* line 854, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__choice:hover { border-color: rgba(91, 138, 255, 0.5); background: rgba(91, 138, 255, 0.08) !important; } /* line 860, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__field-hint { color: #6b7385; } /* line 868, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 label.auth3__upload { border-color: #2a3347; background: #111827; } /* line 872, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 label.auth3__upload:hover { border-color: #5b8aff; background: rgba(91, 138, 255, 0.08); } /* line 878, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 label.auth3__upload.auth3__upload--filled { border-color: #2a3347; background: #1a2336; } /* line 883, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__upload-text { color: #c5cddd; } /* line 887, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__upload-hint { color: #6b7385; } /* line 891, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__upload-preview { background: #1a2336; border-color: #2a3347; } /* line 896, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .alert-danger { background: rgba(229, 72, 77, 0.12); border-color: rgba(229, 72, 77, 0.35); color: #f1f5ff; } /* line 903, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup { background: #151c2c; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55); } /* line 908, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-title { color: #f1f5ff; } /* line 909, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-subtitle, html[data-theme="dark"] body.auth-bg-img .auth3__setup-progress-meta { color: #a3acc0; } /* line 912, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-progress { background: #1e283c; } /* line 914, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-icon { background: #1a2336; color: #a3acc0; } /* line 919, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-step.is-active html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-icon, html[data-theme="dark"] body.auth-bg-img .auth3__setup-step.is-done html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-icon { background: rgba(91, 138, 255, 0.18); color: #5b8aff; } /* line 925, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-text { color: #c5cddd; } /* line 929, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3__setup-step.is-active html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-text, html[data-theme="dark"] body.auth-bg-img .auth3__setup-step.is-done html[data-theme="dark"] body.auth-bg-img .auth3__setup-step-text { background: transparent; color: #5b8aff; } /* line 936, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan { background: #151c2c; border-color: #2a3347; } /* line 941, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__name { color: #f1f5ff; } /* line 942, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__desc, html[data-theme="dark"] body.auth-bg-img .auth3 .splan__features { color: #a3acc0; } /* line 944, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__limit { color: #c5cddd; } /* line 945, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__limit strong { color: #f1f5ff; } /* line 946, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__limits { border-top-color: #2a3347; } /* line 948, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan__check { background: #1a2336; border-color: #2a3347; } /* line 953, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splan.is-selected { background: rgba(91, 138, 255, 0.12); border-color: #5b8aff; } /* line 958, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splans__title { color: #f1f5ff; } /* line 959, app/assets/stylesheets/_theme-dark.scss */ html[data-theme="dark"] body.auth-bg-img .auth3 .splans__sub, html[data-theme="dark"] body.auth-bg-img .auth3 .splans__note { color: #a3acc0; } /* Light mode: show moon (switch to dark); hide sun */ /* line 967, app/assets/stylesheets/_theme-dark.scss */ html:not([data-theme="dark"]) .theme-toggle-icon--sun { display: none; } /* line 971, app/assets/stylesheets/_theme-dark.scss */ html:not([data-theme="dark"]) .theme-toggle-icon--moon { display: inline-block; } /* line 977, app/assets/stylesheets/_theme-dark.scss */ .theme-toggle .count-info { position: relative; } /* line 981, app/assets/stylesheets/_theme-dark.scss */ .theme-toggle .theme-toggle-icon { width: 20px; height: 20px; } /* ============================================================================= Auth experience (authx v3) ----------------------------------------------------------------------------- Login / sign-up / password shell. Two panels: LEFT — a rich brand surface (follows html[data-color] / --portal-*): logo, headline, feature list, and an "open on your phone" QR block. Markup lives in devise/shared/_brand_panel. RIGHT — a calm, vertically-centred authentication column on a near-white canvas. No card: the canvas is the container. Accent colors use the shared color-theme tokens (--portal-primary, etc.) so the auth shell matches the accent the user picked in Settings. Neutrals stay local to authx. Imported after _theme-dark so the light defaults here are not clobbered by the dark overrides written for older designs; this file carries its own `html[data-theme="dark"]` block at the end instead. Scoped entirely under `.authx`, so nothing here can leak into the portal. ========================================================================== */ /* The auth pages render inside the shared application layout, which leaves the body with its default margin plus the legacy `.auth-bg-img` dark gradient (set with !important for the old dark auth design). Both are overridden here so the new split can reach the viewport edges. */ /* line 38, app/assets/stylesheets/_auth-experience.scss */ body.auth-bg-img { margin: 0 !important; padding: 0 !important; background: #fff !important; background-attachment: scroll !important; /* The layout emits a hidden preloader plus stray whitespace text nodes before the shell. Flex makes the shell the only thing that can grow, so it fills the viewport exactly instead of being pushed down. */ display: flex; flex-direction: column; min-height: 100vh; } /* line 51, app/assets/stylesheets/_auth-experience.scss */ body.auth-bg-img > .authx { flex: 1 1 auto; } /* line 54, app/assets/stylesheets/_auth-experience.scss */ .authx { min-height: 100vh; background: #fff; color: #0f172a; /* 52 / 48 split. `min-height` rather than a hard 100vh so the taller sign-up form can extend the page instead of being clipped. */ /* --------------------------------------------------------------------- LEFT — brand panel `__brandcol` is the grid cell and carries the accent surface, so the column is painted edge to edge however tall the page grows. Inside it, `__brandside` is a viewport-tall sticky box: on the long sign-up page it stays pinned while the form column scrolls past. --------------------------------------------------------------------- */ /* Faint blueprint grid — texture, not decoration. */ /* Brand mark pinned to the panel's top-left. */ /* ---- Feature list ---- */ /* ---- Bottom-left QR block ---- */ /* --------------------------------------------------------------------- RIGHT — authentication column --------------------------------------------------------------------- */ /* Wider inner column for the multi-field sign-up form. */ /* ---- Fields ---- */ /* Field with a leading icon. Wraps either a bare input or a .pw-field (which carries its own trailing visibility toggle). */ /* ---- Remember row ---- */ /* ---- Primary action ---- */ /* Busy state. The spinner itself comes from the app-wide `.btn.is-busy` rule in _platform.scss; here we only hide the arrow so the label stays centred, and cancel that rule's left padding — the spinner is absolutely positioned, so the button's dimensions never change. */ /* Quiet closing note under the form. */ /* ---- Inline password checklist ---- */ /* Inline field error (e.g. password mismatch). Soft red, never aggressive. */ /* ---- Theme toggle ---- */ /* --------------------------------------------------------------------- Sign-up form components. The sign-up markup still carries the older `auth3__*` hooks (logo upload, username suffix, field hints, plan cards). They are restyled here rather than renamed so the sign-up JS — which queries several of these class names — keeps working untouched. --------------------------------------------------------------------- */ /* Username + fixed domain suffix. */ /* Institute logo drop zone. */ /* Gender / choice pills. */ /* Submitting / disabled states. */ /* Step transitions between the form, the plan picker and the provisioning screen. The sign-up JS toggles `is-hidden` / `is-visible` on these. */ /* ---- Errors ---- */ } /* line 61, app/assets/stylesheets/_auth-experience.scss */ .authx__shell { display: grid; grid-template-columns: 52fr 48fr; align-items: stretch; min-height: 100vh; width: 100%; } /* line 77, app/assets/stylesheets/_auth-experience.scss */ .authx__brandcol { position: relative; display: flex; background: linear-gradient(152deg, var(--portal-primary, #4f46e5) 0%, var(--portal-primary-d, #4338ca) 46%, color-mix(in srgb, var(--portal-primary-d, #4338ca) 82%, #000) 100%); color: #fff; } /* line 89, app/assets/stylesheets/_auth-experience.scss */ .authx__brandside { position: sticky; top: 0; align-self: flex-start; display: flex; width: 100%; height: 100vh; overflow: hidden; padding: clamp(96px, 14vh, 132px) clamp(36px, 4.5vw, 64px) clamp(32px, 5vh, 56px); } /* line 100, app/assets/stylesheets/_auth-experience.scss */ .authx__ambient { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } /* line 108, app/assets/stylesheets/_auth-experience.scss */ .authx__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(88% 78% at 42% 32%, #000 0%, transparent 100%); -webkit-mask-image: radial-gradient(88% 78% at 42% 32%, #000 0%, transparent 100%); } /* line 119, app/assets/stylesheets/_auth-experience.scss */ .authx__glow { position: absolute; border-radius: 50%; filter: blur(100px); } /* line 124, app/assets/stylesheets/_auth-experience.scss */ .authx__glow--one { width: 620px; height: 620px; top: -240px; right: -180px; background: color-mix(in srgb, var(--portal-indigo, #6366f1) 45%, transparent); } /* line 132, app/assets/stylesheets/_auth-experience.scss */ .authx__glow--two { width: 560px; height: 560px; left: -200px; bottom: -240px; background: color-mix(in srgb, var(--portal-primary-d, #4338ca) 55%, #000); } /* line 142, app/assets/stylesheets/_auth-experience.scss */ .authx__brand { position: absolute; top: clamp(30px, 5.5vh, 48px); left: clamp(36px, 4.5vw, 64px); z-index: 2; display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; } /* line 153, app/assets/stylesheets/_auth-experience.scss */ .authx__brand:hover { opacity: 0.92; } /* line 156, app/assets/stylesheets/_auth-experience.scss */ .authx__brand-chip { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18); } /* line 166, app/assets/stylesheets/_auth-experience.scss */ .authx__brand-chip img { width: 26px; height: 26px; -o-object-fit: contain; object-fit: contain; border-radius: 7px; } /* line 174, app/assets/stylesheets/_auth-experience.scss */ .authx__brand-name { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: #fff; } /* line 181, app/assets/stylesheets/_auth-experience.scss */ .authx__brandside-inner { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 520px; } /* line 191, app/assets/stylesheets/_auth-experience.scss */ .authx__hero { animation: authx-rise-in 0.55s ease-out backwards; } /* line 193, app/assets/stylesheets/_auth-experience.scss */ .authx__headline { margin: 0 0 clamp(14px, 2.2vh, 20px); max-width: 460px; font-size: clamp(30px, 4vh, 40px); font-weight: 700; line-height: 1.18; letter-spacing: -0.03em; color: #fff; } /* line 203, app/assets/stylesheets/_auth-experience.scss */ .authx__lede { margin: 0 0 clamp(28px, 5vh, 46px); max-width: 430px; font-size: clamp(14px, 1.8vh, 15.5px); line-height: 1.65; color: rgba(255, 255, 255, 0.78); } /* line 212, app/assets/stylesheets/_auth-experience.scss */ .authx__features { display: grid; gap: clamp(12px, 2vh, 18px); margin: 0; padding: 0; list-style: none; } /* line 220, app/assets/stylesheets/_auth-experience.scss */ .authx__feature { display: flex; align-items: center; gap: 14px; animation: authx-rise-in 0.5s ease-out backwards; } /* line 226, app/assets/stylesheets/_auth-experience.scss */ .authx__feature:nth-child(1) { animation-delay: 0.18s; } /* line 227, app/assets/stylesheets/_auth-experience.scss */ .authx__feature:nth-child(2) { animation-delay: 0.26s; } /* line 228, app/assets/stylesheets/_auth-experience.scss */ .authx__feature:nth-child(3) { animation-delay: 0.34s; } /* line 231, app/assets/stylesheets/_auth-experience.scss */ .authx__feature-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, 0.14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); color: #fff; } /* line 243, app/assets/stylesheets/_auth-experience.scss */ .authx__feature-icon svg { width: 17px; height: 17px; } /* line 246, app/assets/stylesheets/_auth-experience.scss */ .authx__feature-label { font-size: 14.5px; font-weight: 600; letter-spacing: -0.012em; color: rgba(255, 255, 255, 0.94); } /* line 254, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot { position: absolute; left: clamp(36px, 4.5vw, 64px); right: clamp(36px, 4.5vw, 64px); bottom: clamp(28px, 4.5vh, 48px); z-index: 1; display: flex; align-items: center; gap: 16px; animation: authx-fade 0.8s 0.5s ease-out backwards; } /* line 266, app/assets/stylesheets/_auth-experience.scss */ .authx__qr { display: flex; flex: 0 0 auto; padding: 6px; border-radius: 10px; background: #fff; line-height: 0; } /* line 274, app/assets/stylesheets/_auth-experience.scss */ .authx__qr svg { display: block; width: 56px; height: 56px; } /* line 281, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot-copy { display: grid; gap: 2px; min-width: 0; } /* line 286, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot-copy strong { font-size: 13px; font-weight: 650; letter-spacing: -0.01em; color: #fff; } /* line 293, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot-copy span { font-size: 12px; line-height: 1.45; color: rgba(255, 255, 255, 0.7); } /* line 299, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot-copy small { margin-top: 4px; font-size: 11px; color: rgba(255, 255, 255, 0.5); } /* line 309, app/assets/stylesheets/_auth-experience.scss */ .authx__formside { position: relative; display: flex; flex-direction: column; padding: 44px 64px; background: #fafafa; } /* line 317, app/assets/stylesheets/_auth-experience.scss */ .authx__formside-inner { width: 100%; max-width: 400px; /* margin:auto centres short forms but still lets tall ones grow down. */ margin: auto; padding: clamp(16px, 3vh, 40px) 0; animation: authx-rise-in 0.5s 0.1s ease-out backwards; } /* line 327, app/assets/stylesheets/_auth-experience.scss */ .authx__formside-inner--wide { max-width: 560px; } /* line 329, app/assets/stylesheets/_auth-experience.scss */ .authx__mark { display: flex; align-items: center; gap: 10px; margin-bottom: clamp(22px, 4.5vh, 42px); text-decoration: none; color: inherit; } /* line 337, app/assets/stylesheets/_auth-experience.scss */ .authx__mark:hover { opacity: 0.92; } /* line 339, app/assets/stylesheets/_auth-experience.scss */ .authx__mark img { width: 32px; height: 32px; -o-object-fit: contain; object-fit: contain; border-radius: 8px; } /* line 347, app/assets/stylesheets/_auth-experience.scss */ .authx__mark-name { font-size: 16.5px; font-weight: 700; letter-spacing: -0.02em; color: #0f172a; } /* line 354, app/assets/stylesheets/_auth-experience.scss */ .authx__title { margin: 0 0 8px; font-size: clamp(28px, 3.6vh, 34px); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: #0f172a; } /* line 363, app/assets/stylesheets/_auth-experience.scss */ .authx__title-mark { color: var(--portal-primary, #4f46e5); } /* line 365, app/assets/stylesheets/_auth-experience.scss */ .authx__subtitle { margin: 0 0 clamp(22px, 3.6vh, 32px); font-size: 14.5px; line-height: 1.55; color: #64748b; } /* line 373, app/assets/stylesheets/_auth-experience.scss */ .authx .form-group { margin-bottom: 18px; } /* line 375, app/assets/stylesheets/_auth-experience.scss */ .authx label, .authx .form-label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 600; /* Beats the global `form label { text-transform: capitalize }` so labels read exactly as authored. */ text-transform: none; letter-spacing: -0.005em; color: #334155; } /* line 388, app/assets/stylesheets/_auth-experience.scss */ .authx .form-control, .authx select.form-control, .authx input.form-control[type="date"] { width: 100%; height: 48px; padding: 0 15px; border: 1px solid #e2e8f0; border-radius: 10px; background-color: #fff; font-size: 14px; color: #0f172a; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } /* line 401, app/assets/stylesheets/_auth-experience.scss */ .authx .form-control::-moz-placeholder, .authx select.form-control::-moz-placeholder, .authx input.form-control[type="date"]::-moz-placeholder { color: #94a3b8; } .authx .form-control::placeholder, .authx select.form-control::placeholder, .authx input.form-control[type="date"]::placeholder { color: #94a3b8; } /* line 403, app/assets/stylesheets/_auth-experience.scss */ .authx .form-control:focus, .authx select.form-control:focus, .authx input.form-control[type="date"]:focus { outline: none; background-color: #fff; border-color: var(--portal-primary, #4f46e5); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 10%, transparent); } /* line 410, app/assets/stylesheets/_auth-experience.scss */ .authx .form-control:disabled, .authx select.form-control:disabled, .authx input.form-control[type="date"]:disabled { opacity: 0.6; cursor: not-allowed; } /* line 416, app/assets/stylesheets/_auth-experience.scss */ .authx select.form-control { -moz-appearance: none; appearance: none; -webkit-appearance: none; padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; } /* line 427, app/assets/stylesheets/_auth-experience.scss */ .authx__ifield { position: relative; } /* line 430, app/assets/stylesheets/_auth-experience.scss */ .authx__ifield .form-control { padding-left: 42px; } /* line 433, app/assets/stylesheets/_auth-experience.scss */ .authx__ifield-icon { position: absolute; top: 50%; left: 14px; z-index: 2; display: flex; transform: translateY(-50%); pointer-events: none; color: #94a3b8; } /* line 443, app/assets/stylesheets/_auth-experience.scss */ .authx__ifield-icon svg { width: 17px; height: 17px; } /* line 446, app/assets/stylesheets/_auth-experience.scss */ .authx__link { font-size: 13px; font-weight: 600; color: var(--portal-primary, #4f46e5); } /* line 451, app/assets/stylesheets/_auth-experience.scss */ .authx__link:hover { color: var(--portal-primary-d, #4338ca); text-decoration: underline; } /* line 455, app/assets/stylesheets/_auth-experience.scss */ .authx__row-between { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 24px; } /* line 463, app/assets/stylesheets/_auth-experience.scss */ .authx__check { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 13.5px; font-weight: 500; text-transform: none; color: #64748b; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 476, app/assets/stylesheets/_auth-experience.scss */ .authx__checkbox { -moz-appearance: none; appearance: none; -webkit-appearance: none; flex: 0 0 auto; width: 17px; height: 17px; margin: 0; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; } /* line 489, app/assets/stylesheets/_auth-experience.scss */ .authx__checkbox:checked { background-color: var(--portal-primary, #4f46e5); border-color: var(--portal-primary, #4f46e5); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 4.6l2.8 2.8L10 1.2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } /* line 497, app/assets/stylesheets/_auth-experience.scss */ .authx__checkbox:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 10%, transparent); } /* line 504, app/assets/stylesheets/_auth-experience.scss */ .authx .btn-primary, .authx input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; height: 50px; padding: 0 20px; border: none; border-radius: 10px; background: linear-gradient(135deg, var(--portal-primary, #4f46e5) 0%, var(--portal-primary-d, #4338ca) 100%); font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--portal-primary, #4f46e5) 18%, transparent); transition: filter .18s ease, transform .18s ease, box-shadow .18s ease; } /* line 523, app/assets/stylesheets/_auth-experience.scss */ .authx .btn-primary:hover, .authx .btn-primary:focus, .authx input[type="submit"]:hover, .authx input[type="submit"]:focus { color: #fff; filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 12px 26px -6px color-mix(in srgb, var(--portal-primary, #4f46e5) 40%, transparent); } /* line 531, app/assets/stylesheets/_auth-experience.scss */ .authx .btn-primary:active, .authx input[type="submit"]:active { filter: brightness(0.96); transform: translateY(0); } /* line 536, app/assets/stylesheets/_auth-experience.scss */ .authx .btn-primary[disabled], .authx input[type="submit"][disabled] { opacity: 0.7; cursor: not-allowed; transform: none; filter: none; box-shadow: none; } /* line 545, app/assets/stylesheets/_auth-experience.scss */ .authx__submit-arrow { display: flex; transition: transform .18s ease; } /* line 549, app/assets/stylesheets/_auth-experience.scss */ .authx__submit-arrow svg { width: 17px; height: 17px; } /* line 552, app/assets/stylesheets/_auth-experience.scss */ .authx__submit:hover .authx__submit-arrow { transform: translateX(3px); } /* line 558, app/assets/stylesheets/_auth-experience.scss */ .authx__submit.is-busy { padding-left: 20px; } /* line 561, app/assets/stylesheets/_auth-experience.scss */ .authx__submit.is-busy .authx__submit-arrow { display: none; } /* line 564, app/assets/stylesheets/_auth-experience.scss */ .authx__foot { margin: 22px 0 0; font-size: 14px; color: #64748b; } /* line 569, app/assets/stylesheets/_auth-experience.scss */ .authx__foot a { color: var(--portal-primary, #4f46e5); font-weight: 600; } /* line 572, app/assets/stylesheets/_auth-experience.scss */ .authx__foot a:hover { text-decoration: underline; } /* line 576, app/assets/stylesheets/_auth-experience.scss */ .authx__terms { margin: 16px 0 0; font-size: 12.5px; line-height: 1.55; color: #94a3b8; } /* line 582, app/assets/stylesheets/_auth-experience.scss */ .authx__terms a { color: #64748b; font-weight: 500; } /* line 585, app/assets/stylesheets/_auth-experience.scss */ .authx__terms a:hover { color: var(--portal-primary, #4f46e5); text-decoration: underline; } /* line 590, app/assets/stylesheets/_auth-experience.scss */ .authx__hint { margin: 26px 0 0; font-size: 12.5px; line-height: 1.5; color: #94a3b8; } /* line 598, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq { display: flex; flex-wrap: wrap; gap: 7px 16px; margin: 9px 0 0; padding: 0; list-style: none; } /* line 607, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq-item { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: #94a3b8; transition: color .18s ease; } /* line 616, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq-item.is-met { color: #059669; } /* line 619, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq-tick { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 15px; height: 15px; border: 1px solid #cbd5e1; border-radius: 50%; color: transparent; transition: background-color .18s ease, border-color .18s ease, color .18s ease; } /* line 631, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq-tick svg { width: 8px; height: 7px; } /* line 634, app/assets/stylesheets/_auth-experience.scss */ .authx__pwreq-item.is-met .authx__pwreq-tick { background: #10b981; border-color: #10b981; color: #fff; } /* line 641, app/assets/stylesheets/_auth-experience.scss */ .authx__field-error { display: block; margin-top: 8px; padding: 8px 11px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; font-size: 12.5px; font-weight: 500; color: #b91c1c; } /* line 654, app/assets/stylesheets/_auth-experience.scss */ .authx__theme { position: absolute; top: 28px; right: 28px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; color: #0f172a; cursor: pointer; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease; } /* line 673, app/assets/stylesheets/_auth-experience.scss */ .authx__theme svg { width: 18px; height: 18px; } /* line 675, app/assets/stylesheets/_auth-experience.scss */ .authx__theme:hover { color: var(--portal-primary, #4f46e5); border-color: color-mix(in srgb, var(--portal-primary, #4f46e5) 32%, transparent); background: #f8fafc; transform: translateY(-1px); } /* line 691, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__req { color: #dc2626; font-weight: 600; } /* line 696, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__field-hint { display: block; margin-top: 6px; font-size: 12px; line-height: 1.4; font-weight: 500; color: #94a3b8; } /* line 706, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__input-affix { display: flex; align-items: stretch; width: 100%; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 10px; background-color: #fff; transition: border-color .15s ease, box-shadow .15s ease; } /* line 716, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__input-affix:focus-within { border-color: var(--portal-primary, #4f46e5); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 10%, transparent); } /* line 721, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__input-affix .form-control { flex: 1 1 auto; min-width: 0; height: 46px; border: none; border-radius: 0; background: transparent; box-shadow: none; } /* line 730, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__input-affix .form-control:focus { background: transparent; border: none; box-shadow: none; } /* line 738, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__input-affix-suffix { display: flex; flex: 0 0 auto; align-items: center; padding: 0 14px; border-left: 1px solid #e2e8f0; background: var(--dsh-soft-indigo, #eef2ff); font-size: 13px; font-weight: 600; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #64748b; } /* line 753, app/assets/stylesheets/_auth-experience.scss */ .authx label.auth3__upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 124px; margin: 0; padding: 20px 16px; border: 1.5px dashed #cbd5e1; border-radius: 12px; background: #fff; text-align: center; text-transform: none; font-weight: 500; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } /* line 773, app/assets/stylesheets/_auth-experience.scss */ .authx label.auth3__upload:hover { border-color: var(--portal-primary, #4f46e5); background: var(--dsh-soft-indigo, #eef2ff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 7%, transparent); } /* line 779, app/assets/stylesheets/_auth-experience.scss */ .authx label.auth3__upload.auth3__upload--filled { border-style: solid; border-color: #e6eaf0; background: #fff; } /* line 786, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__upload-icon { display: flex; align-items: center; justify-content: center; line-height: 0; } /* line 793, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__upload-preview { width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain; padding: 4px; border: 1px solid #e6eaf0; border-radius: 10px; background: #fff; } /* line 803, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__upload-text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 600; color: #334155; } /* line 813, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__upload-hint { font-size: 12px; font-weight: 500; color: #94a3b8; } /* line 819, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__upload-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* line 832, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__choice { display: flex; align-items: center; gap: 8px; margin: 0; padding: 11px 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; font-size: 14px; font-weight: 600; text-transform: none; color: #334155; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; } /* line 848, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__choice:hover { border-color: color-mix(in srgb, var(--portal-primary, #4f46e5) 40%, transparent); background: var(--dsh-soft-indigo, #eef2ff); } /* line 855, app/assets/stylesheets/_auth-experience.scss */ .authx form.is-submitting { pointer-events: none; } /* line 859, app/assets/stylesheets/_auth-experience.scss */ .authx .js-signup-form-shell, .authx .auth3__setup-shell { transition: opacity .32s ease, transform .32s ease; will-change: opacity, transform; } /* line 865, app/assets/stylesheets/_auth-experience.scss */ .authx .js-signup-form-shell.is-hidden { opacity: 0; transform: translateY(18px) scale(0.985); pointer-events: none; } /* line 871, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__setup-shell { opacity: 0; transform: translateY(18px) scale(0.985); } /* line 876, app/assets/stylesheets/_auth-experience.scss */ .authx .auth3__setup-shell.is-visible { opacity: 1; transform: translateY(0) scale(1); } /* line 882, app/assets/stylesheets/_auth-experience.scss */ .authx .alert-danger { margin-bottom: 20px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fef2f2; font-size: 13.5px; color: #b91c1c; } /* ----------------------------------------------------------------------------- Motion -------------------------------------------------------------------------- */ @keyframes authx-rise-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } @keyframes authx-fade { from { opacity: 0; } to { opacity: 1; } } /* ----------------------------------------------------------------------------- Responsive -------------------------------------------------------------------------- */ @media (max-width: 1180px) { /* line 910, app/assets/stylesheets/_auth-experience.scss */ .authx__shell { grid-template-columns: 1fr 1fr; } /* line 911, app/assets/stylesheets/_auth-experience.scss */ .authx__formside { padding: 40px 44px; } /* line 912, app/assets/stylesheets/_auth-experience.scss */ .authx__headline { font-size: clamp(27px, 3.6vh, 34px); } } /* Two-panel desktop: the left brand panel already shows the mark — hide the duplicate on the form side. */ @media (min-width: 901px) { /* line 917, app/assets/stylesheets/_auth-experience.scss */ .authx:not(.authx--single) .authx__mark { display: none; } } /* Single column on mobile: hide the indigo brand panel; centre the form. */ @media (max-width: 900px) { /* line 922, app/assets/stylesheets/_auth-experience.scss */ .authx__shell { grid-template-columns: 1fr; min-height: 100vh; } /* line 927, app/assets/stylesheets/_auth-experience.scss */ .authx__brandcol { display: none; } /* line 929, app/assets/stylesheets/_auth-experience.scss */ .authx__formside { min-height: 100vh; justify-content: center; padding: 26px 20px; } /* line 935, app/assets/stylesheets/_auth-experience.scss */ .authx__formside-inner, .authx__formside-inner--wide { max-width: 480px; margin: 0 auto; padding: 0; } /* line 942, app/assets/stylesheets/_auth-experience.scss */ .authx__theme { top: 20px; right: 16px; } /* line 943, app/assets/stylesheets/_auth-experience.scss */ .authx__mark { margin-bottom: 24px; } /* line 944, app/assets/stylesheets/_auth-experience.scss */ .authx__title { font-size: 29px; } } @media (max-width: 560px) { /* line 948, app/assets/stylesheets/_auth-experience.scss */ .authx__formside { padding: 22px 18px; } /* line 949, app/assets/stylesheets/_auth-experience.scss */ .authx__title { font-size: 27px; } } /* Short desktop viewports (laptops at 1366x768 and below once browser chrome is taken off): tighten the composition so nothing scrolls or clips. */ @media (min-width: 901px) and (max-height: 720px) { /* line 955, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot-copy small { display: none; } /* line 957, app/assets/stylesheets/_auth-experience.scss */ .authx__formside { padding-top: 24px; padding-bottom: 24px; } /* line 958, app/assets/stylesheets/_auth-experience.scss */ .authx__formside-inner { padding: 8px 0; } /* line 959, app/assets/stylesheets/_auth-experience.scss */ .authx__mark { margin-bottom: 20px; } /* line 960, app/assets/stylesheets/_auth-experience.scss */ .authx__mark img { width: 28px; height: 28px; } /* line 961, app/assets/stylesheets/_auth-experience.scss */ .authx__subtitle { margin-bottom: 20px; } /* line 962, app/assets/stylesheets/_auth-experience.scss */ .authx .form-group { margin-bottom: 14px; } /* line 963, app/assets/stylesheets/_auth-experience.scss */ .authx__row-between { margin: 0 0 16px; } /* line 964, app/assets/stylesheets/_auth-experience.scss */ .authx__hint { margin-top: 16px; } } @media (min-width: 901px) and (max-height: 600px) { /* line 968, app/assets/stylesheets/_auth-experience.scss */ .authx__features { display: none; } /* line 969, app/assets/stylesheets/_auth-experience.scss */ .authx__panel-foot { display: none; } /* line 970, app/assets/stylesheets/_auth-experience.scss */ .authx__hint { display: none; } } @media (prefers-reduced-motion: reduce) { /* line 974, app/assets/stylesheets/_auth-experience.scss */ .authx__hero, .authx__feature, .authx__panel-foot, .authx__formside-inner { animation: none; } } /* ----------------------------------------------------------------------------- Dark theme -------------------------------------------------------------------------- */ /* line 986, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx { background: #0b1020; color: #f8fafc; color-scheme: dark; /* Brand panel keeps a deep tint of the active accent, not a flat dark block. */ /* Form column */ /* Sign-up form components. */ } /* line 992, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__brandcol { background: linear-gradient(152deg, color-mix(in srgb, var(--portal-primary, #6366f1) 58%, #000) 0%, color-mix(in srgb, var(--portal-primary-d, #4f46e5) 72%, #000) 46%, color-mix(in srgb, var(--portal-primary-d, #4f46e5) 88%, #000) 100%); } /* line 1001, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__glow--one { background: color-mix(in srgb, var(--portal-indigo, #818cf8) 32%, transparent); } /* line 1002, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__glow--two { background: color-mix(in srgb, var(--portal-primary-d, #4338ca) 60%, #000); } /* line 1005, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__formside { background: #0b1020; } /* line 1007, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__title, html[data-theme="dark"] .authx__mark-name { color: #f8fafc; } /* line 1009, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__title-mark { color: var(--portal-indigo, #818cf8); } /* line 1010, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__subtitle, html[data-theme="dark"] .authx__foot, html[data-theme="dark"] .authx__check { color: #94a3b8; } /* line 1014, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx label, html[data-theme="dark"] .authx .form-label { color: #cbd5e1; } /* line 1017, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .form-control, html[data-theme="dark"] .authx select.form-control, html[data-theme="dark"] .authx input.form-control[type="date"] { background-color: #111827; border-color: #263044; color: #f8fafc; } /* line 1024, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .form-control::-moz-placeholder, html[data-theme="dark"] .authx select.form-control::-moz-placeholder, html[data-theme="dark"] .authx input.form-control[type="date"]::-moz-placeholder { color: #64748b; } html[data-theme="dark"] .authx .form-control::placeholder, html[data-theme="dark"] .authx select.form-control::placeholder, html[data-theme="dark"] .authx input.form-control[type="date"]::placeholder { color: #64748b; } /* line 1026, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .form-control:focus, html[data-theme="dark"] .authx select.form-control:focus, html[data-theme="dark"] .authx input.form-control[type="date"]:focus { background-color: #111827; border-color: var(--portal-primary, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #6366f1) 18%, transparent); } /* line 1033, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__ifield-icon { color: #64748b; } /* line 1035, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__checkbox { background: #111827; border-color: #334155; } /* line 1039, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__checkbox:checked { background-color: var(--portal-primary, #6366f1); border-color: var(--portal-primary, #6366f1); } /* line 1045, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__link, html[data-theme="dark"] .authx__foot a { color: var(--portal-indigo, #818cf8); } /* line 1048, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .btn-primary, html[data-theme="dark"] .authx input[type="submit"] { background: linear-gradient(135deg, var(--portal-primary, #6366f1) 0%, var(--portal-primary-d, #4f46e5) 100%); box-shadow: 0 8px 20px color-mix(in srgb, var(--portal-primary, #6366f1) 22%, transparent); } /* line 1054, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__theme { background: #111827; border-color: #263044; color: #f8fafc; } /* line 1059, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__theme:hover { background: color-mix(in srgb, var(--portal-primary, #6366f1) 14%, transparent); border-color: color-mix(in srgb, var(--portal-primary, #6366f1) 40%, transparent); color: var(--portal-indigo, #818cf8); } /* line 1066, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__terms, html[data-theme="dark"] .authx__hint { color: #64748b; } /* line 1069, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__pwreq-item { color: #64748b; } /* line 1070, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__pwreq-item.is-met { color: #34d399; } /* line 1072, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__pwreq-tick { border-color: #334155; } /* line 1074, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__pwreq-item.is-met html[data-theme="dark"] .authx__pwreq-tick { background: #10b981; border-color: #10b981; } /* line 1079, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__field-error { background: rgba(248, 113, 113, 0.08); border-color: rgba(248, 113, 113, 0.25); color: #fca5a5; } /* line 1085, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .alert-danger { background: rgba(248, 113, 113, 0.1); border-color: rgba(248, 113, 113, 0.28); color: #fca5a5; } /* line 1092, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__field-hint { color: #64748b; } /* line 1094, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__input-affix { background-color: #111827; border-color: #263044; } /* line 1098, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__input-affix:focus-within { border-color: var(--portal-primary, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #6366f1) 18%, transparent); } /* line 1104, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__input-affix-suffix { background: color-mix(in srgb, var(--portal-primary, #6366f1) 12%, transparent); border-left-color: #263044; color: #94a3b8; } /* line 1110, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx label.auth3__upload { background: #111827; border-color: #334155; } /* line 1114, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx label.auth3__upload:hover { border-color: var(--portal-primary, #6366f1); background: color-mix(in srgb, var(--portal-primary, #6366f1) 10%, transparent); } /* line 1119, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx label.auth3__upload.auth3__upload--filled { background: #0b1020; border-color: #263044; } /* line 1125, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__upload-text { color: #cbd5e1; } /* line 1126, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__upload-hint { color: #64748b; } /* line 1127, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__upload-preview { background: #0b1020; border-color: #263044; } /* line 1132, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__choice { background: #111827; border-color: #263044; color: #cbd5e1; } /* line 1137, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx .auth3__choice:hover { border-color: color-mix(in srgb, var(--portal-primary, #6366f1) 50%, transparent); background: color-mix(in srgb, var(--portal-primary, #6366f1) 10%, transparent); } /* ----------------------------------------------------------------------------- Account provisioning screen ----------------------------------------------------------------------------- Shown after sign-up while the workspace is created. These selectors are top-level (not scoped to a shell) so they work under both .authx and the legacy .auth3 markup; the sign-up JS drives the is-active / is-complete states. Kept verbatim from the original _app-style.scss rules. -------------------------------------------------------------------------- */ /* line 1152, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 28px 24px; border-radius: 24px; background: #ffffff; box-shadow: 0 20px 50px rgba(28, 39, 76, 0.12); } /* line 1163, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-loader { width: 64px; height: 64px; margin-bottom: 18px; border: 4px solid #dff4e5; border-top-color: #1fa750; border-radius: 50%; animation: auth3-setup-spin 0.9s linear infinite; } /* line 1173, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-title { margin: 0 0 8px; font-size: 28px; font-weight: 700; line-height: 1.2; color: #1c274c; text-align: center; } /* line 1182, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-subtitle { margin: 0 0 24px; max-width: 440px; font-size: 15px; line-height: 1.6; color: #64708a; text-align: center; } /* line 1191, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-progress { width: 100%; height: 12px; margin-bottom: 10px; overflow: hidden; border-radius: 999px; background: #e6f4ea; } /* line 1200, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-progress-bar { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #23b15d 0%, #42ce78 100%); transition: width .55s ease; } /* line 1208, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-progress-meta { width: 100%; margin-bottom: 22px; font-size: 13px; font-weight: 700; color: #1fa750; text-align: right; } /* line 1217, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-steps { width: 100%; margin: 0; padding: 0; list-style: none; } /* line 1224, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step { display: flex; align-items: center; gap: 14px; padding: 11px 0; color: #8a95ab; opacity: 0.7; transform: translateY(0); transition: opacity .28s ease, transform .28s ease, color .28s ease; } /* line 1235, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-active { color: #1c274c; opacity: 1; transform: translateY(-2px); } /* line 1241, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-complete { color: #1f8f47; opacity: 1; } /* line 1246, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step-icon { position: relative; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: #eef3fb; } /* line 1255, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step-spinner, .auth3__setup-step-check { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } /* line 1264, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step-spinner { width: 24px; height: 24px; border: 2px solid transparent; border-top-color: #2f80ed; border-right-color: #2f80ed; border-radius: 50%; opacity: 0; transform: scale(0.7); } /* line 1275, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step-check { font-size: 14px; font-weight: 800; color: #1fa750; opacity: 0; transform: scale(0.6); transition: opacity .24s ease, transform .24s ease; } /* line 1284, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-active .auth3__setup-step-spinner { opacity: 1; transform: scale(1); animation: auth3-setup-spin 0.8s linear infinite; } /* line 1290, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-complete .auth3__setup-step-icon { background: rgba(31, 167, 80, 0.12); } /* line 1294, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-complete .auth3__setup-step-spinner { opacity: 0; animation: none; } /* line 1299, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step.is-complete .auth3__setup-step-check { opacity: 1; transform: scale(1); } /* line 1304, app/assets/stylesheets/_auth-experience.scss */ .auth3__setup-step-text { font-size: 15px; font-weight: 600; line-height: 1.45; } /* ========================================================================= PLAN PICKER (.planpick) — signup step 3 Billing-interval toggle above a 2-column radio-card grid. The native radio stays focusable so keyboard / screen-reader behaviour is the browser's. ========================================================================= */ /* line 1315, app/assets/stylesheets/_auth-experience.scss */ .planpick-wrap { display: flex; flex-direction: column; gap: 14px; } /* line 1321, app/assets/stylesheets/_auth-experience.scss */ .planpick__toggle { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: 100%; padding: 4px; background: var(--dsh-soft-indigo, #eef2ff); border: 1px solid #e2e8f0; border-radius: 999px; } /* line 1333, app/assets/stylesheets/_auth-experience.scss */ .planpick__toggle-btn { flex: 1 1 0; border: 0; background: transparent; color: #64748b; font-size: 13px; font-weight: 600; padding: 9px 12px; border-radius: 999px; cursor: pointer; transition: background .15s ease, color .15s ease, box-shadow .15s ease; } /* line 1345, app/assets/stylesheets/_auth-experience.scss */ .planpick__toggle-btn:hover { color: #0f172a; background: color-mix(in srgb, var(--portal-primary, #4f46e5) 6%, transparent); } /* line 1347, app/assets/stylesheets/_auth-experience.scss */ .planpick__toggle-btn.is-active { background: var(--portal-primary, #4f46e5); color: #fff; box-shadow: 0 6px 16px color-mix(in srgb, var(--portal-primary, #4f46e5) 28%, transparent); } /* line 1354, app/assets/stylesheets/_auth-experience.scss */ .planpick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; /* Visually hidden, still focusable and still the accessibility source. */ /* Selected + focus states are painted on the card via :has() where supported; the :focus-visible fallback below covers older engines. */ } /* line 1359, app/assets/stylesheets/_auth-experience.scss */ .planpick__card { position: relative; display: block; margin: 0; padding: 14px 14px 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; cursor: pointer; min-width: 0; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } /* line 1371, app/assets/stylesheets/_auth-experience.scss */ .planpick__card:hover { border-color: var(--portal-primary, #4f46e5); } /* line 1375, app/assets/stylesheets/_auth-experience.scss */ .planpick__radio { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } /* line 1383, app/assets/stylesheets/_auth-experience.scss */ .planpick__radio:checked + .planpick__body .planpick__name { color: var(--portal-primary-d, #4338ca); } /* line 1389, app/assets/stylesheets/_auth-experience.scss */ .planpick__card:has(.planpick__radio:checked) { border-color: var(--portal-primary, #4f46e5); background: var(--dsh-soft-indigo, #eef2ff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 12%, transparent); } /* line 1395, app/assets/stylesheets/_auth-experience.scss */ .planpick__card:has(.planpick__radio:focus-visible) { outline: 2px solid var(--portal-primary, #4f46e5); outline-offset: 2px; } /* line 1400, app/assets/stylesheets/_auth-experience.scss */ .planpick__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; } /* line 1407, app/assets/stylesheets/_auth-experience.scss */ .planpick__name { font-size: 14px; font-weight: 700; color: #0f172a; line-height: 1.3; word-break: break-word; } /* line 1415, app/assets/stylesheets/_auth-experience.scss */ .planpick__price { font-size: 13px; font-weight: 700; color: #0f172a; line-height: 1.35; } /* line 1422, app/assets/stylesheets/_auth-experience.scss */ .planpick__badge { display: inline-flex; align-self: flex-start; margin-top: 2px; padding: 2px 8px; border-radius: 999px; background: rgba(16, 185, 129, 0.12); color: #047857; font-size: 10px; font-weight: 700; letter-spacing: .2px; line-height: 1.4; } /* line 1435, app/assets/stylesheets/_auth-experience.scss */ .planpick__badge[hidden] { display: none !important; } /* line 1438, app/assets/stylesheets/_auth-experience.scss */ .planpick__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 2px; font-size: 12px; line-height: 1.45; color: #64748b; } @media (max-width: 767.98px) { /* line 1451, app/assets/stylesheets/_auth-experience.scss */ .planpick.plans-tumble { display: block; margin-left: -4px; margin-right: -4px; } /* line 1457, app/assets/stylesheets/_auth-experience.scss */ .plans-tumble .planpick__card { height: 100%; margin: 0; } } /* line 1464, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__toggle { background: #111827; border-color: #263044; } /* line 1469, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__toggle-btn { color: #94a3b8; } /* line 1472, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__toggle-btn:hover { color: #f8fafc; background: color-mix(in srgb, var(--portal-indigo, #818cf8) 10%, transparent); } /* line 1474, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__toggle-btn.is-active { background: var(--portal-primary, #4f46e5); color: #fff; } /* line 1480, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__card { background: #111827; border-color: #263044; } /* line 1485, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__card:has(.planpick__radio:checked) { background: color-mix(in srgb, var(--portal-primary, #4f46e5) 14%, transparent); border-color: var(--portal-indigo, #818cf8); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-indigo, #818cf8) 16%, transparent); } /* line 1491, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__name, html[data-theme="dark"] .planpick__price { color: #f8fafc; } /* line 1494, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__radio:checked + .planpick__body .planpick__name { color: var(--portal-indigo, #c7d2fe); } /* line 1498, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick__desc { color: #94a3b8; } /* ========================================================================= PLAN DETAIL POPUP (.planpick-detail) Opens on card click. Backdrop blurs the choose-plan screen behind it. ========================================================================= */ /* line 1505, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 20px; } /* line 1514, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail[hidden] { display: none !important; } /* line 1516, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-collapsing .planpick-detail__dialog { will-change: transform, border-radius, opacity; pointer-events: none; } /* line 1521, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-expanding .planpick-detail__dialog { will-change: transform, border-radius; } /* line 1526, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__backdrop { position: absolute; inset: 0; border: 0; padding: 0; margin: 0; cursor: pointer; background: rgba(15, 23, 42, 0.42); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; transition: opacity 0.32s ease; } /* line 1539, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-ready .planpick-detail__backdrop { opacity: 1; } /* line 1540, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-collapsing .planpick-detail__backdrop { opacity: 0; transition-duration: 0.28s; } /* line 1543, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__dialog { position: relative; z-index: 1; display: flex; flex-direction: column; width: min(440px, 100%); max-height: min(82vh, 720px); border-radius: 16px; background: #fff; box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28); overflow: hidden; transform-origin: center center; } /* line 1557, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__close { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 999px; background: var(--dsh-soft-indigo, #eef2ff); color: #0f172a; cursor: pointer; opacity: 0; transform: scale(0.86); transition: opacity 0.22s ease 0.12s, transform 0.22s ease 0.12s, background-color 0.15s ease; } /* line 1576, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__close .icon { width: 16px; height: 16px; } /* line 1578, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__close:hover { background: color-mix(in srgb, var(--portal-primary, #4f46e5) 16%, transparent); } /* line 1580, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-ready .planpick-detail__close { opacity: 1; transform: none; } /* line 1585, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-collapsing .planpick-detail__close { opacity: 0; transform: scale(0.86); transition-delay: 0s; transition-duration: 0.14s; } /* line 1593, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__body { overflow-y: auto; padding: 22px 22px 8px; -webkit-overflow-scrolling: touch; } /* line 1599, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__foot { flex-shrink: 0; padding: 12px 22px 20px; border-top: 1px solid #e6eaf0; background: #fff; opacity: 0; transform: translateY(10px); transition: opacity 0.26s ease 0.18s, transform 0.26s ease 0.18s; } /* line 1608, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-ready .planpick-detail__foot { opacity: 1; transform: none; } /* line 1613, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-collapsing .planpick-detail__foot { opacity: 0; transform: translateY(8px); transition-delay: 0s; transition-duration: 0.14s; } /* line 1621, app/assets/stylesheets/_auth-experience.scss */ .planpick__card.is-detail-origin { z-index: 1; } @media (prefers-reduced-motion: reduce) { /* line 1626, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__backdrop, .planpick-detail__close, .planpick-detail__foot { transition: none !important; transform: none !important; } /* line 1633, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail.is-ready .planpick-detail__backdrop, .planpick-detail.is-ready .planpick-detail__close, .planpick-detail.is-ready .planpick-detail__foot { opacity: 1 !important; } } /* line 1640, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__head { padding-right: 36px; margin-bottom: 18px; } /* line 1645, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__name { margin: 0 0 6px; font-size: 22px; font-weight: 700; color: #0f172a; line-height: 1.25; } /* line 1653, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__price { margin: 0; font-size: 16px; font-weight: 700; color: #0f172a; } /* line 1660, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__badge { display: inline-flex; margin-top: 8px; padding: 3px 10px; border-radius: 999px; background: rgba(16, 185, 129, 0.12); color: #047857; font-size: 11px; font-weight: 700; } /* line 1671, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__desc { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: #64748b; } /* line 1678, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__section { margin-bottom: 16px; } /* line 1682, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #94a3b8; } /* line 1695, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__count { font-size: 11px; font-weight: 700; color: var(--portal-primary, #4f46e5); letter-spacing: 0; text-transform: none; } /* line 1703, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__limits { list-style: none; margin: 0; padding: 0; border: 1px solid #e6eaf0; border-radius: 12px; overflow: hidden; } /* line 1711, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__limits li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px; font-size: 13px; color: #64748b; border-top: 1px solid #e6eaf0; } /* line 1720, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__limits li:first-child { border-top: 0; } /* line 1724, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__limit-val { color: #0f172a; font-weight: 700; text-align: right; } /* line 1729, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__limit-val strong { font-weight: 700; color: var(--portal-primary, #4f46e5); } /* line 1732, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__group { margin: 12px 0 6px; font-size: 12px; font-weight: 700; color: #0f172a; } /* line 1739, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__features { list-style: none; margin: 0; padding: 0; } /* line 1744, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__features li { display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; font-size: 13px; color: #0f172a; line-height: 1.4; } /* line 1754, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__features .icon { width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; color: var(--portal-primary, #4f46e5); } /* line 1763, app/assets/stylesheets/_auth-experience.scss */ .planpick-detail__empty { margin: 0; font-size: 13px; color: #64748b; } /* line 1770, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__backdrop { background: rgba(2, 6, 23, 0.62); } /* line 1774, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__dialog, html[data-theme="dark"] .planpick-detail__foot { background: #111827; } /* line 1779, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__close { background: color-mix(in srgb, var(--portal-indigo, #818cf8) 14%, transparent); color: #f8fafc; } /* line 1784, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__foot { border-top-color: #263044; } /* line 1788, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__name, html[data-theme="dark"] .planpick-detail__price, html[data-theme="dark"] .planpick-detail__group, html[data-theme="dark"] .planpick-detail__features li { color: #f8fafc; } /* line 1795, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__desc, html[data-theme="dark"] .planpick-detail__empty, html[data-theme="dark"] .planpick-detail__limits li { color: #94a3b8; } /* line 1801, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__limits { border-color: #263044; } /* line 1804, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__limits li { border-top-color: #263044; } /* line 1807, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__limit-val { color: #f8fafc; } /* line 1810, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__limit-val strong { color: var(--portal-indigo, #c7d2fe); } /* line 1813, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__section-title { color: #64748b; } /* line 1814, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__count { color: var(--portal-indigo, #a5b4fc); } /* line 1815, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .planpick-detail__features .icon { color: var(--portal-indigo, #a5b4fc); } /* line 1818, app/assets/stylesheets/_auth-experience.scss */ body.planpick-detail-open { overflow: hidden; } /* ========================================================================= WELCOME (.wlc) — signup step 4, the confirmation beat ========================================================================= */ /* line 1825, app/assets/stylesheets/_auth-experience.scss */ .authx--solo { display: flex; align-items: center; justify-content: center; padding: 32px 20px; } /* line 1832, app/assets/stylesheets/_auth-experience.scss */ .wlc { width: 100%; max-width: 420px; text-align: center; } /* line 1837, app/assets/stylesheets/_auth-experience.scss */ .wlc__mark { margin: 0 auto 22px; width: 84px; height: 84px; } /* line 1839, app/assets/stylesheets/_auth-experience.scss */ .wlc__svg { width: 100%; height: 100%; display: block; } /* line 1841, app/assets/stylesheets/_auth-experience.scss */ .wlc__circle { stroke: #10b981; stroke-width: 2.5; stroke-dasharray: 151; stroke-dashoffset: 151; animation: wlc-circle 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards; } /* line 1849, app/assets/stylesheets/_auth-experience.scss */ .wlc__check { stroke: #10b981; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 40; animation: wlc-check 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.45s forwards; } /* line 1859, app/assets/stylesheets/_auth-experience.scss */ .wlc__title { margin: 0 0 8px; font-size: 27px; font-weight: 800; letter-spacing: -.5px; color: #0f172a; } /* line 1867, app/assets/stylesheets/_auth-experience.scss */ .wlc__title-dot { color: var(--portal-primary, #4f46e5); } /* line 1869, app/assets/stylesheets/_auth-experience.scss */ .wlc__sub { margin: 0 0 22px; font-size: 15px; line-height: 1.6; color: #64748b; } /* line 1876, app/assets/stylesheets/_auth-experience.scss */ .wlc__steps { list-style: none; margin: 0 0 22px; padding: 0; display: inline-grid; gap: 9px; text-align: left; } /* line 1885, app/assets/stylesheets/_auth-experience.scss */ .wlc__step { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; color: #0f172a; opacity: 0; animation: wlc-step .3s ease forwards; } /* line 1895, app/assets/stylesheets/_auth-experience.scss */ .wlc__step:nth-child(1) { animation-delay: .70s; } /* line 1896, app/assets/stylesheets/_auth-experience.scss */ .wlc__step:nth-child(2) { animation-delay: .85s; } /* line 1897, app/assets/stylesheets/_auth-experience.scss */ .wlc__step:nth-child(3) { animation-delay: 1.0s; } /* line 1900, app/assets/stylesheets/_auth-experience.scss */ .wlc__tick { flex: 0 0 auto; width: 17px; height: 17px; border-radius: 50%; background: #10b981; position: relative; } /* line 1908, app/assets/stylesheets/_auth-experience.scss */ .wlc__tick::after { content: ''; position: absolute; left: 5.5px; top: 2.5px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* line 1921, app/assets/stylesheets/_auth-experience.scss */ .wlc__next { margin: 0 0 16px; font-size: 13px; color: #94a3b8; } /* line 1927, app/assets/stylesheets/_auth-experience.scss */ .wlc__btn { min-width: 170px; } @keyframes wlc-circle { to { stroke-dashoffset: 0; } } @keyframes wlc-check { to { stroke-dashoffset: 0; } } @keyframes wlc-step { to { opacity: 1; } } /* Motion is decorative here: the page still reads correctly without it, so reduced-motion users get the finished state immediately. */ @media (prefers-reduced-motion: reduce) { /* line 1937, app/assets/stylesheets/_auth-experience.scss */ .wlc__circle, .wlc__check { animation: none; stroke-dashoffset: 0; } /* line 1939, app/assets/stylesheets/_auth-experience.scss */ .wlc__step { animation: none; opacity: 1; } } /* line 1944, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .wlc__title, html[data-theme="dark"] .wlc__step { color: #f8fafc; } /* line 1947, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .wlc__title-dot { color: var(--portal-indigo, #a5b4fc); } /* line 1949, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .wlc__sub { color: #94a3b8; } /* line 1951, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .wlc__next { color: #64748b; } /* A button that has to read as a link. button_to emits , which `.authx input[type="submit"]` above paints as a full-width primary button -- so this needs the same two-level specificity to win, not a bare class. Scoped under .authx for that reason alone. */ /* line 1960, app/assets/stylesheets/_auth-experience.scss */ .authx { /* button_to wraps the input in a form; keep it on the text baseline. */ } /* line 1961, app/assets/stylesheets/_auth-experience.scss */ .authx input.authx__linkbtn[type="submit"], .authx .authx__linkbtn { display: inline; width: auto; height: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; font-weight: 600; color: var(--portal-primary, #4f46e5); text-decoration: underline; text-transform: none; letter-spacing: normal; cursor: pointer; } /* line 1980, app/assets/stylesheets/_auth-experience.scss */ .authx input.authx__linkbtn[type="submit"]:hover, .authx input.authx__linkbtn[type="submit"]:focus, .authx .authx__linkbtn:hover, .authx .authx__linkbtn:focus { background: none; box-shadow: none; color: var(--portal-primary-d, #4338ca); transform: none; } /* line 1990, app/assets/stylesheets/_auth-experience.scss */ .authx .authx__linkbtn-form { display: inline; margin: 0; } /* Dark theme: the earlier `html[data-theme="dark"] .authx input[type="submit"]` gradient beats `.authx__linkbtn`'s `background: none`, and the light-mode indigo text disappears on the dark canvas. Re-assert link appearance with enough specificity to win, matching .authx__link / "Sign out". */ /* line 1999, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx input.authx__linkbtn[type="submit"], html[data-theme="dark"] .authx .authx__linkbtn { background: none; box-shadow: none; color: var(--portal-indigo, #818cf8); } /* line 2005, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx input.authx__linkbtn[type="submit"]:hover, html[data-theme="dark"] .authx input.authx__linkbtn[type="submit"]:focus, html[data-theme="dark"] .authx .authx__linkbtn:hover, html[data-theme="dark"] .authx .authx__linkbtn:focus { background: none; box-shadow: none; color: var(--portal-indigo, #a5b4fc); } /* ============================================================================= QR sign-in ----------------------------------------------------------------------------- Three surfaces, all scoped so none of it can leak into the portal: .authx__tabs / __qrsignin the WAITING device (sign-in page) .authx__gate / __devicecard the /link/ approval page .qrscan the in-app camera modal (phone side) Appended after the dark-theme block above, so each piece carries its own `html[data-theme="dark"]` rules rather than relying on that earlier block. ========================================================================== */ /* line 2028, app/assets/stylesheets/_auth-experience.scss */ .authx { /* Password / QR switch ------------------------------------------------- */ /* Waiting device ------------------------------------------------------- */ /* Overlays. Hidden by default; the phase on the root reveals exactly one, so the QR is never visible at the same time as a state that contradicts it (an expired code that still looks scannable is a trap). */ /* Phase machine. `data-qr-phase` is set by qr_login.js. */ /* Dim the code while it is being acted on, so it plainly is not "still waiting for a scan". */ /* Approval page -------------------------------------------------------- */ } /* line 2031, app/assets/stylesheets/_auth-experience.scss */ .authx__tabs { display: flex; gap: 4px; padding: 4px; margin-bottom: 22px; background: #f8fafc; border: 1px solid #e6eaf0; border-radius: 12px; } /* line 2041, app/assets/stylesheets/_auth-experience.scss */ .authx__tab { flex: 1 1 0; padding: 9px 12px; border: 0; border-radius: 9px; background: transparent; color: #64748b; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } /* line 2053, app/assets/stylesheets/_auth-experience.scss */ .authx__tab:hover { color: #0f172a; } /* line 2055, app/assets/stylesheets/_auth-experience.scss */ .authx__tab.is-active { background: #fff; color: var(--portal-primary, #4f46e5); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } /* line 2063, app/assets/stylesheets/_auth-experience.scss */ .authx__qrsignin { text-align: center; } /* line 2065, app/assets/stylesheets/_auth-experience.scss */ .authx__qrframe { position: relative; display: flex; align-items: center; justify-content: center; width: 240px; height: 240px; margin: 0 auto 22px; padding: 14px; background: #fff; border: 1px solid #e6eaf0; border-radius: 18px; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.07); } /* line 2080, app/assets/stylesheets/_auth-experience.scss */ .authx__qrcode { width: 100%; height: 100%; } /* line 2084, app/assets/stylesheets/_auth-experience.scss */ .authx__qrcode svg { display: block; width: 100%; height: 100%; } /* line 2090, app/assets/stylesheets/_auth-experience.scss */ .authx__qrstate { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, 0.93); text-align: center; } /* line 2104, app/assets/stylesheets/_auth-experience.scss */ .authx__qrstate-label { font-size: 14px; font-weight: 600; color: #0f172a; } /* line 2110, app/assets/stylesheets/_auth-experience.scss */ .authx__qrspinner { width: 28px; height: 28px; border: 3px solid color-mix(in srgb, var(--portal-primary, #4f46e5) 22%, transparent); border-top-color: var(--portal-primary, #4f46e5); border-radius: 50%; animation: authx-qrspin 0.7s linear infinite; } /* line 2119, app/assets/stylesheets/_auth-experience.scss */ .authx__qrtick { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(16, 185, 129, 0.14); color: #10b981; } /* line 2129, app/assets/stylesheets/_auth-experience.scss */ .authx__qrtick svg { width: 24px; height: 24px; } /* line 2132, app/assets/stylesheets/_auth-experience.scss */ .authx__qrrefresh { padding: 8px 18px; font-size: 14px; } /* line 2135, app/assets/stylesheets/_auth-experience.scss */ .js-qr-login[data-qr-phase="loading"] .authx__qrstate--loading, .js-qr-login[data-qr-phase="approved"] .authx__qrstate--approved, .js-qr-login[data-qr-phase="signedin"] .authx__qrstate--done, .js-qr-login[data-qr-phase="expired"] .authx__qrstate--expired, .js-qr-login[data-qr-phase="error"] .authx__qrstate--expired { display: flex; } /* line 2145, app/assets/stylesheets/_auth-experience.scss */ .js-qr-login[data-qr-phase="approved"] .authx__qrcode { opacity: 0.25; } /* line 2146, app/assets/stylesheets/_auth-experience.scss */ .js-qr-login[data-qr-phase="expired"] .authx__qrcode, .js-qr-login[data-qr-phase="error"] .authx__qrcode { opacity: 0.12; } /* line 2149, app/assets/stylesheets/_auth-experience.scss */ .authx__qrsteps { margin: 0 0 14px; padding-left: 20px; text-align: left; font-size: 13.5px; line-height: 1.65; color: #64748b; } /* line 2157, app/assets/stylesheets/_auth-experience.scss */ .authx__qrsteps li + li { margin-top: 4px; } /* line 2158, app/assets/stylesheets/_auth-experience.scss */ .authx__qrsteps strong { color: #0f172a; font-weight: 600; } /* line 2161, app/assets/stylesheets/_auth-experience.scss */ .authx__qrnote { margin: 0; font-size: 12.5px; color: #94a3b8; min-height: 18px; } /* line 2169, app/assets/stylesheets/_auth-experience.scss */ .authx--single { display: flex; align-items: center; justify-content: center; } /* line 2174, app/assets/stylesheets/_auth-experience.scss */ .authx--single .authx__formside { width: 100%; } /* line 2177, app/assets/stylesheets/_auth-experience.scss */ .authx__notice { padding: 12px 14px; margin-bottom: 20px; border: 1px solid color-mix(in srgb, var(--portal-primary, #4f46e5) 22%, transparent); border-left: 3px solid var(--portal-primary, #4f46e5); border-radius: 10px; background: var(--dsh-soft-indigo, #eef2ff); font-size: 13.5px; line-height: 1.55; color: #0f172a; } /* line 2188, app/assets/stylesheets/_auth-experience.scss */ .authx__notice strong { display: block; font-weight: 600; } /* line 2191, app/assets/stylesheets/_auth-experience.scss */ .authx__devicecard { margin: 0 0 22px; padding: 4px 16px; border: 1px solid #e6eaf0; border-radius: 12px; background: #f8fafc; } /* line 2199, app/assets/stylesheets/_auth-experience.scss */ .authx__devicecard-row { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; font-size: 13.5px; } /* line 2206, app/assets/stylesheets/_auth-experience.scss */ .authx__devicecard-row + .authx__devicecard-row { border-top: 1px solid #e6eaf0; } /* line 2208, app/assets/stylesheets/_auth-experience.scss */ .authx__devicecard-row dt { margin: 0; color: #64748b; font-weight: 500; } /* line 2209, app/assets/stylesheets/_auth-experience.scss */ .authx__devicecard-row dd { margin: 0; color: #0f172a; font-weight: 600; text-align: right; } /* line 2212, app/assets/stylesheets/_auth-experience.scss */ .authx__actions { display: flex; gap: 10px; align-items: center; } /* line 2217, app/assets/stylesheets/_auth-experience.scss */ .authx__actions .authx__submit { margin: 0; } /* line 2220, app/assets/stylesheets/_auth-experience.scss */ .authx__cancel { flex: 0 0 auto; } /* line 2222, app/assets/stylesheets/_auth-experience.scss */ .authx__gate-checking, .authx__gate-message { margin: 12px 0 0; font-size: 13px; color: #64748b; min-height: 18px; } @keyframes authx-qrspin { to { transform: rotate(360deg); } } /* In-app camera modal ------------------------------------------------------ */ /* line 2234, app/assets/stylesheets/_auth-experience.scss */ .qrscan { position: fixed; inset: 0; z-index: 1080; display: flex; align-items: center; justify-content: center; padding: 16px; } /* line 2243, app/assets/stylesheets/_auth-experience.scss */ .qrscan[hidden] { display: none; } /* line 2245, app/assets/stylesheets/_auth-experience.scss */ .qrscan__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.62); } /* line 2251, app/assets/stylesheets/_auth-experience.scss */ .qrscan__dialog { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3); overflow: hidden; } /* line 2261, app/assets/stylesheets/_auth-experience.scss */ .qrscan__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #e6eaf0; } /* line 2269, app/assets/stylesheets/_auth-experience.scss */ .qrscan__title { margin: 0; font-size: 16px; font-weight: 600; color: #0f172a; } /* line 2276, app/assets/stylesheets/_auth-experience.scss */ .qrscan__close { border: 0; background: none; font-size: 24px; line-height: 1; color: #64748b; cursor: pointer; } /* line 2284, app/assets/stylesheets/_auth-experience.scss */ .qrscan__close:hover { color: #0f172a; } /* line 2287, app/assets/stylesheets/_auth-experience.scss */ .qrscan__body { padding: 18px; } /* line 2289, app/assets/stylesheets/_auth-experience.scss */ .qrscan__viewport { position: relative; width: 100%; /* 1:1 keeps the framing square, which is how people aim a QR. */ aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: #0f172a; } /* line 2299, app/assets/stylesheets/_auth-experience.scss */ .qrscan__video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } /* line 2306, app/assets/stylesheets/_auth-experience.scss */ .qrscan__reticle { position: absolute; inset: 16%; border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 12px; box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.28); pointer-events: none; } /* line 2315, app/assets/stylesheets/_auth-experience.scss */ .qrscan__hint { margin: 14px 0 0; font-size: 13.5px; line-height: 1.55; color: #475569; text-align: center; min-height: 20px; } /* line 2324, app/assets/stylesheets/_auth-experience.scss */ .qrscan__confirm { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e6eaf0; text-align: center; } /* line 2331, app/assets/stylesheets/_auth-experience.scss */ .qrscan__confirm-lead { margin: 0 0 4px; font-size: 15px; font-weight: 600; color: #0f172a; } /* line 2338, app/assets/stylesheets/_auth-experience.scss */ .qrscan__device { margin: 0 0 14px; font-size: 13px; color: #64748b; } /* line 2344, app/assets/stylesheets/_auth-experience.scss */ .qrscan__actions { display: flex; gap: 10px; justify-content: center; } /* line 2352, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx { /* The code itself keeps a white quiet zone: inverting a QR breaks scanning on a good number of phone cameras. */ } /* line 2353, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__tabs { background: #111827; border-color: #263044; } /* line 2358, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__tab { color: #94a3b8; } /* line 2361, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__tab:hover { color: #f8fafc; } /* line 2363, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__tab.is-active { background: #1c2438; color: var(--portal-indigo, #a5b4fc); } /* line 2371, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__qrframe { background: #fff; border-color: #263044; } /* line 2376, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__qrstate { background: rgba(255, 255, 255, 0.93); } /* line 2378, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__qrsteps { color: #94a3b8; } /* line 2379, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__qrsteps strong { color: #f8fafc; } /* line 2380, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__qrnote { color: #64748b; } /* line 2382, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__notice { background: color-mix(in srgb, var(--portal-primary, #4f46e5) 14%, transparent); border-color: color-mix(in srgb, var(--portal-indigo, #818cf8) 32%, transparent); border-left-color: var(--portal-indigo, #818cf8); color: #e2e8f0; } /* line 2389, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__devicecard { background: #111827; border-color: #263044; } /* line 2395, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__devicecard-row + .authx__devicecard-row { border-top-color: #263044; } /* line 2397, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__devicecard-row dt { color: #94a3b8; } /* line 2398, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__devicecard-row dd { color: #f8fafc; } /* line 2401, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx__gate-checking, html[data-theme="dark"] .authx__gate-message { color: #94a3b8; } /* line 2406, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__dialog { background: #111827; } /* line 2407, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__head { border-bottom-color: #263044; } /* line 2408, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__title { color: #f8fafc; } /* line 2409, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__close { color: #94a3b8; } /* line 2410, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__close:hover { color: #f8fafc; } /* line 2411, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__hint { color: #cbd5e1; } /* line 2412, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__confirm { border-top-color: #263044; } /* line 2413, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__confirm-lead { color: #f8fafc; } /* line 2414, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrscan__device { color: #94a3b8; } /* ============================================================================= "Link a device" modal ----------------------------------------------------------------------------- Reuses the .qrscan dialog shell (same modal chrome as the camera scanner) and adds only the QR frame, its overlays and the steps list. ========================================================================== */ /* line 2427, app/assets/stylesheets/_auth-experience.scss */ .qrlink__frame { position: relative; display: flex; align-items: center; justify-content: center; width: 230px; height: 230px; margin: 0 auto; padding: 12px; /* Always white, never themed: inverting a QR breaks scanning on a good number of phone cameras. */ background: #fff; border: 1px solid #e6eaf0; border-radius: 16px; } /* line 2443, app/assets/stylesheets/_auth-experience.scss */ .qrlink__code { width: 100%; height: 100%; } /* line 2447, app/assets/stylesheets/_auth-experience.scss */ .qrlink__code svg { display: block; width: 100%; height: 100%; } /* line 2450, app/assets/stylesheets/_auth-experience.scss */ .qrlink__state { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.94); text-align: center; } /* line 2464, app/assets/stylesheets/_auth-experience.scss */ .qrlink__state-label { font-size: 13.5px; font-weight: 600; color: #0f172a; } /* line 2470, app/assets/stylesheets/_auth-experience.scss */ .qrlink__steps { margin: 16px 0 0; padding-left: 20px; font-size: 13px; line-height: 1.6; color: #475569; } /* line 2477, app/assets/stylesheets/_auth-experience.scss */ .qrlink__steps li + li { margin-top: 3px; } /* line 2478, app/assets/stylesheets/_auth-experience.scss */ .qrlink__steps strong { color: #0f172a; font-weight: 600; } /* Phase machine — data-qr-link-phase is set by qr_link_device.js on the modal root, which is also the .qrlink element. Written out in full rather than nested: `&[attr] &__state` would compile to a descendant of itself, and the overlays are children of that same root. */ /* line 2486, app/assets/stylesheets/_auth-experience.scss */ .qrlink[data-qr-link-phase="loading"] .qrlink__state--loading, .qrlink[data-qr-link-phase="expired"] .qrlink__state--expired { display: flex; } /* line 2489, app/assets/stylesheets/_auth-experience.scss */ .qrlink[data-qr-link-phase="expired"] .qrlink__code { opacity: 0.12; } /* line 2493, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrlink__frame { border-color: #263044; } /* line 2494, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrlink__steps { color: #cbd5e1; } /* line 2495, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .qrlink__steps strong { color: #f8fafc; } /* Public admission inquiry (QR) — multi-student form */ /* line 2500, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry { align-items: stretch; min-height: 100vh; background: #f3f4f8; } /* line 2505, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__formside { width: 100%; min-height: 100vh; justify-content: flex-start; padding: 36px clamp(20px, 4vw, 56px) 48px; background: transparent; } /* line 2513, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__formside-inner--inquiry { max-width: 1080px; width: 100%; margin: 0 auto; padding: 8px 0 24px; } /* line 2520, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__mark { margin-bottom: 20px; } /* line 2522, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__title { font-size: clamp(30px, 3.2vw, 38px); margin-bottom: 8px; } /* line 2527, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__subtitle { max-width: 640px; margin-bottom: 28px; } /* line 2532, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__actions { max-width: 280px; margin-top: 8px; } /* line 2537, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__submit { width: 100%; } /* line 2541, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry-done .authx__formside { display: flex; align-items: center; justify-content: center; padding: 24px; } /* line 2548, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry-done .authx__formside-inner--inquiry { max-width: 560px; margin: 0 auto; padding: 0; text-align: center; display: flex; flex-direction: column; align-items: center; } /* line 2558, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry-done .authx__mark { margin-bottom: 24px; justify-content: center; } /* line 2563, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry-done .authx__subtitle { max-width: 420px; margin-bottom: 0; } /* line 2569, app/assets/stylesheets/_auth-experience.scss */ .piq-section { margin: 0 0 12px; padding: 10px 16px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } /* line 2578, app/assets/stylesheets/_auth-experience.scss */ .piq-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; } /* line 2586, app/assets/stylesheets/_auth-experience.scss */ .piq-section__title { margin: 0; font-size: 16px; font-weight: 700; color: #0f172a; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } /* line 2597, app/assets/stylesheets/_auth-experience.scss */ .piq-count-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; background: var(--dsh-soft-indigo, #eef2ff); color: var(--portal-primary-d, #4338ca); font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: none; } /* line 2610, app/assets/stylesheets/_auth-experience.scss */ .piq-section__sub { margin: 4px 0 14px; font-size: 13px; line-height: 1.4; color: #64748b; } /* line 2617, app/assets/stylesheets/_auth-experience.scss */ .piq-section__head .piq-section__sub { margin-bottom: 0; } /* line 2619, app/assets/stylesheets/_auth-experience.scss */ .piq-row-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; } /* line 2627, app/assets/stylesheets/_auth-experience.scss */ .piq-row-actions .btn { white-space: nowrap; } /* line 2632, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container { width: 100% !important; font-size: 14px; } /* line 2637, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container-single .chosen-single { height: 48px; line-height: 46px; padding: 0 15px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; box-shadow: none; color: #0f172a; } /* line 2647, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container-single .chosen-single span { margin-right: 26px; } /* line 2651, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container-single .chosen-single div b { background-position: 0 10px; } /* line 2656, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container-active.chosen-with-drop .chosen-single, .authx--inquiry .chosen-container-active .chosen-single { border-color: var(--portal-primary, #4f46e5); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #4f46e5) 10%, transparent); } /* line 2662, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container .chosen-drop { border-radius: 12px; border-color: #e2e8f0; margin-top: 4px; } /* line 2668, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .chosen-container .chosen-results li.highlighted { background: var(--portal-primary, #4f46e5); color: #fff; } /* line 2674, app/assets/stylesheets/_auth-experience.scss */ .piq-grid { display: grid; grid-template-columns: 1fr; gap: 0 16px; } /* line 2679, app/assets/stylesheets/_auth-experience.scss */ .piq-grid .form-group { margin-bottom: 14px; } /* line 2682, app/assets/stylesheets/_auth-experience.scss */ .piq-student { margin-top: 10px; padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; } /* line 2690, app/assets/stylesheets/_auth-experience.scss */ .piq-student__title { margin: 0 0 12px; font-size: 13px; font-weight: 700; color: #334155; } @media (min-width: 768px) { /* line 2698, app/assets/stylesheets/_auth-experience.scss */ .piq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 2702, app/assets/stylesheets/_auth-experience.scss */ .piq-grid__span-2 { grid-column: 1 / -1; } /* line 2706, app/assets/stylesheets/_auth-experience.scss */ .piq-grid--student { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { /* line 2712, app/assets/stylesheets/_auth-experience.scss */ .authx--inquiry .authx__formside-inner--inquiry { max-width: 1180px; } /* line 2716, app/assets/stylesheets/_auth-experience.scss */ .piq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* line 2720, app/assets/stylesheets/_auth-experience.scss */ .piq-grid__span-2 { grid-column: span 2; } /* line 2724, app/assets/stylesheets/_auth-experience.scss */ .piq-grid--student { grid-template-columns: 1.4fr 0.8fr 1fr 1fr 1fr; } } /* line 2730, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .authx--inquiry { background: #0b1220; } /* line 2732, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .piq-section { border-color: #263044; background: #121826; box-shadow: none; } /* line 2738, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .piq-section__title, html[data-theme="dark"] .piq-student__title { color: #f8fafc; } /* line 2741, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .piq-section__sub { color: #94a3b8; } /* line 2743, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .piq-count-badge { background: #1e293b; color: var(--portal-indigo, #a5b4fc); } /* line 2748, app/assets/stylesheets/_auth-experience.scss */ html[data-theme="dark"] .piq-student { border-color: #334155; background: #0f172a; } /* ========================================================================= InstituteOnClick 2.0 — premium admin dashboard ------------------------------------------------------------------------- A self-contained design layer for the administrator dashboard. Everything is namespaced `.dsh-*` so it composes with — rather than fights — the inherited Bootstrap template and the existing `.dboard-*` components used by the teacher/parent portals. Colours come from `--dsh-*` custom properties defined below, so dark mode is a token swap rather than a second set of rules. ========================================================================= */ /* line 13, app/assets/stylesheets/_dashboard-2.scss */ :root { /* Brand */ --dsh-primary: #4F46E5; --dsh-primary-hover: #4338CA; --dsh-blue: #2563EB; --dsh-indigo: #6366F1; /* Surfaces */ --dsh-bg: #F6F8FC; --dsh-surface: #FFFFFF; --dsh-surface-2: #F8FAFC; /* Text */ --dsh-text: #0F172A; --dsh-text-2: #64748B; --dsh-text-3: #94A3B8; /* Lines */ --dsh-border: #E6EAF0; --dsh-border-strong: #D8DFE9; /* Tints */ --dsh-soft-indigo: #EEF2FF; --dsh-soft-blue: #EFF6FF; /* Status */ --dsh-success: #10B981; --dsh-soft-success: #ECFDF5; --dsh-warning: #F59E0B; --dsh-soft-warning: #FFFBEB; --dsh-danger: #EF4444; --dsh-soft-danger: #FEF2F2; /* Elevation — deliberately almost invisible. Separation comes from the border and the tinted page background, not from shadow. */ --dsh-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); --dsh-shadow-hover: 0 6px 16px -8px rgba(15, 23, 42, 0.14), 0 1px 2px rgba(15, 23, 42, 0.04); --dsh-shadow-pop: 0 12px 32px -12px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(15, 23, 42, 0.04); --dsh-radius: 15px; --dsh-radius-sm: 10px; } /* line 56, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] { --dsh-primary: #6366F1; --dsh-primary-hover: #7C7DF3; --dsh-blue: #3B82F6; --dsh-indigo: #818CF8; --dsh-bg: #080B14; --dsh-surface: #101522; --dsh-surface-2: #0C111C; --dsh-text: #F8FAFC; --dsh-text-2: #94A3B8; --dsh-text-3: #64748B; --dsh-border: #202A3A; --dsh-border-strong: #2B374B; --dsh-soft-indigo: rgba(99, 102, 241, 0.14); --dsh-soft-blue: rgba(59, 130, 246, 0.13); --dsh-success: #34D399; --dsh-soft-success: rgba(16, 185, 129, 0.13); --dsh-warning: #FBBF24; --dsh-soft-warning: rgba(245, 158, 11, 0.13); --dsh-danger: #F87171; --dsh-soft-danger: rgba(239, 68, 68, 0.13); --dsh-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); --dsh-shadow-hover: 0 6px 16px -8px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4); --dsh-shadow-pop: 0 12px 32px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05); } /* ========================================================================= Page scaffold ========================================================================= */ /* The dashboard opts its page background out of the inherited body colour so white cards read as raised against a cool ground. */ /* line 94, app/assets/stylesheets/_dashboard-2.scss */ body.dsh-page { background-color: var(--dsh-bg); } /* line 98, app/assets/stylesheets/_dashboard-2.scss */ .dsh { /* Slightly negative tracking at these sizes keeps dense numerals from looking gappy without hurting legibility. */ letter-spacing: -0.005em; color: var(--dsh-text-2); font-size: 14px; padding-bottom: 8px; max-width: 100%; min-width: 0; } /* line 108, app/assets/stylesheets/_dashboard-2.scss */ .dsh *, .dsh *::before, .dsh *::after { box-sizing: border-box; } /* line 114, app/assets/stylesheets/_dashboard-2.scss */ .dsh .icon { stroke-width: 1.7; } /* Sections are separated by one rhythm step; cards inside a section by less. */ /* line 120, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section { margin-bottom: 24px; } /* line 123, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section:last-child { margin-bottom: 0; } /* line 128, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; } /* line 136, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section-title { font-size: 16px; font-weight: 700; color: var(--dsh-text); margin: 0; letter-spacing: -0.015em; } /* ========================================================================= Header — breadcrumb, greeting, date, primary actions ========================================================================= */ /* line 148, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 20px; /* A tinted hero band so the greeting reads as a deliberate surface rather than text floating on the page ground. The gradient carries the brand hue at low opacity; the border does the actual separating. */ padding: 22px 24px; border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); background-color: var(--dsh-surface); background-image: linear-gradient(110deg, var(--dsh-soft-indigo) 0%, var(--dsh-surface) 58%, var(--dsh-soft-blue) 100%); box-shadow: var(--dsh-shadow); /* Soft radial bloom behind the greeting, clipped by the panel. */ /* Pill so the date keeps its own footing on the tinted band. */ } /* line 171, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header::before { content: ''; position: absolute; top: -70px; left: -40px; width: 320px; height: 220px; border-radius: 50%; background: radial-gradient(closest-side, rgba(79, 70, 229, 0.13), rgba(79, 70, 229, 0)); pointer-events: none; } /* line 185, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__main { position: relative; width: 100%; min-width: 0; } /* line 191, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__aside { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: 100%; } /* line 202, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 1 1 auto; flex-wrap: wrap; } /* line 212, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__date { flex: 0 0 auto; font-size: 12.5px; font-weight: 600; color: var(--dsh-text-2); margin: 0; white-space: nowrap; padding: 5px 11px; border: 1px solid var(--dsh-border); border-radius: 999px; background: var(--dsh-surface); } /* line 225, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header h1 { font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--dsh-text); margin: 0 0 6px; letter-spacing: -0.025em; } /* line 234, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__sub { font-size: 14px; color: var(--dsh-text-2); margin: 0; } /* Dark mode: the light gradient would wash out, so lean on a deeper surface with a cooler indigo edge. Specificity has to beat the base rule above. */ /* line 243, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-header { background-color: var(--dsh-surface); background-image: linear-gradient(110deg, rgba(99, 102, 241, 0.16) 0%, var(--dsh-surface) 60%, rgba(59, 130, 246, 0.12) 100%); } /* line 250, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-header::before { background: radial-gradient(closest-side, rgba(129, 140, 248, 0.18), rgba(129, 140, 248, 0)); } /* line 257, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--dsh-text-3); margin: 0 0 10px; } /* line 266, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb a { color: var(--dsh-text-3); transition: color 0.15s ease; } /* line 270, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb a:hover { color: var(--dsh-primary); text-decoration: none; } /* line 276, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb__sep { opacity: 0.55; } /* line 280, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb__current { color: var(--dsh-text-2); } /* ========================================================================= Buttons ========================================================================= */ /* line 289, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; padding: 0 15px; border-radius: var(--dsh-radius-sm); border: 1px solid transparent; font-size: 13.5px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; /* Primary — the one indigo fill on the page. */ } /* line 306, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn .icon { width: 16px; height: 16px; flex: 0 0 auto; } /* line 312, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.28); } /* line 318, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--primary { background: var(--dsh-primary); border-color: var(--dsh-primary); color: #fff; box-shadow: 0 1px 2px rgba(79, 70, 229, 0.28); } /* line 324, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--primary:hover { background: var(--dsh-primary-hover); border-color: var(--dsh-primary-hover); color: #fff; text-decoration: none; transform: translateY(-1px); box-shadow: 0 4px 12px -4px rgba(79, 70, 229, 0.5); } /* line 334, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--secondary { background: var(--dsh-surface); border-color: var(--dsh-border); color: var(--dsh-text); } /* line 339, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--secondary:hover { background: var(--dsh-surface-2); border-color: var(--dsh-border-strong); color: var(--dsh-text); text-decoration: none; transform: translateY(-1px); } /* line 348, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--ghost { background: transparent; color: var(--dsh-text-2); } /* line 352, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--ghost:hover { background: var(--dsh-surface-2); color: var(--dsh-text); text-decoration: none; } /* line 359, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--sm { height: 32px; padding: 0 11px; font-size: 12.5px; } /* line 364, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn--sm .icon { width: 14px; height: 14px; } /* line 370, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn:disabled, .dsh-btn[aria-disabled="true"] { opacity: 0.65; cursor: not-allowed; box-shadow: none; transform: none; pointer-events: none; } /* Text link with a trailing arrow — used for every "view all" affordance. */ /* line 381, app/assets/stylesheets/_dashboard-2.scss */ .dsh-link { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--dsh-primary); white-space: nowrap; transition: color 0.15s ease; } /* line 391, app/assets/stylesheets/_dashboard-2.scss */ .dsh-link .icon { width: 14px; height: 14px; transition: transform 0.18s ease; } /* line 397, app/assets/stylesheets/_dashboard-2.scss */ .dsh-link:hover { color: var(--dsh-primary-hover); text-decoration: none; } /* line 401, app/assets/stylesheets/_dashboard-2.scss */ .dsh-link:hover .icon { transform: translateX(2px); } /* ========================================================================= Attention strip ========================================================================= */ /* line 411, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 18px; margin-bottom: 24px; border: 1px solid rgba(245, 158, 11, 0.32); border-radius: var(--dsh-radius); background: var(--dsh-soft-warning); /* Title row — plain on desktop; tap target + chevron on mobile. */ /* All clear — the same strip in a calm blue rather than amber. */ } /* line 422, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__icon { flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--dsh-radius-sm); display: flex; align-items: center; justify-content: center; background: rgba(245, 158, 11, 0.16); color: #B45309; } /* line 433, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__icon .icon { width: 17px; height: 17px; } /* line 439, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__body { flex: 1 1 320px; min-width: 0; } /* line 445, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__toggle { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0 0 3px; padding: 0; border: 0; background: transparent; text-align: left; color: inherit; cursor: default; pointer-events: none; } /* line 460, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__title { flex: 1 1 auto; min-width: 0; font-size: 13.5px; font-weight: 700; color: #92400E; margin: 0; } /* line 469, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__chevron { display: none; flex: 0 0 auto; width: 16px; height: 16px; color: #B45309; transition: transform 0.2s ease; } /* line 478, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__items { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; list-style: none; } /* line 488, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__item { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #B45309; } /* line 496, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__item::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: 0.55; } /* line 505, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__item a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.15s ease; } /* line 511, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__item a:hover { border-bottom-color: currentColor; } /* line 517, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__cta { margin-left: auto; color: #B45309; } /* line 521, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention__cta:hover { color: #92400E; } /* line 527, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention--calm { border-color: rgba(37, 99, 235, 0.24); background: var(--dsh-soft-blue); } /* line 531, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention--calm .dsh-attention__icon { background: rgba(37, 99, 235, 0.14); color: var(--dsh-blue); } /* line 536, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention--calm .dsh-attention__title { color: var(--dsh-text); } /* line 537, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention--calm .dsh-attention__item { color: var(--dsh-text-2); } /* line 538, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention--calm .dsh-attention__cta { color: var(--dsh-blue); } /* Mobile: icon + title only; item list / CTA expand as a dropdown. */ @media (max-width: 767px) { /* line 544, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention[data-dsh-attention] { flex-wrap: nowrap; align-items: flex-start; gap: 12px; padding: 12px 14px; margin-bottom: 16px; } /* line 551, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention[data-dsh-attention] .dsh-attention__body { flex: 1 1 auto; } /* line 555, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention[data-dsh-attention] .dsh-attention__toggle { margin: 0; padding: 2px 0; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; } /* line 563, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention[data-dsh-attention] .dsh-attention__chevron { display: block; } /* line 567, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention[data-dsh-attention] .dsh-attention__items, .dsh-attention[data-dsh-attention] .dsh-attention__cta { display: none; } /* line 572, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention.is-open[data-dsh-attention] { flex-wrap: wrap; } /* line 575, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention.is-open[data-dsh-attention] .dsh-attention__chevron { transform: rotate(180deg); } /* line 579, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention.is-open[data-dsh-attention] .dsh-attention__items { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 10px; width: 100%; } /* line 588, app/assets/stylesheets/_dashboard-2.scss */ .dsh-attention.is-open[data-dsh-attention] .dsh-attention__cta { display: inline-flex; margin: 4px 0 0 auto; } } /* line 596, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention { border-color: rgba(245, 158, 11, 0.28); } /* line 599, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention__icon { color: var(--dsh-warning); } /* line 600, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention__title { color: #FCD34D; } /* line 601, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention__item { color: #FBBF24; } /* line 602, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention__cta { color: #FBBF24; } /* line 603, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention__chevron { color: #FBBF24; } /* line 605, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention--calm { border-color: rgba(59, 130, 246, 0.28); } /* line 608, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention--calm .dsh-attention__icon { color: var(--dsh-blue); } /* line 609, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention--calm .dsh-attention__title { color: var(--dsh-text); } /* line 610, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention--calm .dsh-attention__item { color: var(--dsh-text-2); } /* line 611, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-attention--calm .dsh-attention__cta { color: var(--dsh-blue); } /* ========================================================================= Card system — one shared shell for every panel on the page ========================================================================= */ /* line 619, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card { position: relative; display: flex; flex-direction: column; background: var(--dsh-surface); border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease; /* Charts sit closer to the card edge than text does. */ } /* line 629, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px 20px; border-bottom: 1px solid var(--dsh-border); } /* line 639, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__title { font-size: 14.5px; font-weight: 700; color: var(--dsh-text); margin: 0; letter-spacing: -0.01em; } /* line 647, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__subtitle { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); margin: 2px 0 0; } /* line 654, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } /* line 661, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body { flex: 1 1 auto; padding: 20px; } /* line 667, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body--chart { padding: 14px 10px 6px; max-width: 100%; min-width: 0; overflow: hidden; } /* line 674, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body--flush { padding: 0; } /* line 678, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__foot { padding: 12px 20px; border-top: 1px solid var(--dsh-border); } /* line 683, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card--interactive:hover { transform: translateY(-1px); border-color: var(--dsh-border-strong); box-shadow: var(--dsh-shadow-hover); } /* line 689, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card.is-loading { opacity: 0.6; pointer-events: none; } /* ========================================================================= Grid ========================================================================= */ /* line 699, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid { display: grid; gap: 16px; /* KPI row — four across, degrading to two then one. */ /* Primary analytics split: 60 / 40. */ } /* line 704, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* line 709, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--analytics { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: stretch; } /* line 714, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--halves { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } /* line 719, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--quick { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; } /* line 724, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--thirds { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 1399px) { /* line 730, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--quick { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1199px) { /* line 734, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 735, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--thirds { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 736, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--analytics { grid-template-columns: minmax(0, 1fr); } /* line 737, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--halves { grid-template-columns: minmax(0, 1fr); } } /* Teacher portal 3-up KPI row — one line on desktop/tablet. */ /* line 741, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } /* line 745, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi { padding: 12px 12px 10px; min-width: 0; } /* line 749, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__top { gap: 6px; margin-bottom: 8px; } /* line 754, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__label { font-size: 10px; letter-spacing: 0.04em; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } /* line 764, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__value { font-size: 22px; letter-spacing: -0.02em; } /* line 769, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__icon { width: 26px; height: 26px; border-radius: 7px; } /* line 774, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__icon .icon { width: 13px; height: 13px; } /* line 780, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__foot { flex-wrap: wrap; gap: 2px 6px; margin-top: 8px; font-size: 11px; line-height: 1.3; } @media (max-width: 767px) { /* Two compact KPI cards per row (4 cards → 2×2). */ /* line 792, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } /* line 796, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--thirds:not(.dsh-grid--kpi-row-3):not(.dsh-grid--teachers-kpi) { grid-template-columns: minmax(0, 1fr); } /* Teacher portal: stack like admin thirds — full labels, no TOD… / CHE… */ /* line 799, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 { grid-template-columns: minmax(0, 1fr); gap: 10px; } /* line 803, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi { padding: 14px 14px 12px; } /* line 806, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__label { font-size: 11px; letter-spacing: 0.06em; white-space: normal; overflow: visible; text-overflow: unset; } /* line 814, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__value { font-size: 22px; } /* line 818, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__icon { width: 30px; height: 30px; border-radius: 8px; } /* line 823, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__icon .icon { width: 15px; height: 15px; } /* line 829, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--kpi-row-3 .dsh-kpi__foot { font-size: 12px; margin-top: 10px; } /* Teachers index: keep the 3 summary cards on one row. */ /* line 837, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } /* line 841, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi { padding: 10px 8px 8px; min-width: 0; } /* line 846, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__top { gap: 4px; margin-bottom: 6px; } /* line 851, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__label { font-size: 9px; letter-spacing: 0.03em; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } /* line 861, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__value { font-size: 18px; letter-spacing: -0.02em; } /* line 866, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__foot { display: none; } /* line 870, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__icon { width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0; } /* line 876, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid.dsh-grid--teachers-kpi .dsh-kpi__icon .icon { width: 11px; height: 11px; } /* Three compact tabs per row on phones / small tablets. */ /* line 884, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--quick { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } } @media (max-width: 380px) { /* Very narrow phones: two tabs so labels stay readable. */ /* line 892, app/assets/stylesheets/_dashboard-2.scss */ .dsh-grid--quick { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================================= KPI cards ========================================================================= */ /* line 899, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi { display: block; padding: 18px 20px 16px; color: inherit; /* Restrained tinted square, not a big colourful circle. */ /* Icon tints, one per KPI. */ } /* line 904, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi:hover { text-decoration: none; color: inherit; } /* line 909, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; } /* line 917, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__label { font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dsh-text-3); margin: 0; } /* line 927, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__icon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--dsh-soft-blue); color: var(--dsh-blue); } /* line 938, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__icon .icon { width: 16px; height: 16px; } /* line 944, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__value { font-size: 30px; line-height: 1.05; font-weight: 700; color: var(--dsh-text); margin: 0; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; /* Longer status strings (e.g. teacher check-in) */ } /* line 954, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__value--sm { font-size: 1.35rem; letter-spacing: -0.02em; line-height: 1.2; } /* line 961, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__foot { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* line 971, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__trend { display: inline-flex; align-items: center; gap: 3px; font-weight: 600; color: var(--dsh-text-2); } /* line 978, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__trend .icon { width: 13px; height: 13px; } /* line 983, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__trend--up { color: var(--dsh-success); } /* line 984, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__trend--down { color: var(--dsh-danger); } /* line 988, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi--blue .dsh-kpi__icon { background: var(--dsh-soft-blue); color: var(--dsh-blue); } /* line 989, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi--green .dsh-kpi__icon { background: var(--dsh-soft-success); color: var(--dsh-success); } /* line 990, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi--indigo .dsh-kpi__icon { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 991, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi--amber .dsh-kpi__icon { background: var(--dsh-soft-warning); color: var(--dsh-warning); } /* ========================================================================= Segmented range control ========================================================================= */ /* line 998, app/assets/stylesheets/_dashboard-2.scss */ .dsh-segment { display: inline-flex; padding: 3px; gap: 2px; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); border-radius: 9px; } /* line 1006, app/assets/stylesheets/_dashboard-2.scss */ .dsh-segment__btn { border: 0; background: transparent; color: var(--dsh-text-3); font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 7px; cursor: pointer; white-space: nowrap; transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } /* line 1018, app/assets/stylesheets/_dashboard-2.scss */ .dsh-segment__btn:hover { color: var(--dsh-text); text-decoration: none; } /* line 1023, app/assets/stylesheets/_dashboard-2.scss */ .dsh-segment__btn.is-active { background: var(--dsh-surface); color: var(--dsh-primary); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } /* line 1029, app/assets/stylesheets/_dashboard-2.scss */ .dsh-segment__btn:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.35); } /* Compact month picker matching the segmented control's weight. */ /* line 1037, app/assets/stylesheets/_dashboard-2.scss */ .dsh-select { -moz-appearance: none; appearance: none; -webkit-appearance: none; height: 32px; min-width: 132px; padding: 0 30px 0 11px; border: 1px solid var(--dsh-border); border-radius: 9px; background-color: var(--dsh-surface-2); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 14px; color: var(--dsh-text); font-size: 12px; font-weight: 600; line-height: 1; cursor: pointer; } /* line 1056, app/assets/stylesheets/_dashboard-2.scss */ .dsh-select:focus { outline: none; border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.16); } /* ========================================================================= Charts ========================================================================= */ /* line 1067, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart { width: 100%; max-width: 100%; min-width: 0; min-height: 288px; overflow: hidden; /* ApexCharts injects its own title/legend fonts; force ours. */ /* Inline pixel widths from Apex must not push the page sideways. */ /* Inherited line-height can inflate legend rows and collapse the plot area (negative SVG height → inverted bars on real mobile / PWA). */ } /* line 1075, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart text { font-family: inherit !important; } /* line 1080, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart .apexcharts-canvas, .dsh-chart .apexcharts-svg { max-width: 100% !important; } /* line 1087, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart .apexcharts-legend-series, .dsh-chart .apexcharts-legend-text { line-height: normal !important; } /* line 1093, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart--sm { min-height: 220px; } /* Donut centre stat, rendered as markup rather than an Apex label so it can use the app's own type scale. */ /* line 1099, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut { position: relative; display: flex; align-items: center; justify-content: center; /* Let followCursor tips leave the plot without being clipped onto the centre label (parent .dsh-chart uses overflow:hidden). */ } /* line 1107, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut .dsh-chart { overflow: visible; } /* line 1111, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut__center { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); text-align: center; pointer-events: none; } /* line 1121, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut__value { display: block; font-size: 26px; font-weight: 700; color: var(--dsh-text); line-height: 1.1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; } /* line 1131, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut__label { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dsh-text-3); margin-top: 2px; } /* line 1141, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut .apexcharts-tooltip { z-index: 5; background: var(--dsh-surface) !important; color: var(--dsh-text) !important; border: 1px solid var(--dsh-border) !important; box-shadow: var(--dsh-shadow); } /* line 1149, app/assets/stylesheets/_dashboard-2.scss */ .dsh-donut .apexcharts-tooltip-text, .dsh-donut .apexcharts-tooltip-text-y-value, .dsh-donut .apexcharts-tooltip-text-y-label, .dsh-donut .apexcharts-tooltip-title { color: var(--dsh-text) !important; } /* Legend / breakdown rows under a donut or beside a chart. */ /* line 1158, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; } /* line 1166, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__item { display: flex; align-items: center; gap: 10px; padding: 8px 4px; border-top: 1px solid var(--dsh-border); } /* line 1173, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__item:first-child { border-top: 0; } /* line 1178, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 3px; background: var(--dsh-text-3); } /* line 1186, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__label { font-size: 13px; font-weight: 500; color: var(--dsh-text-2); margin: 0; } /* line 1193, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__value { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--dsh-text); font-variant-numeric: tabular-nums; } /* line 1201, app/assets/stylesheets/_dashboard-2.scss */ .dsh-legend__meta { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); min-width: 42px; text-align: right; font-variant-numeric: tabular-nums; } /* ========================================================================= Stat rows / progress ========================================================================= */ /* line 1215, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; } /* line 1221, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stat { padding: 12px 14px; border: 1px solid var(--dsh-border); border-radius: 11px; background: var(--dsh-surface-2); } /* line 1227, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stat__label { font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--dsh-text-3); margin: 0 0 5px; } /* line 1236, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stat__value { font-size: 19px; font-weight: 700; color: var(--dsh-text); line-height: 1.15; margin: 0; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; } /* line 1246, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stat--good .dsh-stat__value { color: var(--dsh-success); } /* line 1247, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stat--alert .dsh-stat__value { color: var(--dsh-danger); } /* line 1250, app/assets/stylesheets/_dashboard-2.scss */ .dsh-progress { margin-top: 16px; } /* line 1253, app/assets/stylesheets/_dashboard-2.scss */ .dsh-progress__track { height: 7px; border-radius: 99px; background: var(--dsh-border); overflow: hidden; } /* line 1260, app/assets/stylesheets/_dashboard-2.scss */ .dsh-progress__fill { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--dsh-blue), var(--dsh-primary)); transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1); } /* line 1268, app/assets/stylesheets/_dashboard-2.scss */ .dsh-progress__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* line 1279, app/assets/stylesheets/_dashboard-2.scss */ .dsh-progress__pct { font-weight: 700; color: var(--dsh-text); } /* Horizontal distribution bars — easier to scan than a pie. */ /* line 1286, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars { display: flex; flex-direction: column; gap: 13px; margin: 0; padding: 0; list-style: none; } /* line 1294, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars__row { display: grid; grid-template-columns: minmax(72px, 34%) 1fr auto; align-items: center; gap: 12px; } /* line 1301, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars__label { font-size: 13px; font-weight: 600; color: var(--dsh-text); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 1311, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars__track { height: 8px; border-radius: 99px; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); overflow: hidden; } /* line 1319, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars__fill { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--dsh-blue), var(--dsh-indigo)); transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1); } /* line 1327, app/assets/stylesheets/_dashboard-2.scss */ .dsh-bars__value { font-size: 12.5px; font-weight: 700; color: var(--dsh-text-2); min-width: 34px; text-align: right; font-variant-numeric: tabular-nums; } /* ========================================================================= Quick access ========================================================================= */ /* line 1341, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick { display: flex; flex-direction: column; gap: 10px; padding: 15px 16px; background: var(--dsh-surface); border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); color: inherit; transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } /* line 1353, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick:hover { text-decoration: none; color: inherit; transform: translateY(-1px); border-color: var(--dsh-border-strong); box-shadow: var(--dsh-shadow-hover); } /* line 1360, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick:hover .dsh-quick__icon { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 1365, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick:hover .dsh-quick__go .icon { transform: translateX(2px); } /* line 1370, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__icon { width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--dsh-surface-2); color: var(--dsh-text-2); transition: background 0.18s ease, color 0.18s ease; } /* line 1381, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__icon .icon { width: 16px; height: 16px; } /* line 1387, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__label { font-size: 13.5px; font-weight: 600; color: var(--dsh-text); margin: 0; } /* line 1394, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__go { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: var(--dsh-text-3); margin: 0; } /* line 1403, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__go .icon { width: 13px; height: 13px; transition: transform 0.18s ease; } /* ========================================================================= Activity timeline ========================================================================= */ /* line 1415, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } /* line 1422, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__item { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--dsh-border); } /* line 1430, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__item:last-child { border-bottom: 0; } /* line 1435, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--dsh-surface-2); color: var(--dsh-text-2); } /* line 1446, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon .icon { width: 15px; height: 15px; } /* line 1451, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon--indigo { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 1452, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon--blue { background: var(--dsh-soft-blue); color: var(--dsh-blue); } /* line 1453, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon--success { background: var(--dsh-soft-success); color: var(--dsh-success); } /* line 1454, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__icon--warning { background: var(--dsh-soft-warning); color: var(--dsh-warning); } /* line 1457, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__body { flex: 1 1 auto; min-width: 0; } /* line 1462, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__title { font-size: 13px; font-weight: 600; color: var(--dsh-text); margin: 0; } /* line 1469, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__meta { font-size: 12px; color: var(--dsh-text-3); margin: 2px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 1478, app/assets/stylesheets/_dashboard-2.scss */ .dsh-activity__time { flex: 0 0 auto; font-size: 11.5px; font-weight: 600; color: var(--dsh-text-3); white-space: nowrap; padding-top: 1px; font-variant-numeric: tabular-nums; } /* ========================================================================= Upcoming events ========================================================================= */ /* line 1493, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; /* Calendar chip: big day number over a small month. */ } /* line 1500, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__item { display: flex; align-items: center; gap: 14px; padding: 13px 20px; border-bottom: 1px solid var(--dsh-border); } /* line 1507, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__item:last-child { border-bottom: 0; } /* line 1512, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming a.dsh-badge { text-decoration: none; } /* line 1515, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming a.dsh-badge:hover { text-decoration: none; filter: brightness(0.97); } /* line 1522, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__date { flex: 0 0 auto; width: 44px; padding: 6px 0; border-radius: var(--dsh-radius-sm); background: var(--dsh-soft-indigo); color: var(--dsh-primary); text-align: center; line-height: 1.05; } /* line 1533, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__day { display: block; font-size: 17px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; } /* line 1541, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__month { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; margin-top: 1px; } /* line 1551, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__body { flex: 1 1 auto; min-width: 0; } /* line 1556, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__title { font-size: 13px; font-weight: 600; color: var(--dsh-text); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 1566, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__meta { font-size: 12px; color: var(--dsh-text-3); margin: 2px 0 0; } /* line 1572, app/assets/stylesheets/_dashboard-2.scss */ .dsh-upcoming__badge { flex: 0 0 auto; } /* ========================================================================= Badges ========================================================================= */ /* line 1581, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 99px; font-size: 11.5px; font-weight: 600; line-height: 1.5; white-space: nowrap; background: var(--dsh-surface-2); color: var(--dsh-text-2); border: 1px solid var(--dsh-border); } /* line 1595, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge--success { background: var(--dsh-soft-success); color: #047857; border-color: rgba(16, 185, 129, 0.28); } /* line 1596, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge--warning { background: var(--dsh-soft-warning); color: #B45309; border-color: rgba(245, 158, 11, 0.3); } /* line 1597, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge--danger { background: var(--dsh-soft-danger); color: #B91C1C; border-color: rgba(239, 68, 68, 0.3); } /* line 1598, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge--info { background: var(--dsh-soft-blue); color: #1D4ED8; border-color: rgba(37, 99, 235, 0.26); } /* line 1599, app/assets/stylesheets/_dashboard-2.scss */ .dsh-badge--indigo { background: var(--dsh-soft-indigo); color: var(--dsh-primary); border-color: rgba(99, 102, 241, 0.28); } /* line 1603, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-badge--success { color: var(--dsh-success); } /* line 1604, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-badge--warning { color: var(--dsh-warning); } /* line 1605, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-badge--danger { color: var(--dsh-danger); } /* line 1606, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-badge--info { color: #93C5FD; } /* line 1607, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .dsh-badge--indigo { color: var(--dsh-indigo); } /* ========================================================================= Table ========================================================================= */ /* line 1614, app/assets/stylesheets/_dashboard-2.scss */ .dsh-tablewrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* line 1620, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table { width: 100%; min-width: 620px; border-collapse: collapse; margin: 0; } /* line 1626, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table--admissions { min-width: 0; } /* line 1630, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table th { padding: 10px 20px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dsh-text-3); text-align: left; white-space: nowrap; background: var(--dsh-surface-2); border-bottom: 1px solid var(--dsh-border); } /* line 1643, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table td { padding: 13px 20px; font-size: 13px; color: var(--dsh-text-2); border-bottom: 1px solid var(--dsh-border); vertical-align: middle; } /* line 1651, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table tbody tr { transition: background-color 0.14s ease; } /* line 1654, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table tbody tr:hover { background: var(--dsh-surface-2); } /* line 1658, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table tbody tr:last-child td { border-bottom: 0; } /* line 1663, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table__primary { font-weight: 600; color: var(--dsh-text); } /* line 1668, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table__mono { font-size: 12px; font-weight: 600; color: var(--dsh-text-2); background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); border-radius: 6px; padding: 2px 7px; font-variant-numeric: tabular-nums; } /* line 1679, app/assets/stylesheets/_dashboard-2.scss */ .dsh-table__actions { text-align: right; white-space: nowrap; } /* Person cell: initials avatar + name. */ /* line 1686, app/assets/stylesheets/_dashboard-2.scss */ .dsh-person { display: flex; align-items: center; gap: 10px; } /* line 1691, app/assets/stylesheets/_dashboard-2.scss */ .dsh-person__avatar { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-size: 11.5px; font-weight: 700; letter-spacing: 0.01em; text-transform: uppercase; } /* line 1707, app/assets/stylesheets/_dashboard-2.scss */ .dsh-person__name { font-size: 13px; font-weight: 600; color: var(--dsh-text); margin: 0; } /* Ghost icon button — the row-level three-dot / arrow action. */ /* line 1716, app/assets/stylesheets/_dashboard-2.scss */ .dsh-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--dsh-text-3); cursor: pointer; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 1729, app/assets/stylesheets/_dashboard-2.scss */ .dsh-iconbtn .icon { width: 15px; height: 15px; } /* line 1734, app/assets/stylesheets/_dashboard-2.scss */ .dsh-iconbtn:hover { background: var(--dsh-surface-2); border-color: var(--dsh-border); color: var(--dsh-primary); text-decoration: none; } /* ========================================================================= Empty state — deliberate, never a "No data available" slab ========================================================================= */ /* line 1746, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 34px 24px; min-height: 220px; } /* line 1755, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty__icon { width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--dsh-soft-indigo); color: var(--dsh-primary); margin-bottom: 14px; } /* line 1766, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty__icon .icon { width: 21px; height: 21px; } /* line 1772, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty__title { font-size: 14px; font-weight: 700; color: var(--dsh-text); margin: 0 0 5px; } /* line 1779, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty__text { font-size: 13px; color: var(--dsh-text-3); margin: 0; max-width: 340px; line-height: 1.55; } /* line 1787, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty__cta { margin-top: 14px; } /* line 1791, app/assets/stylesheets/_dashboard-2.scss */ .dsh-empty--sm { min-height: 150px; padding: 24px 20px; } /* ========================================================================= Entrance motion — one short fade-up, staggered by section. Suppressed entirely under reduced-motion. ========================================================================= */ @keyframes dsh-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } /* line 1807, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise { animation: dsh-rise 0.42s cubic-bezier(0.22, 1, 0.36, 1) both; } /* line 1811, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise--1 { animation-delay: 0.04s; } /* line 1812, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise--2 { animation-delay: 0.08s; } /* line 1813, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise--3 { animation-delay: 0.12s; } /* line 1814, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise--4 { animation-delay: 0.16s; } @media (prefers-reduced-motion: reduce) { /* line 1817, app/assets/stylesheets/_dashboard-2.scss */ .dsh-rise { animation: none; } /* line 1821, app/assets/stylesheets/_dashboard-2.scss */ .dsh *, .dsh *::before, .dsh *::after { transition-duration: 0.01ms !important; } } /* ========================================================================= App shell refinements ------------------------------------------------------------------------- These override the inherited template's sidebar/topbar treatment to match the dashboard's restraint. Kept here (rather than edited into _app-style.scss) so the redesign stays reviewable as one layer. ========================================================================= */ /* ---- Sidebar ---------------------------------------------------------- */ /* line 1838, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area { /* Flat white, not a gradient — the brand reads through the accents. */ background: var(--dsh-surface); border-right: 1px solid var(--dsh-border); box-shadow: none; } /* line 1844, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area__search { background: var(--dsh-surface); border-bottom: 1px solid var(--dsh-border); } /* line 1850, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search { /* Keyboard hint — hidden once the field has focus or text so it never collides with the clear control on the right. */ } /* line 1851, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__wrap { display: flex; align-items: center; } /* line 1856, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__input { height: 40px; border-radius: var(--dsh-radius-sm); border-color: var(--dsh-border); background-color: var(--dsh-surface-2); color: var(--dsh-text); font-size: 13px; font-weight: 500; padding-right: 52px; } /* line 1866, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__input::-moz-placeholder { color: var(--dsh-text-3); font-weight: 500; } .sidebar-search__input::placeholder { color: var(--dsh-text-3); font-weight: 500; } /* line 1871, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__input:focus { border-color: var(--dsh-primary); background-color: var(--dsh-surface); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); } /* line 1878, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__icon { color: var(--dsh-text-3); } /* line 1884, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__kbd { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 2px 6px; border: 1px solid var(--dsh-border); border-radius: 6px; background: var(--dsh-surface); color: var(--dsh-text-3); font-family: inherit; font-size: 10.5px; font-weight: 600; line-height: 1.5; letter-spacing: 0.02em; pointer-events: none; white-space: nowrap; transition: opacity 0.15s ease; } /* line 1904, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__input:focus ~ .sidebar-search__kbd, .sidebar-search__wrap.is-filled .sidebar-search__kbd { opacity: 0; } /* line 1909, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__clear { color: var(--dsh-text-3); } /* line 1912, app/assets/stylesheets/_dashboard-2.scss */ .sidebar-search__clear:hover, .sidebar-search__clear:focus { color: var(--dsh-text); background-color: var(--dsh-surface-2); } /* line 1920, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav { padding: 6px 10px 24px; /* Section labels: MAIN / PEOPLE / ACADEMICS … */ /* Dashboard sits beside category rows — match their size/weight. */ /* Beat the more-specific .sidebar-category .sidebar-category-toggle:hover rule from _app-style.scss so every sidebar row shares one hover color. */ /* Active item: soft indigo wash + thin left indicator, never a saturated gradient slab. */ /* Flyout / dropdown panels */ } /* line 1924, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-category { margin: 16px 10px 4px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--dsh-text-3); } /* line 1932, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-category:first-child { margin-top: 4px; } /* line 1937, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-radius: var(--dsh-radius-sm); font-size: 13.5px; font-weight: 600; line-height: 1.25; color: var(--dsh-text-2); margin: 2px 0; /* Soft indigo chip behind every top-level icon — never the chevron. */ } /* line 1951, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link .title, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle .title { flex: 1 1 auto; min-width: 0; padding-left: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } /* line 1962, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle .dropdown-title > .icon:not(.fr) { width: 30px; height: 30px; padding: 7px; margin-top: 0 !important; border-radius: 9px; background: rgba(79, 70, 229, 0.09); color: var(--dsh-primary); stroke-width: 1.7; flex: 0 0 auto; } /* line 1975, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link .dropdown-title > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .nav-link > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .nav-link > .category-chevron, .sidemenu-area .sidemenu .navbar-nav .nav-link .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle .dropdown-title > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle > .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle .category-chevron { width: 14px !important; height: 14px !important; padding: 0 !important; margin: 0 0 0 auto !important; border-radius: 0 !important; background: transparent !important; color: var(--dsh-text-3) !important; flex: 0 0 auto; opacity: 0.75; } /* line 1990, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus { /* Same wash for top-level links (Dashboard) and category toggles (Organization, Platform, …) — surface-2 was too close to white. */ background: var(--dsh-soft-indigo); color: var(--dsh-primary); transform: none; } /* line 1998, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .nav-link:focus > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2004, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .category-chevron, .sidemenu-area .sidemenu .navbar-nav .nav-link:hover > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .category-chevron, .sidemenu-area .sidemenu .navbar-nav .nav-link:focus > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover > .icon.fr, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus > .icon.fr { color: var(--dsh-primary) !important; opacity: 1; } /* line 2013, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.nav-link--dashboard { font-size: 13.5px; font-weight: 600; color: var(--dsh-text-2); } /* line 2021, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle { font-size: 13.5px; font-weight: 600; padding: 8px 10px; color: var(--dsh-text-2); transform: none; } /* line 2029, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus { background: var(--dsh-soft-indigo); color: var(--dsh-primary); transform: none; } /* line 2035, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus > .icon:not(.fr):not(.category-chevron) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2040, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus .category-chevron { color: var(--dsh-primary) !important; opacity: 1; background: transparent !important; } /* line 2047, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link:hover .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .nav-link:focus .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); } /* line 2054, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active { position: relative; background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-weight: 600; box-shadow: none; } /* line 2061, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 18px; border-radius: 0 3px 3px 0; background: var(--dsh-primary); } /* line 2073, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link.active .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2079, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active:hover, .sidemenu-area .sidemenu .navbar-nav .nav-link.active:focus { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2084, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .nav-link.active:hover > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link.active:hover .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .nav-link.active:focus > .icon:not(.fr):not(.category-chevron), .sidemenu-area .sidemenu .navbar-nav .nav-link.active:focus .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2092, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .show.dropdown.nav-item .nav-link { background-color: var(--dsh-surface-2); color: var(--dsh-text); } /* line 2097, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category { padding: 1px 0; } /* line 2100, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle .category-chevron { width: 14px !important; height: 14px !important; color: var(--dsh-text-3) !important; background: transparent !important; } /* line 2107, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle { background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-weight: 600; } /* line 2112, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle > .icon:not(.fr):not(.category-chevron) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2117, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle .category-chevron, .sidemenu-area .sidemenu .navbar-nav .sidebar-category.is-open .sidebar-category-toggle > .icon.fr { color: var(--dsh-primary) !important; opacity: 1; background: transparent !important; width: 14px !important; height: 14px !important; padding: 0 !important; border-radius: 0 !important; } /* line 2129, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items { margin-left: 19px; padding-left: 8px; border-left: 1px solid var(--dsh-border); /* Open accordion / flyout row — keep icon chip, tint a bit stronger. */ } /* line 2134, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link { min-height: 36px; font-size: 13px; font-weight: 500; /* Nested items: smaller tinted chips so hierarchy stays clear. */ } /* line 2140, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link .dropdown-title > .icon:not(.fr) { width: 28px; height: 28px; padding: 6px; margin-top: 0 !important; border-radius: 8px; background: rgba(79, 70, 229, 0.09); color: var(--dsh-primary); } /* line 2153, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link:hover > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link:hover .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link:focus > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-link:focus .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2164, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-item.dropdown.show > .nav-link .dropdown-title > .icon:not(.fr), .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-items .nav-item.dropdown.flyout-open > .nav-link .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2173, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu { border-radius: 12px; border-color: var(--dsh-border); box-shadow: var(--dsh-shadow-pop); background: var(--dsh-surface); } /* line 2179, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item { font-size: 13px; font-weight: 500; color: var(--dsh-text-2); border-radius: 8px; } /* line 2185, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:hover, .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item:focus { background: var(--dsh-surface-2); color: var(--dsh-text); } /* line 2192, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active { background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-weight: 600; } /* line 2197, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area .sidemenu .navbar-nav .dropdown-menu .dropdown-item.active::after { background: var(--dsh-primary); } /* ---- Topbar ----------------------------------------------------------- */ /* line 2206, app/assets/stylesheets/_dashboard-2.scss */ .top-menu { background: var(--dsh-surface); -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid var(--dsh-border); /* The role chip was competing with the brand at 17px. */ } /* line 2211, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-brand h2 { font-size: 16px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.015em; } /* line 2219, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .topbar-role { padding: 4px 10px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; border-radius: 7px; border-color: var(--dsh-border); background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2230, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .burger-menu span { background: var(--dsh-text-2); } /* line 2234, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-nav .nav-link { color: var(--dsh-text-2); } /* line 2238, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .count-info .icon, .top-menu .count-info .lni { color: var(--dsh-text-2); } /* line 2243, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .menu-profile .name { font-size: 13.5px; font-weight: 600; color: var(--dsh-text); } /* line 2249, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .dropdown-menu { border-radius: 12px; border-color: var(--dsh-border); box-shadow: var(--dsh-shadow-pop); background: var(--dsh-surface); } /* line 2255, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .dropdown-menu .dropdown-item { font-size: 13px; font-weight: 500; color: var(--dsh-text-2); } /* line 2260, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .dropdown-menu .dropdown-item:hover, .top-menu .dropdown-menu .dropdown-item:focus { background: var(--dsh-surface-2); color: var(--dsh-primary); } /* Collapsed rail (desktop ≥1200 only) — hide the keyboard hint and turn section labels into thin dividers. On ≤1199, .sidemenu-toggle means the off-canvas drawer is open, so these must not apply (titles would stay transparent until a tap triggers sticky :hover). */ @media (min-width: 1200px) { /* line 2275, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle .sidebar-search__kbd { display: none; } /* line 2279, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle .nav-category { /* Keep the vertical rhythm of the groups without showing their text. */ height: 1px; margin: 10px 12px; overflow: hidden; color: transparent; background: var(--dsh-border); } /* line 2288, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle .nav-link.active::before { display: none; } /* line 2293, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle:hover .sidebar-search__kbd { display: block; } /* line 2297, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle:hover .nav-category { height: auto; margin: 16px 10px 4px; overflow: visible; color: var(--dsh-text-3); background: transparent; } /* line 2305, app/assets/stylesheets/_dashboard-2.scss */ .sidemenu-area.sidemenu-toggle:hover .nav-link.active::before { display: block; } } /* ---- Shell in dark mode ------------------------------------------------ _theme-dark.scss maps the shell onto the older --portal-* surfaces and its selectors are more specific than the rules above, so the dark treatment is restated here against the --dsh-* palette. Matching that file's `html[data-theme="dark"]` prefix keeps specificity equal, and source order (this partial is imported later) decides the winner. ------------------------------------------------------------------------ */ /* line 2321, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] body.dsh-page { background-color: var(--dsh-bg); } /* line 2325, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area, html[data-theme="dark"] .sidemenu-area__search { background: var(--dsh-surface-2); border-color: var(--dsh-border); } /* line 2331, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area { border-right: 1px solid var(--dsh-border); } /* line 2336, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__input { background-color: var(--dsh-surface); border-color: var(--dsh-border); color: var(--dsh-text); } /* line 2341, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__input::-moz-placeholder { color: var(--dsh-text-3); } html[data-theme="dark"] .sidebar-search__input::placeholder { color: var(--dsh-text-3); } /* line 2345, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__input:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22); } /* line 2351, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__icon, html[data-theme="dark"] .sidebar-search__empty, html[data-theme="dark"] .sidebar-search__clear { color: var(--dsh-text-3); } /* line 2357, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__clear:hover, html[data-theme="dark"] .sidebar-search__clear:focus { color: var(--dsh-text); background-color: var(--dsh-surface); } /* line 2363, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidebar-search__kbd { background: var(--dsh-surface-2); border-color: var(--dsh-border); color: var(--dsh-text-3); } /* line 2370, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .top-menu { background: var(--dsh-surface-2); border-bottom-color: var(--dsh-border); } /* line 2374, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .top-menu .topbar-role { background: var(--dsh-soft-indigo); border-color: var(--dsh-border); color: var(--dsh-indigo); } /* line 2382, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-menu, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown > .dropdown-menu, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu > .dropdown-menu { background: var(--dsh-surface); border-color: var(--dsh-border); } @media only screen and (max-width: 1199px) { /* line 2390, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown > .dropdown-menu, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu > .dropdown-menu { background: transparent !important; border: 0 !important; border-left: 1px solid var(--dsh-border) !important; box-shadow: none !important; } /* line 2398, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2402, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link .dropdown-title > .icon:not(.fr) { background: rgba(79, 70, 229, 0.16); color: var(--dsh-primary); } /* line 2407, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-item.dropdown.show > .nav-link .dropdown-title .icon.fr { color: var(--dsh-primary); } /* line 2412, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu.flyout-open > .dropdown-item { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2416, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .dropdown-submenu.flyout-open > .dropdown-item .submenu-chevron { color: var(--dsh-primary); } } /* line 2422, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link.active { background: var(--dsh-soft-indigo); color: var(--dsh-indigo); } /* line 2426, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link.active > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link.active .dropdown-title > .icon { color: var(--dsh-indigo); } /* line 2431, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link.active::before { background: var(--dsh-indigo); } /* line 2436, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link:hover, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link:focus, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2445, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link:hover > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .nav-link:focus > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:hover > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category-toggle:focus > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:hover > .icon, html[data-theme="dark"] .sidemenu-area .sidemenu .navbar-nav .sidebar-category .sidebar-category-toggle:focus > .icon { color: var(--dsh-primary); } /* line 2451, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .top-menu .dropdown-menu, html[data-theme="dark"] .navbar .dropdown-menu { background: var(--dsh-surface); border-color: var(--dsh-border); } /* ========================================================================= APP-WIDE REDESIGN ------------------------------------------------------------------------- The dashboard's design language applied to the rest of the application. Roughly 190 of the app's 411 templates already share one component vocabulary — `.lpage-*` for list/detail pages, plus Bootstrap's buttons, forms, tables and pagination. Restyling that vocabulary here redesigns those pages at once, instead of rewriting each template and risking their behaviour (ransack filters, Cocoon nested fields, remote modals). Everything below is a re-skin only: no selector changes structure, so markup and JS hooks keep working exactly as before. ========================================================================= */ /* ---- Page header ------------------------------------------------------- */ /* line 2475, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head { align-items: flex-start; margin-bottom: 20px; } /* line 2479, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__title { /* Was 22px/800 — the dashboard sets pages at 24px/700, and the lighter weight is what keeps a dense admin page calm. */ font-size: 24px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.025em; margin: 0 0 5px; } /* line 2489, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__title-row .lpage-head__title { margin-bottom: 0; } /* line 2493, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__crumbs { font-size: 12px; font-weight: 600; color: var(--dsh-text-3); margin: 8px 0 0; width: 100%; } /* line 2500, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__crumbs a { color: var(--dsh-text-3); } /* line 2503, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__crumbs a:hover { color: var(--dsh-primary); text-decoration: none; } /* line 2509, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__crumbs .current { color: var(--dsh-text-2); } /* Admins / Users list — keep header actions on one row (Import must not stretch). */ /* line 2515, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar { width: auto; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; } /* line 2522, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } /* line 2529, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar .btn, .lpage-head--users .lpage-users-toolbar .dropdown, .lpage-head--users .lpage-users-toolbar form { flex: 0 0 auto; width: auto; } /* line 2536, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar form .btn { width: auto; } /* Header status pills */ /* line 2543, app/assets/stylesheets/_dashboard-2.scss */ .lpage-pill { padding: 7px 12px; border-radius: var(--dsh-radius-sm); font-size: 12.5px; font-weight: 600; border-color: var(--dsh-border); background: var(--dsh-surface); color: var(--dsh-text-2); } /* line 2552, app/assets/stylesheets/_dashboard-2.scss */ .lpage-pill b { color: var(--dsh-text); } /* line 2554, app/assets/stylesheets/_dashboard-2.scss */ .lpage-pill--info { border-color: rgba(79, 70, 229, 0.24); background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 2560, app/assets/stylesheets/_dashboard-2.scss */ .lpage-pill--warn { border-color: rgba(239, 68, 68, 0.26); background: var(--dsh-soft-danger); color: #B91C1C; } /* line 2567, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-pill--warn { color: var(--dsh-danger); } /* ---- Cards: filters, content, tables ----------------------------------- */ /* line 2571, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters, .lpage-card { background: var(--dsh-surface); border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); } /* line 2579, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters { padding: 18px 20px 4px; margin-bottom: 16px; } /* line 2583, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters .form-group label { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; color: var(--dsh-text-3); margin-bottom: 6px; } /* Native select fallback (mobile msheet anchor) — match Chosen trigger. */ /* line 2599, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters select.form-control:not([multiple]):not([size]), .main-content select.form-control:not([multiple]):not([size]), .fpage-card select.form-control:not([multiple]):not([size]), .modal-body select.form-control:not([multiple]):not([size]), .modalData select.form-control:not([multiple]):not([size]) { -moz-appearance: none; appearance: none; -webkit-appearance: none; min-height: 42px; padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7385' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; cursor: pointer; } /* line 2610, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters select.form-control.is-msheet-open:not([multiple]):not([size]), .main-content select.form-control.is-msheet-open:not([multiple]):not([size]), .fpage-card select.form-control.is-msheet-open:not([multiple]):not([size]), .modal-body select.form-control.is-msheet-open:not([multiple]):not([size]), .modalData select.form-control.is-msheet-open:not([multiple]):not([size]) { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); } /* line 2617, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card { margin-bottom: 20px; } /* line 2620, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head { padding: 16px 20px; border-bottom-color: var(--dsh-border); } /* line 2625, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__title { font-size: 14.5px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.01em; /* Row-count chip beside the title */ } /* line 2632, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__title .count { margin-left: 8px; padding: 2px 8px; font-size: 11.5px; font-weight: 600; color: var(--dsh-primary); background: var(--dsh-soft-indigo); } /* line 2642, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__body { padding: 18px 20px; } /* line 2644, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__foot { padding: 12px 20px; border-top-color: var(--dsh-border); } /* Segmented tabs inside a card head */ /* line 2651, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs { padding: 3px; gap: 2px; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); border-radius: 9px; } /* line 2658, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs__item { padding: 6px 12px; border-radius: 7px; font-size: 12.5px; font-weight: 600; color: var(--dsh-text-3); } /* line 2665, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs__item:hover { color: var(--dsh-text); } /* line 2667, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs__item.is-active { color: var(--dsh-primary); background: var(--dsh-surface); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } /* ---- Data tables ------------------------------------------------------- */ /* line 2677, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table { /* Wide report tables (fee / salary / expense) */ } /* line 2678, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table thead th { background: var(--dsh-surface-2); color: var(--dsh-text-3); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; padding: 11px 18px; border-bottom-color: var(--dsh-border); } /* line 2688, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table tbody td { padding: 12px 18px; font-size: 13px; color: var(--dsh-text-2); border-bottom-color: var(--dsh-border); } /* line 2695, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table tbody tr:hover { background: var(--dsh-surface-2); } /* line 2699, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--ruled th, .lpage-table--ruled td { border-right: 1px solid var(--dsh-border); vertical-align: top; } /* line 2704, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--ruled th:last-child, .lpage-table--ruled td:last-child { border-right: 0; } /* line 2708, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table__total td { background: var(--dsh-surface-2); border-top: 2px solid var(--dsh-border); font-weight: 700; color: var(--dsh-text); } /* line 2714, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table__total td h1, .lpage-table__total td h2, .lpage-table__total td h3, .lpage-table__total td h4, .lpage-table__total td h5, .lpage-table__total td h6 { color: var(--dsh-text); margin: 0; } /* Student fees list — checkbox column, pending-month tags */ /* line 2723, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__check-col { width: 44px; text-align: center; vertical-align: middle; padding-left: 14px; padding-right: 8px; } /* line 2731, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__check, .lpage-table--student-fees .select-all-checkbox { width: 18px; height: 18px; margin: 0; cursor: pointer; accent-color: var(--dsh-primary); vertical-align: middle; } /* line 2741, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions-col { min-width: 88px; white-space: nowrap; } /* line 2746, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__months { min-width: 150px; max-width: 220px; } /* line 2752, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions .lpage-iconbtn { border-width: 1px; border-style: solid; } /* line 2756, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions .lpage-iconbtn--warning { background: var(--dsh-soft-warning); border-color: rgba(245, 158, 11, 0.28); color: #B45309; } /* line 2761, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions .lpage-iconbtn--warning:hover { background: #F59E0B; border-color: #F59E0B; color: #fff; } /* line 2768, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions .lpage-iconbtn--info { background: var(--dsh-soft-blue); border-color: rgba(37, 99, 235, 0.24); color: #1D4ED8; } /* line 2773, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions .lpage-iconbtn--info:hover { background: #2563EB; border-color: #2563EB; color: #fff; } /* line 2783, app/assets/stylesheets/_dashboard-2.scss */ .sfee-pending-months { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } /* line 2789, app/assets/stylesheets/_dashboard-2.scss */ .sfee-pending-months__tag { display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; line-height: 1.35; color: var(--dsh-text-2); background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); white-space: normal; word-break: break-word; } /* line 2804, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__meta { font-size: 13px; color: var(--dsh-text-2); } /* Username cell */ /* line 2810, app/assets/stylesheets/_dashboard-2.scss */ .lpage-username { font-size: 12.5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--dsh-text-3); } /* One-time credential reveal card (after creating an admin) */ /* line 2817, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds { border: 1px solid var(--dsh-primary); } /* line 2820, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__note { margin-left: 10px; font-size: 12px; font-weight: 600; color: var(--dsh-primary); } /* line 2827, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__row { display: flex; align-items: center; gap: 10px; padding: 10px 0; } /* line 2833, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__row + .lpage-creds__row { border-top: 1px solid var(--dsh-border); } /* line 2836, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__label { flex: 0 0 90px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dsh-text-3); } /* line 2845, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13.5px; color: var(--dsh-text); letter-spacing: 0.02em; } /* line 2852, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__reset { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--dsh-border); } /* line 2863, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__reset-text { display: flex; flex-direction: column; gap: 2px; } /* line 2868, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__reset-text .lpage-setpass__hint { margin-top: 0; } /* line 2871, app/assets/stylesheets/_dashboard-2.scss */ .lpage-creds__reset-title { font-size: 14px; font-weight: 600; color: var(--dsh-text); } /* Set-login-password form (admin show page) */ /* line 2879, app/assets/stylesheets/_dashboard-2.scss */ .lpage-setpass { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* line 2885, app/assets/stylesheets/_dashboard-2.scss */ .lpage-setpass__input { flex: 1 1 320px; max-width: 420px; } /* line 2890, app/assets/stylesheets/_dashboard-2.scss */ .lpage-setpass__hint { margin-top: 8px; font-size: 12px; color: var(--dsh-text-3); } /* Name cell */ /* line 2899, app/assets/stylesheets/_dashboard-2.scss */ .lpage-person__avatar { width: 34px; height: 34px; border-radius: 50%; font-size: 12.5px; font-weight: 700; color: var(--dsh-primary); background: var(--dsh-soft-indigo); } /* line 2909, app/assets/stylesheets/_dashboard-2.scss */ .lpage-person__name { font-size: 13px; font-weight: 600; color: var(--dsh-text); } /* line 2915, app/assets/stylesheets/_dashboard-2.scss */ .lpage-person__sub { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* line 2921, app/assets/stylesheets/_dashboard-2.scss */ .lpage-person__lines span { font-size: 11.5px; font-weight: 500; color: var(--dsh-text-3); } /* ---- Status pills, tags, balances -------------------------------------- */ /* line 2930, app/assets/stylesheets/_dashboard-2.scss */ .lpage-status { padding: 3px 10px; font-size: 11.5px; font-weight: 600; } /* line 2935, app/assets/stylesheets/_dashboard-2.scss */ .lpage-status::before { width: 6px; height: 6px; } /* line 2937, app/assets/stylesheets/_dashboard-2.scss */ .lpage-status--on { background: var(--dsh-soft-success); color: #047857; } /* line 2938, app/assets/stylesheets/_dashboard-2.scss */ .lpage-status--off { background: var(--dsh-soft-danger); color: #B91C1C; } /* line 2941, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tag { /* The 16px vertical padding here was a typo-scale bug: it made every tag a tall lozenge. Pills read at 3px. */ padding: 3px 10px; font-size: 11.5px; font-weight: 600; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); color: var(--dsh-text-2); } /* line 2951, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tag--normal { background: var(--dsh-soft-indigo); border-color: rgba(99, 102, 241, 0.26); color: var(--dsh-primary); } /* line 2952, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tag--orphon { background: var(--dsh-soft-blue); border-color: rgba(37, 99, 235, 0.24); color: #1D4ED8; } /* line 2953, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tag--deserving { background: var(--dsh-soft-success); border-color: rgba(16, 185, 129, 0.26); color: #047857; } /* line 2954, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tag--feefree { background: var(--dsh-soft-warning); border-color: rgba(245, 158, 11, 0.28); color: #B45309; } /* line 2957, app/assets/stylesheets/_dashboard-2.scss */ .lpage-balance { padding: 3px 10px; font-size: 12.5px; font-weight: 700; } /* line 2962, app/assets/stylesheets/_dashboard-2.scss */ .lpage-balance--due { background: var(--dsh-soft-danger); color: #B91C1C; } /* line 2963, app/assets/stylesheets/_dashboard-2.scss */ .lpage-balance--clear { background: var(--dsh-soft-success); color: #047857; } /* Clickable student-strength chip (parents index) */ /* line 2967, app/assets/stylesheets/_dashboard-2.scss */ .lpage-strength { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--dsh-text-3); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 2985, app/assets/stylesheets/_dashboard-2.scss */ .lpage-strength .icon { width: 14px; height: 14px; flex: 0 0 auto; } /* line 2991, app/assets/stylesheets/_dashboard-2.scss */ .lpage-strength:hover { border-color: rgba(99, 102, 241, 0.28); background: var(--dsh-soft-indigo); color: var(--dsh-primary); text-decoration: none; } /* line 3000, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-status--on, html[data-theme="dark"] .lpage-balance--clear, html[data-theme="dark"] .lpage-tag--deserving { color: var(--dsh-success); } /* line 3004, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-status--off, html[data-theme="dark"] .lpage-balance--due { color: var(--dsh-danger); } /* line 3007, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-tag--feefree { color: var(--dsh-warning); } /* line 3008, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-tag--orphon { color: #93C5FD; } /* ---- Row actions ------------------------------------------------------- */ /* line 3013, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn { width: 32px; height: 32px; border-radius: 8px; border-color: transparent; background: transparent; color: var(--dsh-text-3); /* Intent is carried on hover only — a row of permanently coloured icons is exactly the noise the redesign is removing. */ } /* line 3021, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn .icon { width: 15px; height: 15px; } /* line 3023, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn:hover { transform: none; border-color: var(--dsh-border); background: var(--dsh-surface-2); color: var(--dsh-primary); } /* line 3030, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn:disabled, .lpage-iconbtn[disabled] { opacity: 0.4; cursor: not-allowed; } /* line 3035, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn:disabled:hover, .lpage-iconbtn[disabled]:hover { border-color: transparent; background: transparent; color: var(--dsh-text-3); } /* line 3040, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn--success:hover { border-color: rgba(16, 185, 129, 0.3); background: var(--dsh-soft-success); color: #047857; } /* line 3041, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn--info:hover { border-color: rgba(37, 99, 235, 0.28); background: var(--dsh-soft-blue); color: #1D4ED8; } /* line 3042, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn--warning:hover { border-color: rgba(245, 158, 11, 0.3); background: var(--dsh-soft-warning); color: #B45309; } /* line 3043, app/assets/stylesheets/_dashboard-2.scss */ .lpage-iconbtn--danger:hover { border-color: rgba(239, 68, 68, 0.3); background: var(--dsh-soft-danger); color: #B91C1C; } /* line 3047, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-iconbtn--success:hover { color: var(--dsh-success); } /* line 3048, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-iconbtn--info:hover { color: #93C5FD; } /* line 3049, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-iconbtn--warning:hover { color: var(--dsh-warning); } /* line 3050, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .lpage-iconbtn--danger:hover { color: var(--dsh-danger); } /* line 3053, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu { border-radius: 12px; border-color: var(--dsh-border); box-shadow: var(--dsh-shadow-pop); background: var(--dsh-surface); } /* line 3059, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item { font-size: 13px; font-weight: 500; color: var(--dsh-text-2); } /* line 3064, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item .icon { color: var(--dsh-text-3); } /* line 3066, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item:hover { background: var(--dsh-surface-2); color: var(--dsh-primary); } /* line 3070, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item:hover .icon { color: var(--dsh-primary); } /* line 3073, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item--danger { color: #B91C1C; } /* line 3075, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item--danger .icon { color: #B91C1C; } /* line 3076, app/assets/stylesheets/_dashboard-2.scss */ .lpage-menu .dropdown-item--danger:hover { background: var(--dsh-soft-danger); color: #B91C1C; } /* ---- Empty state ------------------------------------------------------- */ /* line 3083, app/assets/stylesheets/_dashboard-2.scss */ .lpage-empty { padding: 44px 20px; } /* line 3086, app/assets/stylesheets/_dashboard-2.scss */ .lpage-empty__icon { width: 44px; height: 44px; border-radius: 13px; margin-bottom: 14px; background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 3094, app/assets/stylesheets/_dashboard-2.scss */ .lpage-empty__icon .icon { width: 21px; height: 21px; } /* line 3097, app/assets/stylesheets/_dashboard-2.scss */ .lpage-empty__title { font-size: 14px; font-weight: 700; color: var(--dsh-text); margin-bottom: 5px; } /* line 3104, app/assets/stylesheets/_dashboard-2.scss */ .lpage-empty__sub { font-size: 13px; color: var(--dsh-text-3); } /* ========================================================================= Bootstrap primitives ------------------------------------------------------------------------- Buttons, forms, tables, pagination and modals, restyled onto the token system. These reach the pages that never adopted `.lpage-*`, so the whole app lands on one visual language. ========================================================================= */ /* ---- Buttons ----------------------------------------------------------- */ /* line 3120, app/assets/stylesheets/_dashboard-2.scss */ .btn { border-radius: var(--dsh-radius-sm); font-size: 13.5px; font-weight: 600; padding: 9px 15px; transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } /* line 3128, app/assets/stylesheets/_dashboard-2.scss */ .btn:focus, .btn.focus { box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.24); } /* line 3134, app/assets/stylesheets/_dashboard-2.scss */ .btn-primary { /* Flat indigo, not a gradient with a heavy drop shadow. */ background: var(--dsh-primary); border-color: var(--dsh-primary); box-shadow: 0 1px 2px rgba(79, 70, 229, 0.26); } /* line 3140, app/assets/stylesheets/_dashboard-2.scss */ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active { background: var(--dsh-primary-hover); border-color: var(--dsh-primary-hover); box-shadow: 0 4px 12px -4px rgba(79, 70, 229, 0.45); } /* line 3150, app/assets/stylesheets/_dashboard-2.scss */ .btn-secondary { background: var(--dsh-surface); border-color: var(--dsh-border); color: var(--dsh-text); } /* line 3155, app/assets/stylesheets/_dashboard-2.scss */ .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active { background: var(--dsh-surface-2); border-color: var(--dsh-border-strong); color: var(--dsh-text); } /* line 3165, app/assets/stylesheets/_dashboard-2.scss */ .btn-success { background: var(--dsh-success); border-color: var(--dsh-success); box-shadow: 0 1px 2px rgba(16, 185, 129, 0.26); } /* line 3170, app/assets/stylesheets/_dashboard-2.scss */ .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:not(:disabled):not(.disabled):active { background: #059669; border-color: #059669; box-shadow: 0 4px 12px -4px rgba(16, 185, 129, 0.45); } /* line 3180, app/assets/stylesheets/_dashboard-2.scss */ .btn-danger { background: var(--dsh-danger); border-color: var(--dsh-danger); box-shadow: 0 1px 2px rgba(239, 68, 68, 0.24); } /* line 3185, app/assets/stylesheets/_dashboard-2.scss */ .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active { background: #DC2626; border-color: #DC2626; box-shadow: 0 4px 12px -4px rgba(239, 68, 68, 0.45); } /* line 3195, app/assets/stylesheets/_dashboard-2.scss */ .btn-warning { background: var(--dsh-warning); border-color: var(--dsh-warning); color: #fff; } /* line 3200, app/assets/stylesheets/_dashboard-2.scss */ .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:not(:disabled):not(.disabled):active { background: #D97706; border-color: #D97706; color: #fff; } /* line 3210, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-primary { border-color: var(--dsh-border); color: var(--dsh-primary); background: var(--dsh-surface); } /* line 3215, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active { background: var(--dsh-soft-indigo); border-color: rgba(99, 102, 241, 0.4); color: var(--dsh-primary); } /* line 3225, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-secondary { border-color: var(--dsh-border); color: var(--dsh-text-2); background: var(--dsh-surface); } /* line 3230, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:not(:disabled):not(.disabled):active { background: var(--dsh-surface-2); border-color: var(--dsh-border-strong); color: var(--dsh-text); } /* line 3240, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-danger { border-color: rgba(239, 68, 68, 0.34); color: var(--dsh-danger); background: var(--dsh-surface); } /* line 3245, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:not(:disabled):not(.disabled):active { background: var(--dsh-danger); border-color: var(--dsh-danger); color: #fff; } /* line 3255, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-success { border-color: rgba(16, 185, 129, 0.34); color: var(--dsh-success); background: var(--dsh-surface); } /* line 3260, app/assets/stylesheets/_dashboard-2.scss */ .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:not(:disabled):not(.disabled):active { background: var(--dsh-success); border-color: var(--dsh-success); color: #fff; } /* line 3270, app/assets/stylesheets/_dashboard-2.scss */ .btn-link { color: var(--dsh-primary); font-weight: 600; } /* line 3274, app/assets/stylesheets/_dashboard-2.scss */ .btn-link:hover { color: var(--dsh-primary-hover); } /* line 3277, app/assets/stylesheets/_dashboard-2.scss */ .btn-sm, .btn-group-sm > .btn { padding: 6px 11px; font-size: 12.5px; border-radius: 8px; } /* line 3284, app/assets/stylesheets/_dashboard-2.scss */ .btn-lg, .btn-group-lg > .btn { padding: 12px 20px; font-size: 14.5px; border-radius: 11px; } /* ---- Forms ------------------------------------------------------------- */ /* line 3293, app/assets/stylesheets/_dashboard-2.scss */ .form-control, .custom-select { border-radius: var(--dsh-radius-sm); border-color: var(--dsh-border); background-color: var(--dsh-surface); color: var(--dsh-text); font-size: 13.5px; } /* line 3301, app/assets/stylesheets/_dashboard-2.scss */ .form-control::-moz-placeholder, .custom-select::-moz-placeholder { color: var(--dsh-text-3); } .form-control::placeholder, .custom-select::placeholder { color: var(--dsh-text-3); } /* line 3303, app/assets/stylesheets/_dashboard-2.scss */ .form-control:focus, .custom-select:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); background-color: var(--dsh-surface); color: var(--dsh-text); } /* line 3310, app/assets/stylesheets/_dashboard-2.scss */ .form-control:disabled, .form-control[readonly], .custom-select:disabled, .custom-select[readonly] { background-color: var(--dsh-surface-2); color: var(--dsh-text-3); } /* line 3317, app/assets/stylesheets/_dashboard-2.scss */ label, .col-form-label { font-size: 12.5px; font-weight: 600; color: var(--dsh-text-2); } /* line 3324, app/assets/stylesheets/_dashboard-2.scss */ .input-group-text { border-color: var(--dsh-border); background-color: var(--dsh-surface-2); color: var(--dsh-text-3); border-radius: var(--dsh-radius-sm); font-size: 13px; } /* line 3332, app/assets/stylesheets/_dashboard-2.scss */ .form-text, .text-muted { color: var(--dsh-text-3) !important; font-size: 12px; } /* line 3338, app/assets/stylesheets/_dashboard-2.scss */ .invalid-feedback, .is-invalid ~ .invalid-feedback { color: var(--dsh-danger); font-size: 12px; } /* line 3344, app/assets/stylesheets/_dashboard-2.scss */ .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--dsh-danger); } /* line 3348, app/assets/stylesheets/_dashboard-2.scss */ .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.16); } /* Wizard step validation: the message is added next to the field it belongs to, so it has to show without Bootstrap's :invalid sibling machinery. */ /* line 3353, app/assets/stylesheets/_dashboard-2.scss */ .js-user-form-error { display: block; margin-top: 4px; } /* line 3358, app/assets/stylesheets/_dashboard-2.scss */ .js-user-form-step-error { margin-bottom: 12px; } /* A chosen-select hides its own control; paint the replacement instead. */ /* line 3364, app/assets/stylesheets/_dashboard-2.scss */ select.is-invalid + .chosen-container .chosen-choices, select.is-invalid + .chosen-container .chosen-single { border-color: var(--dsh-danger); } /* ---- Filter / form Chosen dropdowns — unified portal theme -------------- */ /* line 3399, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-single, .lpage-filters .chosen-container-single .chosen-single, .fpage-card .chosen-container-single .chosen-single, .modal-body .chosen-container-single .chosen-single, .modalData .chosen-container-single .chosen-single { height: 42px; line-height: 40px; padding: 0 12px; border-radius: var(--dsh-radius-sm, 10px); border-color: var(--dsh-border, var(--portal-line)); background: var(--dsh-surface, var(--portal-surface)); background-image: none; color: var(--dsh-text-2, var(--portal-slate)); font-size: 13.5px; font-weight: 600; box-shadow: none; } /* line 3412, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-single div b, .lpage-filters .chosen-container-single .chosen-single div b, .fpage-card .chosen-container-single .chosen-single div b, .modal-body .chosen-container-single .chosen-single div b, .modalData .chosen-container-single .chosen-single div b { background: none; } /* line 3415, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-single div b::after, .lpage-filters .chosen-container-single .chosen-single div b::after, .fpage-card .chosen-container-single .chosen-single div b::after, .modal-body .chosen-container-single .chosen-single div b::after, .modalData .chosen-container-single .chosen-single div b::after { content: '\25BC'; font-size: 10px; color: var(--dsh-text-3, var(--portal-muted)); } /* line 3423, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single.chosen-container-active .chosen-single, .main-content .chosen-container-single.chosen-with-drop .chosen-single, .lpage-filters .chosen-container-single.chosen-container-active .chosen-single, .lpage-filters .chosen-container-single.chosen-with-drop .chosen-single, .fpage-card .chosen-container-single.chosen-container-active .chosen-single, .fpage-card .chosen-container-single.chosen-with-drop .chosen-single, .modal-body .chosen-container-single.chosen-container-active .chosen-single, .modal-body .chosen-container-single.chosen-with-drop .chosen-single, .modalData .chosen-container-single.chosen-container-active .chosen-single, .modalData .chosen-container-single.chosen-with-drop .chosen-single { border-color: var(--dsh-primary, var(--portal-primary)); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); } /* line 3429, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-drop, .lpage-filters .chosen-container .chosen-drop, .fpage-card .chosen-container .chosen-drop, .modal-body .chosen-container .chosen-drop, .modalData .chosen-container .chosen-drop { margin-top: 4px; border: 1px solid var(--dsh-border, var(--portal-line)); border-radius: 12px; background: var(--dsh-surface, var(--portal-surface)); box-shadow: var(--dsh-shadow-pop, var(--portal-shadow-sm)); overflow: hidden; } /* line 3438, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-search, .lpage-filters .chosen-container-single .chosen-search, .fpage-card .chosen-container-single .chosen-search, .modal-body .chosen-container-single .chosen-search, .modalData .chosen-container-single .chosen-search { padding: 8px; } /* line 3441, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-search input[type="text"], .lpage-filters .chosen-container-single .chosen-search input[type="text"], .fpage-card .chosen-container-single .chosen-search input[type="text"], .modal-body .chosen-container-single .chosen-search input[type="text"], .modalData .chosen-container-single .chosen-search input[type="text"] { border: 1px solid var(--dsh-border, var(--portal-line)); border-radius: 8px; padding: 8px 12px; font-size: 13.5px; background: var(--dsh-surface, var(--portal-surface)); color: var(--dsh-text, var(--portal-ink)); } /* line 3449, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container-single .chosen-search input[type="text"]:focus, .lpage-filters .chosen-container-single .chosen-search input[type="text"]:focus, .fpage-card .chosen-container-single .chosen-search input[type="text"]:focus, .modal-body .chosen-container-single .chosen-search input[type="text"]:focus, .modalData .chosen-container-single .chosen-search input[type="text"]:focus { border-color: var(--dsh-primary, var(--portal-primary)); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); outline: none; } /* line 3457, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results, .lpage-filters .chosen-container .chosen-results, .fpage-card .chosen-container .chosen-results, .modal-body .chosen-container .chosen-results, .modalData .chosen-container .chosen-results { margin: 4px; padding: 0; max-height: 240px; scrollbar-width: thin; scrollbar-color: rgba(79, 70, 229, 0.55) transparent; } /* line 3376, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results::-webkit-scrollbar, .lpage-filters .chosen-container .chosen-results::-webkit-scrollbar, .fpage-card .chosen-container .chosen-results::-webkit-scrollbar, .modal-body .chosen-container .chosen-results::-webkit-scrollbar, .modalData .chosen-container .chosen-results::-webkit-scrollbar { width: 8px; } /* line 3380, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results::-webkit-scrollbar-track, .lpage-filters .chosen-container .chosen-results::-webkit-scrollbar-track, .fpage-card .chosen-container .chosen-results::-webkit-scrollbar-track, .modal-body .chosen-container .chosen-results::-webkit-scrollbar-track, .modalData .chosen-container .chosen-results::-webkit-scrollbar-track { background: transparent; } /* line 3384, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results::-webkit-scrollbar-thumb, .lpage-filters .chosen-container .chosen-results::-webkit-scrollbar-thumb, .fpage-card .chosen-container .chosen-results::-webkit-scrollbar-thumb, .modal-body .chosen-container .chosen-results::-webkit-scrollbar-thumb, .modalData .chosen-container .chosen-results::-webkit-scrollbar-thumb { background: rgba(79, 70, 229, 0.55); border-radius: 99px; } /* line 3389, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover, .lpage-filters .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover, .fpage-card .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover, .modal-body .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover, .modalData .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover { background: rgba(79, 70, 229, 0.75); } /* line 3463, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results li, .lpage-filters .chosen-container .chosen-results li, .fpage-card .chosen-container .chosen-results li, .modal-body .chosen-container .chosen-results li, .modalData .chosen-container .chosen-results li { border-radius: 8px; padding: 9px 12px; font-size: 13.5px; font-weight: 600; color: var(--dsh-text-2, var(--portal-slate)); } /* line 3470, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results li.highlighted, .lpage-filters .chosen-container .chosen-results li.highlighted, .fpage-card .chosen-container .chosen-results li.highlighted, .modal-body .chosen-container .chosen-results li.highlighted, .modalData .chosen-container .chosen-results li.highlighted { background: var(--dsh-soft-indigo, var(--portal-hover-fill-strong)); background-image: none; color: var(--dsh-primary, var(--portal-primary)); } /* line 3476, app/assets/stylesheets/_dashboard-2.scss */ .main-content .chosen-container .chosen-results li.result-selected, .lpage-filters .chosen-container .chosen-results li.result-selected, .fpage-card .chosen-container .chosen-results li.result-selected, .modal-body .chosen-container .chosen-results li.result-selected, .modalData .chosen-container .chosen-results li.result-selected { color: var(--dsh-text-3, var(--portal-muted)); font-weight: 700; } /* Mobile filter sheet — same panel language as Chosen dropdown. */ /* line 3486, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__sheet { border-color: var(--dsh-border, var(--portal-line)); border-radius: 12px; box-shadow: var(--dsh-shadow-pop, 0 12px 28px rgba(15, 23, 42, 0.16)); } /* line 3492, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__list { padding: 6px; scrollbar-width: thin; scrollbar-color: rgba(79, 70, 229, 0.55) transparent; } /* line 3376, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__list::-webkit-scrollbar { width: 8px; } /* line 3380, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__list::-webkit-scrollbar-track { background: transparent; } /* line 3384, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__list::-webkit-scrollbar-thumb { background: rgba(79, 70, 229, 0.55); border-radius: 99px; } /* line 3389, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__list::-webkit-scrollbar-thumb:hover { background: rgba(79, 70, 229, 0.75); } /* line 3497, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__option { border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--dsh-text-2, var(--portal-slate)); } /* line 3503, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__option:active, .lpage-msheet__option:hover { background: var(--dsh-soft-indigo, var(--portal-hover-fill-strong)); color: var(--dsh-primary, var(--portal-primary)); } /* line 3509, app/assets/stylesheets/_dashboard-2.scss */ .lpage-msheet__option.is-selected { color: var(--dsh-primary, var(--portal-primary)); background: var(--dsh-soft-indigo, var(--portal-hover-fill-strong)); } /* ---- Generic cards ----------------------------------------------------- */ /* line 3518, app/assets/stylesheets/_dashboard-2.scss */ .card, .stats-card, .stats-card-one, .stats-card-two { background-color: var(--dsh-surface); border-radius: var(--dsh-radius); border-color: var(--dsh-border); box-shadow: var(--dsh-shadow); } /* line 3529, app/assets/stylesheets/_dashboard-2.scss */ .card .card-header { background-color: transparent; border-bottom-color: var(--dsh-border); padding: 16px 20px; } /* line 3534, app/assets/stylesheets/_dashboard-2.scss */ .card .card-header .card-title { font-size: 14.5px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.01em; } /* line 3542, app/assets/stylesheets/_dashboard-2.scss */ .card .card-footer { background-color: transparent; border-top-color: var(--dsh-border); } /* ---- Tables ------------------------------------------------------------ */ /* line 3550, app/assets/stylesheets/_dashboard-2.scss */ .table { color: var(--dsh-text-2); /* Several views ask for a dark header via bg-secondary/thead-dark. Keep them dark, but on the redesign's ink rather than Bootstrap's grey. */ } /* line 3553, app/assets/stylesheets/_dashboard-2.scss */ .table thead th { color: var(--dsh-text-3); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; background: var(--dsh-surface-2); border-bottom-color: var(--dsh-border); } /* line 3562, app/assets/stylesheets/_dashboard-2.scss */ .table td, .table th { border-top-color: var(--dsh-border); font-size: 13px; } /* line 3570, app/assets/stylesheets/_dashboard-2.scss */ .table thead.bg-secondary, .table thead.thead-dark { background-color: var(--dsh-text) !important; } /* line 3574, app/assets/stylesheets/_dashboard-2.scss */ .table thead.bg-secondary th, .table thead.thead-dark th { color: #fff; border-color: rgba(255, 255, 255, 0.14); } /* line 3581, app/assets/stylesheets/_dashboard-2.scss */ .table-hover tbody tr:hover { background-color: var(--dsh-surface-2); color: var(--dsh-text-2); } /* ---- Pagination -------------------------------------------------------- */ /* line 3588, app/assets/stylesheets/_dashboard-2.scss */ .pagination { gap: 4px; flex-wrap: wrap; align-items: center; } /* line 3593, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border-color: var(--dsh-border); background: var(--dsh-surface); color: var(--dsh-text-2); font-size: 13px; font-weight: 600; padding: 7px 12px; line-height: 1; white-space: nowrap; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 3608, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-link:hover { background: var(--dsh-surface-2); border-color: var(--dsh-border-strong); color: var(--dsh-text); } /* line 3615, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-item.active .page-link { background: var(--dsh-primary); border-color: var(--dsh-primary); color: #fff; } /* line 3621, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-item.disabled .page-link { background: var(--dsh-surface); border-color: var(--dsh-border); color: var(--dsh-text-3); opacity: 0.6; } /* ---- Modals ------------------------------------------------------------ */ /* line 3631, app/assets/stylesheets/_dashboard-2.scss */ .modal-content { border-radius: var(--dsh-radius); border-color: var(--dsh-border); background: var(--dsh-surface); box-shadow: var(--dsh-shadow-pop); } /* line 3638, app/assets/stylesheets/_dashboard-2.scss */ .modal-header { padding: 16px 20px; border-bottom-color: var(--dsh-border); } /* line 3642, app/assets/stylesheets/_dashboard-2.scss */ .modal-header .modal-title { font-size: 15px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.01em; } /* line 3650, app/assets/stylesheets/_dashboard-2.scss */ .modal-body { padding: 20px; } /* line 3652, app/assets/stylesheets/_dashboard-2.scss */ .modal-footer { padding: 14px 20px; border-top-color: var(--dsh-border); } /* line 3657, app/assets/stylesheets/_dashboard-2.scss */ .modal-backdrop.show { opacity: 0.42; } /* ---- Alerts ------------------------------------------------------------ */ /* line 3661, app/assets/stylesheets/_dashboard-2.scss */ .alert { border-radius: var(--dsh-radius-sm); border-width: 1px; font-size: 13.5px; font-weight: 500; } /* line 3668, app/assets/stylesheets/_dashboard-2.scss */ .alert-success { background: var(--dsh-soft-success); border-color: rgba(16, 185, 129, 0.28); color: #047857; } /* line 3669, app/assets/stylesheets/_dashboard-2.scss */ .alert-danger { background: var(--dsh-soft-danger); border-color: rgba(239, 68, 68, 0.28); color: #B91C1C; } /* line 3670, app/assets/stylesheets/_dashboard-2.scss */ .alert-warning { background: var(--dsh-soft-warning); border-color: rgba(245, 158, 11, 0.3); color: #B45309; } /* line 3671, app/assets/stylesheets/_dashboard-2.scss */ .alert-info { background: var(--dsh-soft-blue); border-color: rgba(37, 99, 235, 0.26); color: #1D4ED8; } /* line 3674, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .alert-success { color: var(--dsh-success); } /* line 3675, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .alert-danger { color: var(--dsh-danger); } /* line 3676, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .alert-warning { color: var(--dsh-warning); } /* line 3677, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .alert-info { color: #93C5FD; } /* ---- Badges ------------------------------------------------------------ */ /* line 3682, app/assets/stylesheets/_dashboard-2.scss */ .badge { border-radius: 99px; font-size: 11.5px; font-weight: 600; padding: 4px 9px; } /* line 3689, app/assets/stylesheets/_dashboard-2.scss */ .badge-primary { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 3690, app/assets/stylesheets/_dashboard-2.scss */ .badge-success { background: var(--dsh-soft-success); color: #047857; } /* line 3691, app/assets/stylesheets/_dashboard-2.scss */ .badge-danger { background: var(--dsh-soft-danger); color: #B91C1C; } /* line 3692, app/assets/stylesheets/_dashboard-2.scss */ .badge-warning { background: var(--dsh-soft-warning); color: #B45309; } /* line 3693, app/assets/stylesheets/_dashboard-2.scss */ .badge-info { background: var(--dsh-soft-blue); color: #1D4ED8; } /* line 3694, app/assets/stylesheets/_dashboard-2.scss */ .badge-secondary { background: var(--dsh-surface-2); color: var(--dsh-text-2); } /* ---- Page heading used by non-lpage views ------------------------------ */ /* line 3698, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header { margin-bottom: 20px; padding-bottom: 0; border-bottom: 0; } /* line 3703, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header h1 { font-size: 24px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.025em; } /* line 3710, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header .breadcrumb { background: transparent; padding: 0; font-size: 12px; font-weight: 600; } /* line 3716, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header .breadcrumb .breadcrumb-item, .main-content-header .breadcrumb .breadcrumb-item a { color: var(--dsh-text-3); } /* line 3719, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header .breadcrumb .breadcrumb-item a:hover { color: var(--dsh-primary); } /* line 3720, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header .breadcrumb .breadcrumb-item.active { color: var(--dsh-text-2); } /* Footer sits on the tinted ground, so it must not paint its own surface. */ /* line 3725, app/assets/stylesheets/_dashboard-2.scss */ .footer p { color: var(--dsh-text-3); font-size: 12.5px; } /* ========================================================================= Bridging the older --portal-* palette ------------------------------------------------------------------------- `_theme-dark.scss` repaints most of the app in dark mode using the older --portal-* tokens, with `html[data-theme="dark"]`-prefixed selectors that outrank the plain ones above. Rather than restate every one of those rules against --dsh-*, the old tokens are re-pointed at the new palette. Those dark rules then paint the redesign's colours by themselves, and any page still using --portal-* directly comes along too. The light side is remapped for the same reason: a page that predates the redesign picks up the new neutrals instead of sitting on the old blue-grey next to a redesigned one. ========================================================================= */ /* line 3745, app/assets/stylesheets/_dashboard-2.scss */ :root { --portal-primary: #4F46E5; --portal-primary-d: #4338CA; --portal-indigo: #6366F1; --portal-ink: #0F172A; --portal-ink-2: #1E293B; --portal-slate: #64748B; --portal-muted: #94A3B8; --portal-line: #E6EAF0; --portal-bg: #F6F8FC; --portal-surface: #FFFFFF; --portal-surface-2: #F8FAFC; --portal-elevated: #FFFFFF; --portal-input-bg: #FFFFFF; --portal-shadow: 0 12px 32px -12px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(15, 23, 42, 0.04); --portal-shadow-sm: 0 6px 16px -8px rgba(15, 23, 42, 0.14), 0 1px 2px rgba(15, 23, 42, 0.04); --portal-navbar-bg: #FFFFFF; --portal-sidebar-bg: #FFFFFF; --portal-hover-fill: rgba(79, 70, 229, 0.06); --portal-hover-fill-strong: rgba(79, 70, 229, 0.1); --portal-progress-track: #E6EAF0; } /* line 3768, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] { --portal-primary: #6366F1; --portal-primary-d: #7C7DF3; --portal-indigo: #818CF8; --portal-ink: #F8FAFC; --portal-ink-2: #E2E8F0; --portal-slate: #94A3B8; --portal-muted: #64748B; --portal-line: #202A3A; --portal-bg: #080B14; --portal-surface: #101522; --portal-surface-2: #0C111C; --portal-elevated: #161C2B; --portal-input-bg: #0C111C; --portal-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05); --portal-shadow-sm: 0 6px 16px -8px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4); --portal-navbar-bg: #0C111C; --portal-sidebar-bg: #0C111C; --portal-hover-fill: rgba(99, 102, 241, 0.12); --portal-hover-fill-strong: rgba(99, 102, 241, 0.18); --portal-progress-track: #202A3A; } /* ========================================================================= Report list — a row of generatable documents (student/staff reports) ========================================================================= */ /* line 3795, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } /* line 3802, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__item { display: flex; align-items: center; gap: 14px; padding: 13px 20px; border-bottom: 1px solid var(--dsh-border); } /* line 3809, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__item:last-child { border-bottom: 0; } /* line 3812, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__icon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--dsh-surface-2); color: var(--dsh-text-3); } /* line 3823, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__icon .icon { width: 16px; height: 16px; } /* line 3826, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__body { flex: 1 1 auto; min-width: 0; } /* line 3831, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__title { font-size: 13.5px; font-weight: 600; color: var(--dsh-text); margin: 0; } /* line 3838, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__desc { font-size: 12px; color: var(--dsh-text-3); margin: 2px 0 0; } /* Inline footnote with a leading icon. */ /* line 3846, app/assets/stylesheets/_dashboard-2.scss */ .dsh-note { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 12.5px; color: var(--dsh-text-3); } /* line 3854, app/assets/stylesheets/_dashboard-2.scss */ .dsh-note .icon { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 2px; } @media (max-width: 575px) { /* line 3863, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__item { flex-wrap: wrap; } /* line 3866, app/assets/stylesheets/_dashboard-2.scss */ .dsh-reports__item .dsh-btn { width: 100%; margin-left: 46px; } } /* ========================================================================= Profile header + definition list — detail/show pages ========================================================================= */ /* line 3877, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile { display: flex; align-items: center; gap: 16px; padding-bottom: 18px; margin-bottom: 4px; border-bottom: 1px solid var(--dsh-border); } /* line 3885, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile__photo { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; background: var(--dsh-surface-2); } /* line 3894, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile__photo--initials { display: flex; align-items: center; justify-content: center; background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; } /* line 3906, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile__body { min-width: 0; } /* line 3910, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile__name { font-size: 18px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.02em; margin: 0 0 3px; } /* line 3918, app/assets/stylesheets/_dashboard-2.scss */ .dsh-profile__role { font-size: 13px; color: var(--dsh-text-3); margin: 0 0 8px; } /* Label/value pairs. Two columns where there is room, stacked when narrow. */ /* line 3926, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist { margin: 0; } /* line 3929, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist__row { display: grid; grid-template-columns: minmax(110px, 34%) 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--dsh-border); } /* line 3936, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist__row:last-child { border-bottom: 0; } /* line 3939, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist__key { font-size: 12.5px; font-weight: 500; color: var(--dsh-text-3); margin: 0; } /* line 3946, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist__val { font-size: 13px; font-weight: 500; color: var(--dsh-text); margin: 0; min-width: 0; overflow-wrap: break-word; } @media (max-width: 575px) { /* line 3957, app/assets/stylesheets/_dashboard-2.scss */ .dsh-deflist__row { grid-template-columns: 1fr; gap: 2px; } } /* Vertical run of cards that should sit flush in a grid column. */ /* line 3964, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stack { display: flex; flex-direction: column; } /* line 3968, app/assets/stylesheets/_dashboard-2.scss */ .dsh-stack > .lpage-card:last-child { margin-bottom: 20px; } /* ========================================================================= Legacy component alignment ------------------------------------------------------------------------- `.dboard-kpi` and friends predate `.dsh-*` but are still used by the teacher/parent portals and a few admin index pages. Rather than rewrite those templates, the old components are brought onto the new scale so a portal KPI and a dashboard KPI are visually the same object. ========================================================================= */ /* line 3980, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi { border-color: var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); padding: 18px 20px 16px; /* Restrained tinted square, matching .dsh-kpi__icon. */ } /* line 3986, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi:hover { transform: translateY(-1px); border-color: var(--dsh-border-strong); box-shadow: var(--dsh-shadow-hover); } /* line 3992, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__label { font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; color: var(--dsh-text-3); margin-bottom: 10px; } /* line 4000, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__value { font-size: 28px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; } /* line 4009, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__icon { width: 32px; height: 32px; border-radius: 9px; } /* line 4014, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__icon .icon { width: 16px; height: 16px; } /* line 4017, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__hint { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); margin-top: 12px; } /* line 4023, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__hint .icon { width: 13px; height: 13px; } /* line 4026, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--blue .dboard-kpi__icon { background: var(--dsh-soft-blue); color: var(--dsh-blue); } /* line 4027, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--purple .dboard-kpi__icon { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 4028, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--cyan .dboard-kpi__icon { background: var(--dsh-soft-success); color: var(--dsh-success); } /* line 4029, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--gold .dboard-kpi__icon { background: var(--dsh-soft-warning); color: var(--dsh-warning); } /* line 4030, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--green .dboard-kpi__icon { background: var(--dsh-soft-success); color: var(--dsh-success); } /* line 4031, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--red .dboard-kpi__icon { background: var(--dsh-soft-danger); color: var(--dsh-danger); } /* line 4033, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--blue:hover, .dboard-kpi--purple:hover, .dboard-kpi--cyan:hover, .dboard-kpi--gold:hover, .dboard-kpi--green:hover, .dboard-kpi--red:hover { border-color: var(--dsh-border-strong); } /* line 4040, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi:hover .dboard-kpi__hint, .dboard-kpi--green:hover .dboard-kpi__hint, .dboard-kpi--red:hover .dboard-kpi__hint, .dboard-kpi--gold:hover .dboard-kpi__hint, .dboard-kpi--purple:hover .dboard-kpi__hint, .dboard-kpi--cyan:hover .dboard-kpi__hint { color: var(--dsh-primary); } /* line 4047, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--sm { padding: 14px 16px; } /* line 4050, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--sm .dboard-kpi__value { font-size: 21px; } /* line 4051, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--sm .dboard-kpi__icon { width: 28px; height: 28px; border-radius: 8px; } /* line 4052, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi--sm .dboard-kpi__icon .icon { width: 14px; height: 14px; } /* line 4056, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel { border-color: var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); padding: 0; /* The panel's own children need the padding the shell gave up. */ } /* line 4062, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel__head { padding: 16px 20px; margin-bottom: 0; border-bottom: 1px solid var(--dsh-border); } /* line 4068, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel__title { font-size: 14.5px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.01em; } /* line 4076, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel__metrics, .dboard-panel__body, .dboard-panel > .dboard-chart, .dboard-panel > .dboard-progress, .dboard-panel > .dboard-table-wrap { padding: 18px 20px; } /* line 4084, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel__metrics { padding-bottom: 0; } /* line 4086, app/assets/stylesheets/_dashboard-2.scss */ .dboard-panel > .dboard-progress { padding-top: 0; } /* line 4089, app/assets/stylesheets/_dashboard-2.scss */ .dboard-metric { background: var(--dsh-surface-2); border-color: var(--dsh-border); border-radius: 11px; padding: 12px 14px; } /* line 4095, app/assets/stylesheets/_dashboard-2.scss */ .dboard-metric__label { font-size: 11px; font-weight: 600; letter-spacing: 0.05em; color: var(--dsh-text-3); } /* line 4102, app/assets/stylesheets/_dashboard-2.scss */ .dboard-metric__value { font-size: 19px; font-weight: 700; color: var(--dsh-text); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; } /* line 4110, app/assets/stylesheets/_dashboard-2.scss */ .dboard-metric--good .dboard-metric__value { color: var(--dsh-success); } /* line 4111, app/assets/stylesheets/_dashboard-2.scss */ .dboard-metric--alert .dboard-metric__value { color: var(--dsh-danger); } /* line 4114, app/assets/stylesheets/_dashboard-2.scss */ .dboard-section-title { font-size: 16px; font-weight: 700; letter-spacing: -0.015em; text-transform: none; color: var(--dsh-text); margin: 4px 0 14px; } /* line 4123, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile { border-color: var(--dsh-border); border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); } /* line 4128, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile:hover { transform: translateY(-1px); border-color: var(--dsh-border-strong); box-shadow: var(--dsh-shadow-hover); } /* line 4134, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile__icon { width: 32px; height: 32px; border-radius: 9px; background: var(--dsh-surface-2); color: var(--dsh-text-2); } /* line 4141, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile__icon .icon { width: 16px; height: 16px; } /* line 4144, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile__label { font-size: 13.5px; font-weight: 600; color: var(--dsh-text); } /* line 4145, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile__meta { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* line 4147, app/assets/stylesheets/_dashboard-2.scss */ .dboard-tile:hover .dboard-tile__icon { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* Old chart chrome, aligned with .dsh-segment / .dsh-empty. */ /* line 4154, app/assets/stylesheets/_dashboard-2.scss */ .dboard-chart__filters { padding: 3px; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); border-radius: 9px; } /* line 4161, app/assets/stylesheets/_dashboard-2.scss */ .dboard-chart__filter { font-size: 12px; font-weight: 600; color: var(--dsh-text-3); padding: 5px 10px; border-radius: 7px; } /* line 4168, app/assets/stylesheets/_dashboard-2.scss */ .dboard-chart__filter:hover { color: var(--dsh-text); } /* line 4170, app/assets/stylesheets/_dashboard-2.scss */ .dboard-chart__filter.is-active { background: var(--dsh-surface); color: var(--dsh-primary); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } /* line 4177, app/assets/stylesheets/_dashboard-2.scss */ .dboard-chart__empty { background: transparent; border: 1px dashed var(--dsh-border); border-radius: var(--dsh-radius-sm); color: var(--dsh-text-3); font-size: 13px; font-weight: 500; } /* line 4187, app/assets/stylesheets/_dashboard-2.scss */ .dboard-progress__bar { height: 7px; background: var(--dsh-border); } /* line 4189, app/assets/stylesheets/_dashboard-2.scss */ .dboard-progress__fill { background: linear-gradient(90deg, var(--dsh-blue), var(--dsh-primary)); } /* line 4191, app/assets/stylesheets/_dashboard-2.scss */ .dboard-progress__meta { font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* Shared modal close button (layouts/partials/_default_modal). */ /* line 4199, app/assets/stylesheets/_dashboard-2.scss */ .dsh-modalclose { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: var(--dsh-text-3); font-size: 20px; line-height: 1; cursor: pointer; opacity: 1; text-shadow: none; transition: background 0.15s ease, color 0.15s ease; } /* line 4216, app/assets/stylesheets/_dashboard-2.scss */ .dsh-modalclose:hover, .dsh-modalclose:focus { background: var(--dsh-surface-2); color: var(--dsh-text); opacity: 1; } /* line 4223, app/assets/stylesheets/_dashboard-2.scss */ .dsh-modalclose:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.24); } /* ========================================================================= Mobile density — must sit AFTER base .dsh- / .lpage- rules so cascade wins (dashboard-2 loads after app-responsive). ========================================================================= */ @media (max-width: 767px) { /* line 4235, app/assets/stylesheets/_dashboard-2.scss */ body.dsh-page { font-size: 13.5px; } /* Single-line topbar on phones — brand + controls share one centered row. */ /* line 4240, app/assets/stylesheets/_dashboard-2.scss */ .top-menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; min-height: 56px; padding-top: 0; padding-bottom: 0; } /* line 4249, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-brand { display: flex; align-items: center; align-self: center; padding-top: 0; padding-bottom: 0; margin-bottom: 0; line-height: 1.2; } /* line 4258, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-brand .navbar-brand-inner { display: inline-flex; align-items: center; } /* line 4263, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-brand h2 { margin: 0; line-height: 1.2; } /* line 4269, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .burger-menu { min-width: 28px; min-height: 28px; padding: 6px; margin-left: 2px; margin-right: 0; align-self: center; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } /* line 4281, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .burger-menu span { width: 14px !important; height: 1.5px !important; margin: 2.5px 0 !important; } /* line 4288, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .navbar-collapse { display: flex !important; flex-basis: auto; align-items: center; align-self: center; } /* line 4295, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .right-nav { flex-direction: row; flex-wrap: nowrap; align-items: center; } /* line 4300, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .right-nav .nav-item, .top-menu .right-nav .nav-link, .top-menu .right-nav .menu-profile { display: flex; align-items: center; } /* line 4307, app/assets/stylesheets/_dashboard-2.scss */ .top-menu .right-nav .nav-link { padding-top: 0.25rem; padding-bottom: 0.25rem; } /* Topbar is 56px on phones; base layout still offsets content by 62px. */ /* line 4315, app/assets/stylesheets/_dashboard-2.scss */ .main-content { margin-top: 56px; min-height: calc(100vh - 56px); padding-top: 10px !important; } /* line 4321, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section { margin-bottom: 16px; } /* line 4325, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section-head { margin-bottom: 10px; gap: 10px; } /* line 4330, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section-title { font-size: 14px; } /* line 4334, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header { padding: 14px 16px; gap: 12px; margin-bottom: 14px; } /* line 4339, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__aside { gap: 8px; } /* line 4343, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__actions { gap: 8px; } /* line 4347, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__date { font-size: 11.5px; padding: 4px 9px; } /* line 4352, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header h1 { font-size: 20px; margin-bottom: 4px; } /* line 4357, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__sub { font-size: 13px; } /* line 4360, app/assets/stylesheets/_dashboard-2.scss */ .dsh-crumb { margin-bottom: 6px; font-size: 11px; } /* line 4365, app/assets/stylesheets/_dashboard-2.scss */ .dsh-btn { flex: 1 1 auto; height: 36px; padding: 0 12px; font-size: 13px; } /* line 4373, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__head { padding: 12px 14px; gap: 8px; } /* line 4378, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__title { font-size: 13.5px; } /* line 4379, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body { padding: 14px; } /* line 4380, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body--chart { padding: 10px 6px 4px; } /* line 4383, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi { padding: 10px 10px 8px; min-width: 0; } /* line 4387, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__top { gap: 6px; margin-bottom: 6px; } /* line 4392, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__label { font-size: 10px; letter-spacing: 0.04em; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } /* line 4402, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__value { font-size: 20px; letter-spacing: -0.02em; } /* line 4407, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__icon { width: 26px; height: 26px; border-radius: 7px; } /* line 4412, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__icon .icon { width: 13px; height: 13px; } /* line 4418, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__foot { flex-wrap: wrap; gap: 2px 6px; margin-top: 6px; font-size: 10.5px; line-height: 1.3; } /* line 4426, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__trend .icon { width: 11px; height: 11px; } /* Compact quick-access tabs — icon + label only, fits 2–3 per row. */ /* line 4433, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick { align-items: center; text-align: center; gap: 6px; padding: 10px 8px; border-radius: 12px; min-width: 0; } /* line 4441, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__icon { width: 28px; height: 28px; border-radius: 8px; } /* line 4446, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__icon .icon { width: 14px; height: 14px; } /* line 4452, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__label { font-size: 12px; font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* line 4462, app/assets/stylesheets/_dashboard-2.scss */ .dsh-quick__go { display: none; } /* line 4467, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi { padding: 14px 14px 12px; } /* line 4470, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__value { font-size: 22px; } /* line 4471, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__label { margin-bottom: 6px; } /* line 4474, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart { min-height: 220px; overflow: hidden; /* ApexCharts sets overflow:auto on legends; hide the stray scrollbar. */ } /* line 4479, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart .apexcharts-legend { overflow: visible !important; max-height: none !important; scrollbar-width: none; } /* line 4484, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart .apexcharts-legend::-webkit-scrollbar { display: none; } /* Paid vs unpaid fees needs room for 12 rotated month labels. */ /* line 4491, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart[data-dboard-chart="fee-report"] { min-height: 340px; } /* line 4495, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body--chart { overflow: hidden; } /* line 4499, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart--sm { min-height: 160px; } /* List/detail pages (skinned in this file after app-responsive). */ /* line 4504, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head { gap: 10px; margin-bottom: 12px; } /* line 4508, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__title { font-size: 18px; line-height: 1.25; } /* line 4513, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__title-row { align-items: flex-start; gap: 8px; } /* line 4518, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions { width: 100%; flex-direction: column; align-items: stretch; } /* line 4523, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions[data-lpage-actions] { gap: 0; } /* line 4527, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions .btn { flex: 1 1 100%; width: 100%; justify-content: center; } /* line 4533, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions--inline { width: auto; flex: 0 0 auto; max-width: none; flex-direction: row; } /* line 4539, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions--inline .btn { flex: 0 0 auto; width: auto; white-space: nowrap; padding-left: 10px; padding-right: 10px; } /* line 4548, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions--split { flex-direction: row; flex-wrap: nowrap; align-items: stretch; } /* line 4553, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions--split .btn { flex: 1 1 0; width: auto; min-width: 0; justify-content: center; white-space: nowrap; padding-left: 10px; padding-right: 10px; font-size: 13px; } /* line 4566, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions-toggle { display: flex; border-color: var(--dsh-border); background: var(--dsh-surface-2); color: var(--dsh-text-3); } /* line 4572, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions-toggle:hover, .lpage-head__actions-toggle:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); color: var(--dsh-text); } /* line 4580, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions-toggle-icon { color: var(--dsh-primary); } /* line 4584, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions-panel { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; max-height: 0; margin-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; transition: max-height 0.32s ease, opacity 0.24s ease, margin-top 0.24s ease, visibility 0.24s ease; } /* line 4600, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-panel { max-height: 600px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 4609, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--dsh-text); background: var(--dsh-surface); } /* line 4615, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__actions.is-open[data-lpage-actions] .lpage-head__actions-toggle-chevron { transform: rotate(180deg); color: var(--dsh-primary); opacity: 1; } /* line 4624, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-add--mobile { display: flex; } /* line 4628, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-add--desktop { display: none !important; } /* line 4632, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar { width: 100%; flex-direction: column; align-items: stretch; gap: 8px; } /* line 4638, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 8px; } /* line 4645, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary > .btn, .lpage-head--users .lpage-users-toolbar__secondary > .dropdown, .lpage-head--users .lpage-users-toolbar__secondary > form { flex: 1 1 calc(50% - 4px); min-width: 0; } /* line 4652, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary .btn { width: 100%; justify-content: center; } /* line 4657, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary form { display: flex; } /* line 4660, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head--users .lpage-users-toolbar__secondary form .btn { width: 100%; } /* line 4668, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters { padding: 12px; margin-bottom: 12px; } /* line 4672, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters[data-lpage-filters] { padding: 10px; } /* line 4676, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__search-toggle { display: flex; border-color: var(--dsh-border); background: var(--dsh-surface-2); color: var(--dsh-text-3); } /* line 4682, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__search-toggle:hover, .lpage-filters__search-toggle:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); color: var(--dsh-text); } /* line 4690, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__search-toggle-icon { color: var(--dsh-primary); } /* line 4694, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__panel { display: block; max-height: 0; margin-top: 0; padding-top: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; } /* line 4706, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters.is-open .lpage-filters__panel { max-height: 2000px; margin-top: 12px; padding-top: 4px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 4716, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters.is-open .lpage-filters__search-toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--dsh-text); background: var(--dsh-surface); } /* line 4722, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters.is-open .lpage-filters__search-toggle-chevron { transform: rotate(180deg); color: var(--dsh-primary); opacity: 1; } /* line 4729, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__exports { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 8px; margin-top: 0; padding-top: 0; padding-bottom: 2px; /* When filters are collapsed, keep exports below the search toggle. */ } /* line 4740, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters:not(.is-open) .lpage-filters__exports { margin-top: 12px; } /* line 4744, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__exports > .btn { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; justify-content: center; font-size: 13px; white-space: nowrap; } /* line 4752, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__exports > .btn .icon { width: 16px; height: 16px; margin-right: 6px !important; } /* line 4759, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__exports .lpage-filters__exports-challan { order: -1; flex: 1 1 100%; } /* line 4766, app/assets/stylesheets/_dashboard-2.scss */ .pagination { flex-wrap: nowrap; align-items: center; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } /* line 4775, app/assets/stylesheets/_dashboard-2.scss */ .pagination::-webkit-scrollbar { display: none; } /* line 4777, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-item { flex: 0 0 auto; } /* line 4779, app/assets/stylesheets/_dashboard-2.scss */ .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; height: 32px; padding: 0 10px; line-height: 1; white-space: nowrap; box-sizing: border-box; } /* line 4792, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card { margin-bottom: 14px; } /* line 4795, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head, .lpage-card__body, .lpage-card__foot { padding-left: 14px; padding-right: 14px; } /* line 4802, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head { padding-top: 12px; padding-bottom: 12px; } /* line 4803, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__body { padding-top: 14px; padding-bottom: 14px; } /* line 4804, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__title { font-size: 14px; } /* line 4806, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__scroll { -webkit-overflow-scrolling: touch; } /* line 4810, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head--tabs { flex-direction: column; align-items: stretch; } /* line 4814, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head--tabs .lpage-tabs, .lpage-card__head--tabs .lpage-tabs-wrap { margin-left: 0; width: 100%; } /* line 4822, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table { min-width: 640px; } /* line 4825, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table thead th, .lpage-table tbody td { padding: 10px 8px; vertical-align: middle; } /* line 4831, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-table__actions-col { min-width: 120px; white-space: nowrap; } /* line 4836, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-table__actions { flex-wrap: nowrap; gap: 4px; justify-content: flex-end; } /* line 4842, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-person { gap: 8px; min-width: 120px; } /* line 4846, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-person__avatar { width: 30px; height: 30px; font-size: 11px; } /* line 4852, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-person__name { font-size: 12.5px; line-height: 1.25; } /* line 4857, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-person__sub { font-size: 11px; line-height: 1.25; } /* line 4863, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-iconbtn { width: 32px; height: 32px; flex: 0 0 auto; } /* line 4868, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table .lpage-iconbtn .icon { width: 15px; height: 15px; } /* line 4875, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees { min-width: 700px; } /* line 4878, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees thead th, .lpage-table--student-fees tbody td { padding: 10px 8px; vertical-align: middle; } /* line 4884, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__check-col { width: 38px; padding-left: 10px; padding-right: 6px; } /* line 4890, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-person { gap: 8px; min-width: 132px; } /* line 4894, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-person__avatar { width: 30px; height: 30px; font-size: 11px; } /* line 4900, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-person__name { font-size: 12.5px; line-height: 1.25; } /* line 4905, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-person__sub { font-size: 11px; line-height: 1.25; } /* line 4911, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__months { min-width: 128px; max-width: 180px; } /* line 4916, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .sfee-pending-months__tag { font-size: 10.5px; padding: 2px 7px; } /* line 4921, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions { flex-wrap: nowrap; gap: 4px; justify-content: flex-end; } /* line 4927, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-table__actions-col { min-width: 80px; } /* line 4931, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-iconbtn { width: 32px; height: 32px; flex: 0 0 auto; } /* line 4936, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--student-fees .lpage-iconbtn .icon { width: 15px; height: 15px; } /* line 4943, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; } /* line 4950, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__toggle { display: flex; border-color: var(--dsh-border); background: var(--dsh-surface-2); color: var(--dsh-text-3); } /* line 4956, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__toggle:hover, .lpage-tabs-wrap__toggle:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); color: var(--dsh-text); } /* line 4964, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__toggle-icon { color: var(--dsh-primary); } /* line 4968, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__panel { display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: 100%; max-height: 0; margin-top: 0; padding: 0; opacity: 0; overflow: hidden; visibility: hidden; pointer-events: none; background: transparent; transition: max-height 0.32s ease, opacity 0.24s ease, margin-top 0.24s ease, visibility 0.24s ease; } /* line 4984, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__panel .lpage-tabs__item { width: 100%; justify-content: flex-start; padding: 11px 14px; border: 1px solid var(--dsh-border); border-radius: 10px; background: var(--dsh-surface); color: var(--dsh-text-2); } /* line 4994, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap__panel .lpage-tabs__item.is-active { border-color: rgba(79, 70, 229, 0.35); background: rgba(79, 70, 229, 0.1); color: var(--dsh-primary); box-shadow: none; } /* line 5003, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__panel { max-height: 480px; margin-top: 10px; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; } /* line 5012, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__toggle { border-color: rgba(79, 70, 229, 0.4); color: var(--dsh-text); background: var(--dsh-surface); } /* line 5018, app/assets/stylesheets/_dashboard-2.scss */ .lpage-tabs-wrap.is-open .lpage-tabs-wrap__toggle-chevron { transform: rotate(180deg); color: var(--dsh-primary); opacity: 1; } /* line 5026, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header { margin-bottom: 12px; padding-bottom: 8px; } /* line 5030, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header h1 { font-size: 16px; } /* Reports index — compact list on mobile only */ /* line 5034, app/assets/stylesheets/_dashboard-2.scss */ .reports-grid { margin-left: -8px !important; margin-right: -8px !important; } /* line 5038, app/assets/stylesheets/_dashboard-2.scss */ .reports-grid .reports-grid__item { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 10px !important; } /* line 5045, app/assets/stylesheets/_dashboard-2.scss */ .report-card { gap: 10px !important; padding: 10px 12px !important; border-radius: 10px !important; } /* line 5050, app/assets/stylesheets/_dashboard-2.scss */ .report-card:hover { transform: none; box-shadow: none; } /* line 5055, app/assets/stylesheets/_dashboard-2.scss */ .report-card__cat { font-size: 10px !important; letter-spacing: 0.04em; line-height: 1.2; margin: 0; } /* line 5062, app/assets/stylesheets/_dashboard-2.scss */ .report-card__title { margin-top: 2px !important; font-size: 14px !important; line-height: 1.25; } /* line 5068, app/assets/stylesheets/_dashboard-2.scss */ .report-card__desc { margin-top: 2px !important; font-size: 11px !important; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* line 5078, app/assets/stylesheets/_dashboard-2.scss */ .report-card__icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; } /* line 5083, app/assets/stylesheets/_dashboard-2.scss */ .report-card__icon svg { width: 16px !important; height: 16px !important; } } @media (max-width: 575px) { /* line 5092, app/assets/stylesheets/_dashboard-2.scss */ .dsh-section { margin-bottom: 14px; } /* line 5096, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header { padding: 12px; margin-bottom: 12px; } /* line 5100, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header h1 { font-size: 18px; } /* line 5101, app/assets/stylesheets/_dashboard-2.scss */ .dsh-header__sub { font-size: 12.5px; } /* line 5104, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi { padding: 8px; } /* line 5107, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__value { font-size: 18px; } /* line 5109, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__label { font-size: 9.5px; } /* line 5111, app/assets/stylesheets/_dashboard-2.scss */ .dsh-kpi__foot { font-size: 10px; } /* line 5114, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi { padding: 12px; } /* line 5117, app/assets/stylesheets/_dashboard-2.scss */ .dboard-kpi__value { font-size: 20px; } /* line 5121, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__head { padding: 10px 12px; } /* line 5122, app/assets/stylesheets/_dashboard-2.scss */ .dsh-card__body { padding: 12px; } /* line 5125, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart, .dsh-card__body--chart { max-width: 100%; min-width: 0; } /* line 5131, app/assets/stylesheets/_dashboard-2.scss */ .dsh-chart { min-height: 200px; } /* line 5135, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head { gap: 8px; margin-bottom: 10px; } /* line 5139, app/assets/stylesheets/_dashboard-2.scss */ .lpage-head__title { font-size: 16px; } /* line 5142, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters { padding: 10px 10px 2px; } /* line 5145, app/assets/stylesheets/_dashboard-2.scss */ .lpage-filters__actions .btn { min-width: 0; flex: 1 1 100%; } /* line 5152, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head, .lpage-card__body, .lpage-card__foot { padding-left: 12px; padding-right: 12px; } /* line 5159, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__head { padding-top: 10px; padding-bottom: 10px; } /* line 5160, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__body { padding-top: 12px; padding-bottom: 12px; } /* line 5163, app/assets/stylesheets/_dashboard-2.scss */ .main-content-header h1 { font-size: 15px; } /* line 5165, app/assets/stylesheets/_dashboard-2.scss */ .top-menu { min-height: 52px; } /* line 5169, app/assets/stylesheets/_dashboard-2.scss */ .main-content { margin-top: 52px; min-height: calc(100vh - 52px); padding-top: 8px !important; } } /* ---- Student report page ---------------------------------------------- */ /* line 5178, app/assets/stylesheets/_dashboard-2.scss */ .sreport-meta { display: flex; flex-wrap: wrap; gap: 12px 18px; font-size: 13px; font-weight: 600; color: var(--dsh-text-2); } /* line 5186, app/assets/stylesheets/_dashboard-2.scss */ .sreport-meta .icon { width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; } /* line 5193, app/assets/stylesheets/_dashboard-2.scss */ .sreport-meta span { display: inline-flex; align-items: center; } /* line 5200, app/assets/stylesheets/_dashboard-2.scss */ .sreport .sprofile-hero { margin-bottom: 0; } /* line 5204, app/assets/stylesheets/_dashboard-2.scss */ .sreport .lpage-card { margin-bottom: 0; height: 100%; } /* line 5209, app/assets/stylesheets/_dashboard-2.scss */ .sreport .dsh-header__actions { flex-wrap: wrap; } @media (max-width: 767.98px) { /* line 5216, app/assets/stylesheets/_dashboard-2.scss */ .sreport .dsh-header__actions { width: 100%; } /* line 5219, app/assets/stylesheets/_dashboard-2.scss */ .sreport .dsh-header__actions .dsh-btn { flex: 1 1 auto; justify-content: center; } /* line 5225, app/assets/stylesheets/_dashboard-2.scss */ .sreport .dsh-kpi__value { font-size: 22px; } /* line 5229, app/assets/stylesheets/_dashboard-2.scss */ .sreport .lpage-card__head { flex-wrap: wrap; gap: 8px; } } /* Teacher report — two panels without negative-margin overflow on mobile */ /* line 5237, app/assets/stylesheets/_dashboard-2.scss */ .treport-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 30px; min-width: 0; } /* line 5245, app/assets/stylesheets/_dashboard-2.scss */ .treport-panel { min-width: 0; display: flex; flex-direction: column; overflow: hidden; } /* line 5252, app/assets/stylesheets/_dashboard-2.scss */ .treport-empty { max-width: 100%; padding: 40px 16px; box-sizing: border-box; } /* line 5257, app/assets/stylesheets/_dashboard-2.scss */ .treport-empty .lpage-empty__sub { max-width: 28ch; margin-left: auto; margin-right: auto; overflow-wrap: anywhere; word-break: break-word; line-height: 1.45; } @media (max-width: 991.98px) { /* line 5268, app/assets/stylesheets/_dashboard-2.scss */ .treport-panels { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 20px; } } @media (max-width: 575.98px) { /* line 5276, app/assets/stylesheets/_dashboard-2.scss */ .treport-empty { padding: 32px 12px; } /* line 5279, app/assets/stylesheets/_dashboard-2.scss */ .treport-empty .lpage-empty__title { font-size: 15px; } /* line 5283, app/assets/stylesheets/_dashboard-2.scss */ .treport-empty .lpage-empty__sub { font-size: 13px; max-width: 100%; } /* line 5289, app/assets/stylesheets/_dashboard-2.scss */ .treport-panel .dsh-card__head { flex-wrap: wrap; gap: 6px 10px; } } /* ========================================================================= Parent portal — dashboard panels (no negative-margin overflow) ========================================================================= */ /* line 5299, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 30px; min-width: 0; } /* line 5307, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel { min-width: 0; display: flex; flex-direction: column; } /* line 5312, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel .dsh-card { height: 100%; margin-bottom: 0; display: flex; flex-direction: column; min-width: 0; overflow: hidden; } /* line 5321, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel .lpage-card__scroll { flex: 1 1 auto; min-width: 0; max-width: 100%; } /* line 5327, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel__cards { display: none; } /* line 5332, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card { padding: 14px 16px; border-bottom: 1px solid var(--dsh-border); } /* line 5336, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card:last-child { border-bottom: 0; } /* line 5340, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 12px; min-width: 0; } /* line 5348, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__top .lpage-person { flex: 1 1 auto; min-width: 0; } /* line 5354, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__info { min-width: 0; flex: 1 1 auto; } /* line 5359, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__name { margin: 0; font-size: 14px; font-weight: 700; color: var(--dsh-text); line-height: 1.3; word-break: break-word; } /* line 5368, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__meta { margin: 2px 0 0; font-size: 12.5px; font-weight: 500; color: var(--dsh-text-3); line-height: 1.35; } /* line 5376, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__clear { flex: 0 0 auto; font-size: 13px; font-weight: 600; color: var(--dsh-text-3); padding-top: 2px; } /* line 5384, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card__actions { display: flex; flex-wrap: wrap; gap: 8px; } /* line 5390, app/assets/stylesheets/_dashboard-2.scss */ .pp-child-card .lpage-balance { flex: 0 0 auto; max-width: 100%; } @media (max-width: 991.98px) { /* line 5397, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panels { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 20px; } } @media (max-width: 767.98px) { /* My Children: stacked cards instead of a wide actions table */ /* line 5407, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel:has(.pp-dash-panel__cards) .pp-dash-panel__table { display: none; } /* line 5411, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel:has(.pp-dash-panel__cards) .pp-dash-panel__cards { display: block; } /* line 5417, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel .dsh-card__head { flex-wrap: wrap; gap: 6px 10px; } /* line 5422, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel .lpage-table--pp-simple { min-width: 0 !important; width: 100%; } /* line 5426, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panel .lpage-table--pp-simple thead th, .pp-dash-panel .lpage-table--pp-simple tbody td { padding-left: 12px; padding-right: 12px; white-space: normal; } /* line 5435, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panels .treport-empty { max-width: 100%; padding: 32px 14px; box-sizing: border-box; } /* line 5440, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panels .treport-empty .lpage-empty__title, .pp-dash-panels .treport-empty .lpage-empty__sub { overflow-wrap: anywhere; word-break: break-word; max-width: 100%; } /* line 5447, app/assets/stylesheets/_dashboard-2.scss */ .pp-dash-panels .treport-empty .lpage-empty__sub { margin-left: auto; margin-right: auto; line-height: 1.45; } /* KPI foot notes — wrap instead of clipping */ /* line 5455, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-grid--kpi .dsh-kpi__trend { white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.3; } /* line 5463, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-header__actions .dsh-btn { flex: 1 1 calc(50% - 8px); min-width: 0; justify-content: center; } } /* ========================================================================= Teacher portal — mobile parity with admin list/dashboard pages ========================================================================= */ /* Dashboard panels — no negative-margin overflow (same idea as .treport-panels) */ /* line 5476, app/assets/stylesheets/_dashboard-2.scss */ .tp-dash-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 30px; min-width: 0; } /* line 5484, app/assets/stylesheets/_dashboard-2.scss */ .tp-dash-panel { min-width: 0; display: flex; flex-direction: column; } /* line 5489, app/assets/stylesheets/_dashboard-2.scss */ .tp-dash-panel .dsh-card { height: 100%; margin-bottom: 0; display: flex; flex-direction: column; min-width: 0; } /* line 5497, app/assets/stylesheets/_dashboard-2.scss */ .tp-dash-panel__cards { display: none; } /* line 5502, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card { padding: 14px 16px; border-bottom: 1px solid var(--dsh-border); } /* line 5506, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card:last-child { border-bottom: 0; } /* line 5510, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; } /* line 5518, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card__title { margin: 0; font-size: 14px; font-weight: 700; color: var(--dsh-text); line-height: 1.3; min-width: 0; flex: 1 1 auto; } /* line 5528, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card__sub, .tp-list-card__meta { margin: 0; font-size: 12.5px; font-weight: 500; color: var(--dsh-text-3); line-height: 1.4; } /* line 5537, app/assets/stylesheets/_dashboard-2.scss */ .tp-list-card__meta { margin-top: 4px; } /* line 5542, app/assets/stylesheets/_dashboard-2.scss */ .tp-online-classes__cards { display: none; } /* line 5546, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid-hint { display: none; margin: 0; padding: 10px 14px 0; font-size: 12px; font-weight: 500; color: var(--dsh-text-3); } /* line 5555, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table__mobile-meta { display: none; } /* line 5560, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions .dsh-card__body { padding-top: 4px; } /* line 5564, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns { display: flex; flex-wrap: wrap; gap: 12px; } /* line 5569, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns > form, .tp-checkin-actions__btns > .dsh-btn, .tp-checkin-actions__btns > .btn { display: inline-flex; } /* line 5575, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns .dsh-btn, .tp-checkin-actions__btns .btn { min-height: 42px; } /* line 5581, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__form { display: inline-flex; margin: 0; } /* line 5586, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__duration { margin: 16px 0 0; font-size: 14px; color: var(--dsh-text-2); } /* line 5593, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history { overflow: hidden; } /* line 5596, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history .dsh-card__head { margin-bottom: 0; } /* line 5600, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history__cards { display: none; } /* line 5605, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day { padding: 14px 16px; border-bottom: 1px solid var(--dsh-border); } /* line 5609, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day:last-child { border-bottom: 0; } /* line 5613, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; } /* line 5621, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__date { margin: 0; font-size: 14px; font-weight: 700; color: var(--dsh-text); } /* line 5628, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; } /* line 5634, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__meta dt { margin: 0 0 2px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dsh-text-3); } /* line 5643, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__meta dd { margin: 0; font-size: 13px; font-weight: 600; color: var(--dsh-text); } @media (max-width: 991.98px) { /* line 5653, app/assets/stylesheets/_dashboard-2.scss */ .tp-dash-panels { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 20px; } } @media (max-width: 767.98px) { /* —— Shared admin-like density for teacher pages —— */ /* line 5662, app/assets/stylesheets/_dashboard-2.scss */ .main-content { /* Filter rows: avoid -mx overflow on phones */ } /* line 5663, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-card__head { flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; } /* line 5669, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-card__meta { width: 100%; font-size: 12px; color: var(--dsh-text-3); } /* line 5675, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-card__head--toolbar { flex-wrap: wrap; } /* line 5678, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-card__head--toolbar .lpage-head__actions--inline { width: 100%; } /* line 5682, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-card__head--toolbar .btn { width: 100%; justify-content: center; min-height: 40px; } /* line 5689, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-table--compact { min-width: 0; } /* line 5693, app/assets/stylesheets/_dashboard-2.scss */ .main-content .tp-full-btn { width: 100%; justify-content: center; } /* line 5699, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-filters__panel > .flex.flex-wrap { margin-left: 0 !important; margin-right: 0 !important; } /* line 5703, app/assets/stylesheets/_dashboard-2.scss */ .main-content .lpage-filters__panel > .flex.flex-wrap > [class*="px-"] { padding-left: 0 !important; padding-right: 0 !important; width: 100%; max-width: 100%; flex: 1 1 100%; } /* Teacher dashboard header CTAs — match admin (2 buttons side-by-side) */ /* line 5714, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-header__aside { width: 100%; } /* line 5718, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-header__actions { width: 100%; justify-content: stretch; } /* line 5722, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-header__actions .dsh-btn, .dsh .dsh-header__actions form { flex: 1 1 calc(50% - 8px); min-width: 0; } /* line 5728, app/assets/stylesheets/_dashboard-2.scss */ .dsh .dsh-header__actions form .dsh-btn, .dsh .dsh-header__actions .dsh-btn { width: 100%; justify-content: center; } /* line 5736, app/assets/stylesheets/_dashboard-2.scss */ .tp-online-classes__table { display: none; } /* line 5740, app/assets/stylesheets/_dashboard-2.scss */ .tp-online-classes__cards { display: block; } /* My Classes / compact lists — hide optional cols, show mobile meta */ /* line 5748, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--compact .lpage-table__optional-col, .lpage-table--study .lpage-table__optional-col { display: none; } /* line 5752, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--compact .lpage-table__mobile-meta, .lpage-table--study .lpage-table__mobile-meta { display: block; margin-top: 4px; font-size: 12px; font-weight: 500; color: var(--dsh-text-3); line-height: 1.3; } /* line 5761, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--compact .lpage-person__name .lpage-table__mobile-meta, .lpage-table--study .lpage-person__name .lpage-table__mobile-meta { font-weight: 500; } /* line 5766, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--study { min-width: 520px; } /* line 5771, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions .dsh-card__head { flex-wrap: wrap; gap: 6px 10px; } /* line 5776, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns { flex-direction: column; } /* line 5779, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns > form, .tp-checkin-actions__btns > .dsh-btn, .tp-checkin-actions__btns > .btn { width: 100%; } /* line 5785, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__btns .dsh-btn, .tp-checkin-actions__btns .btn { width: 100%; justify-content: center; } /* line 5792, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__form { width: 100%; } /* line 5795, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-actions__form .dsh-btn { width: 100%; justify-content: center; } /* line 5803, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history .dsh-card__head { flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; } /* line 5809, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history__table { display: none !important; } /* line 5813, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-history__cards { display: block !important; } /* line 5818, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__meta { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* Attendance: tighter table; save already full-width via toolbar rule */ /* line 5823, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--attendance { min-width: 0 !important; } /* line 5826, app/assets/stylesheets/_dashboard-2.scss */ .lpage-table--attendance .lpage-att-toggle { transform: scale(0.92); transform-origin: left center; } /* Marks entry toolbar — stack like admin filters */ /* line 5833, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__toolbar { flex-direction: column; align-items: stretch; gap: 12px; } /* line 5839, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__search { flex: 1 1 auto; width: 100%; } /* line 5844, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__meta { width: 100%; } /* line 5847, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__meta .form-group { flex: 1 1 calc(50% - 6px); min-width: 0; } /* line 5851, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__meta .form-group .form-control { width: 100%; } /* line 5857, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__manage-btn, .me-marks__field--action { width: 100%; flex: 1 1 100%; } /* line 5863, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__manage-btn { width: 100%; } /* line 5868, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__filters-row .me-marks__field { flex: 1 1 100%; min-width: 0; } /* Sticky Name column on marks tables (same idea as result sheet) */ /* line 5876, app/assets/stylesheets/_dashboard-2.scss */ .tp-marks-entry .me-marks__table th:nth-child(3), .tp-marks-entry .me-marks__table td:nth-child(3) { position: sticky; left: 0; z-index: 2; background: var(--dsh-surface); box-shadow: 4px 0 8px -6px rgba(15, 23, 42, 0.28); } /* line 5885, app/assets/stylesheets/_dashboard-2.scss */ .tp-marks-entry .me-marks__table thead th:nth-child(3) { z-index: 3; background: var(--dsh-surface-2, #f8fafc); } /* Timetable grid: keep scroll, tighten labels */ /* line 5892, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid-hint { display: block; } /* line 5896, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid { min-width: 640px; } /* line 5899, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid__corner-label { font-size: 10px; } /* line 5903, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid th, .tp-tt-grid td { padding: 8px 6px; } /* line 5909, app/assets/stylesheets/_dashboard-2.scss */ .tp-tt-grid-wrap { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } /* Homework diary toolbar */ /* line 5915, app/assets/stylesheets/_dashboard-2.scss */ .hd-diary__toolbar-actions { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; } /* line 5921, app/assets/stylesheets/_dashboard-2.scss */ .hd-diary__toolbar-actions .btn, .hd-diary__toolbar-actions form { flex: 1 1 100%; } /* line 5926, app/assets/stylesheets/_dashboard-2.scss */ .hd-diary__toolbar-actions .btn { width: 100%; justify-content: center; } /* Notices toolbar */ /* line 5933, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__toolbar { flex-direction: column; align-items: stretch !important; } /* line 5937, app/assets/stylesheets/_dashboard-2.scss */ .lpage-card__toolbar form { width: 100%; justify-content: space-between; } /* Result sheet card heads already wrap; ensure publish CTA full width */ /* line 5944, app/assets/stylesheets/_dashboard-2.scss */ .tp-result-publish .btn { width: 100%; justify-content: center; } } @media (max-width: 380px) { /* line 5951, app/assets/stylesheets/_dashboard-2.scss */ .tp-checkin-day__meta { grid-template-columns: minmax(0, 1fr); gap: 10px; } /* line 5956, app/assets/stylesheets/_dashboard-2.scss */ .me-marks__meta .form-group { flex: 1 1 100%; } } /* ------------------------------------------------------------------ */ /* PDF Settings modal — page size / orientation / margin picker */ /* ------------------------------------------------------------------ */ /* line 5964, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings { border: 0; border-radius: var(--dsh-radius); overflow: hidden; background: var(--dsh-surface); color: var(--dsh-text); } /* line 5971, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings .modal-header, .pdf-settings .modal-footer { border-color: var(--dsh-border); background: var(--dsh-surface); } /* line 5977, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings .modal-title { font-weight: 700; color: var(--dsh-text); } /* line 5982, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__intro { margin: 0 0 1rem; color: var(--dsh-text-2); font-size: 0.95rem; } /* line 5988, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__label { display: block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dsh-text-2); margin-bottom: 0.4rem; } /* line 5998, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__presets { margin-bottom: 1.25rem; } /* line 6002, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preset-row { display: flex; flex-wrap: wrap; gap: 0.5rem; } /* line 6008, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preset { border-radius: var(--dsh-radius-sm); border-color: var(--dsh-border-strong); color: var(--dsh-text); background: var(--dsh-surface-2); } /* line 6014, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preset.is-active, .pdf-settings__preset:hover, .pdf-settings__preset:focus { border-color: var(--dsh-primary); color: var(--dsh-primary); background: var(--dsh-soft-indigo); } /* line 6023, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 1.25rem; align-items: start; } /* line 6030, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__fields .form-group { margin-bottom: 0.9rem; } /* line 6034, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__notes textarea { min-height: 4.5rem; resize: vertical; } /* line 6039, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__seg { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; } /* line 6045, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__seg-btn { border: 1px solid var(--dsh-border-strong); background: var(--dsh-surface-2); color: var(--dsh-text); border-radius: var(--dsh-radius-sm); padding: 0.55rem 0.75rem; font-weight: 600; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } /* line 6054, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__seg-btn.is-active { background: var(--dsh-soft-indigo); border-color: var(--dsh-primary); color: var(--dsh-primary); } /* line 6061, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-wrap { background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius-sm); padding: 0.85rem; } /* line 6068, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-stage { min-height: 240px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(79, 70, 229, 0.06), transparent 55%), var(--dsh-bg); border-radius: 8px; padding: 12px; } /* line 6080, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__page { position: relative; background: #fff; border: 1px solid var(--dsh-border-strong); box-shadow: var(--dsh-shadow-hover); transition: width 0.2s ease, height 0.2s ease; overflow: hidden; } /* line 6089, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__page-margin { position: absolute; border: 1px dashed rgba(79, 70, 229, 0.45); background: #fff; transition: inset 0.2s ease; overflow: hidden; } /* line 6097, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__iframe-clip { position: absolute; inset: 0; overflow: hidden; background: #fff; } /* line 6104, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__iframe { position: absolute; top: 0; left: 0; border: 0; background: #fff; transform-origin: top left; pointer-events: none; opacity: 1; transition: opacity 0.15s ease; } /* line 6115, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__iframe.is-loading { opacity: 0; } /* line 6120, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-loading, .pdf-settings__preview-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0.75rem; text-align: center; font-size: 0.78rem; font-weight: 600; color: var(--dsh-text-2); background: rgba(255, 255, 255, 0.92); z-index: 2; } /* line 6136, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-fallback { color: var(--dsh-danger); background: var(--dsh-soft-danger); } /* line 6141, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-meta { margin: 0.65rem 0 0; text-align: center; font-size: 0.82rem; color: var(--dsh-text-2); font-weight: 600; } /* line 6149, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__error { margin-top: 0.35rem; padding: 0.55rem 0.75rem; border-radius: var(--dsh-radius-sm); background: var(--dsh-soft-danger); color: var(--dsh-danger); font-size: 0.88rem; font-weight: 600; } /* line 6159, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__footer { justify-content: flex-end; gap: 0.5rem; } /* line 6166, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .pdf-settings__page { background: #1e293b; border-color: var(--dsh-border-strong); } /* line 6171, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .pdf-settings__page-margin, html[data-theme="dark"] .pdf-settings__iframe-clip { background: #fff; } /* line 6176, app/assets/stylesheets/_dashboard-2.scss */ html[data-theme="dark"] .pdf-settings__preview-loading { background: rgba(30, 41, 59, 0.92); color: var(--dsh-text-2); } @media (max-width: 767.98px) { /* line 6184, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__grid { grid-template-columns: 1fr; } /* line 6188, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__preview-stage { min-height: 180px; } /* line 6192, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__footer { flex-direction: column-reverse; } /* line 6195, app/assets/stylesheets/_dashboard-2.scss */ .pdf-settings__footer .btn { width: 100%; } } /* ========================================================================= Onboarding (.onb-*) ------------------------------------------------------------------------- Post-signup setup checklist and step forms. Rendered inside the normal portal shell, so it borrows the `--dsh-*` tokens defined by _dashboard-2 rather than declaring a third palette — dark mode comes for free. Everything is scoped under `.onb`, so none of it can leak into the rest of the portal. NOTE: no CSS `min()`/`max()` anywhere in here. libsass (still what compiles this app) mis-parses them and 500s the whole stylesheet; use max-width. ========================================================================= */ /* Navbar setup reminder. Lives in the inherited template's `.navbar-nav`, so the toggle borrows `.count-info` positioning from _app-style and only the badge and the dropdown body are restyled here. */ /* line 18, app/assets/stylesheets/_onboarding.scss */ .onb-nav { /* The template gives `.right-nav .dropdown-menu` `left:auto; right:0` but never makes `.nav-item` a positioning context, so without this the menu anchors to the whole navbar and lands over the page content instead of under its own icon. (The badge is fine either way -- `.count-info` is already relative.) */ position: relative; /* Fixed header + footer, scrolling middle: the progress readout stays put while the steps move. */ /* Beats the template's `.dropdown-item` one-line ellipsis, which would clip the two-line title + summary. */ } /* line 26, app/assets/stylesheets/_onboarding.scss */ .onb-nav__count { position: absolute; top: -4px; right: -8px; z-index: 1; display: flex; align-items: center; justify-content: center; /* Wider than the template's 10px dot: this one carries a digit. */ min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--dsh-warning); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 1; } /* line 46, app/assets/stylesheets/_onboarding.scss */ .onb-nav__menu { width: 320px; padding: 0; border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius-sm); background: var(--dsh-surface); box-shadow: var(--dsh-shadow-pop); /* The list can outgrow the viewport (5 steps with two-line summaries), so the menu is capped and the step list scrolls inside it -- see __list. `overflow: hidden` alone clipped the last item with no way to reach it. Height is capped in vh rather than with CSS max()/min(), which libsass mis-parses and which 500s the whole stylesheet. */ max-height: 78vh; overflow: hidden; /* Only becomes a flex column once Bootstrap opens it. Setting `display: flex` unconditionally overrides Bootstrap's `.dropdown-menu { display: none }`, which pins the menu open forever -- it then sits over the page content and no click can dismiss it. */ } /* line 65, app/assets/stylesheets/_onboarding.scss */ .onb-nav__menu.show { display: flex; flex-direction: column; } /* line 73, app/assets/stylesheets/_onboarding.scss */ .onb-nav__head, .onb-nav__track, .onb-nav__all { flex: 0 0 auto; } /* line 79, app/assets/stylesheets/_onboarding.scss */ .onb-nav__list { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } /* line 86, app/assets/stylesheets/_onboarding.scss */ .onb-nav__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 13px 15px 10px; } /* line 94, app/assets/stylesheets/_onboarding.scss */ .onb-nav__title { font-size: 13.5px; font-weight: 700; color: var(--dsh-text); } /* line 100, app/assets/stylesheets/_onboarding.scss */ .onb-nav__meta { font-size: 11.5px; font-weight: 600; color: var(--dsh-text-3); white-space: nowrap; } /* line 107, app/assets/stylesheets/_onboarding.scss */ .onb-nav__track { height: 4px; margin: 0 15px 6px; border-radius: 999px; background: var(--dsh-border); overflow: hidden; } /* line 115, app/assets/stylesheets/_onboarding.scss */ .onb-nav__fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--dsh-primary), var(--dsh-indigo)); } /* line 123, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item { display: flex !important; align-items: flex-start; gap: 11px; padding: 11px 15px; border-top: 1px solid var(--dsh-border); white-space: normal; } /* line 131, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item:hover, .onb-nav__item:focus { background: var(--dsh-soft-indigo); } /* line 137, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item-icon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* line 149, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item-body { flex: 1 1 auto; min-width: 0; } /* line 154, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item-title { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 700; color: var(--dsh-text); } /* line 162, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item-tag { margin-left: 5px; padding: 1px 5px; border-radius: 999px; background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); color: var(--dsh-text-3); font-size: 9.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } /* line 175, app/assets/stylesheets/_onboarding.scss */ .onb-nav__item-sub { display: block; color: var(--dsh-text-2); font-size: 11.5px; line-height: 1.45; } /* line 182, app/assets/stylesheets/_onboarding.scss */ .onb-nav__all { padding: 11px 15px; border-top: 1px solid var(--dsh-border); background: var(--dsh-surface-2); color: var(--dsh-primary); font-size: 12.5px; font-weight: 700; text-align: center; } /* line 191, app/assets/stylesheets/_onboarding.scss */ .onb-nav__all:hover, .onb-nav__all:focus { background: var(--dsh-soft-indigo); color: var(--dsh-primary); } /* Dashboard "finish setting up" banner. Lives outside `.onb` because it renders inside the dashboard's own `.dsh` tree. */ /* line 201, app/assets/stylesheets/_onboarding.scss */ .onb-banner { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; padding: 18px 22px; /* Reads as an alert, not another dashboard card: a warm tint, a thick amber spine, and a lifted shadow. The understated white-card version was easy to scroll straight past, which defeats the point of a reminder. */ border: 1px solid rgba(245, 158, 11, 0.34); border-left: 5px solid var(--dsh-warning); border-radius: var(--dsh-radius); background: var(--dsh-soft-warning); box-shadow: var(--dsh-shadow-hover); } /* line 216, app/assets/stylesheets/_onboarding.scss */ .onb-banner__ring { flex: 0 0 auto; position: relative; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--dsh-surface); border: 2px solid var(--dsh-warning); color: #92400e; font-size: 13px; font-weight: 800; } /* line 232, app/assets/stylesheets/_onboarding.scss */ .onb-banner__ring-value { line-height: 1; } /* line 234, app/assets/stylesheets/_onboarding.scss */ .onb-banner__body { flex: 1 1 auto; } /* line 236, app/assets/stylesheets/_onboarding.scss */ .onb-banner__title { display: flex; align-items: center; gap: 7px; margin: 0 0 3px; font-size: 16px; font-weight: 800; letter-spacing: -0.01em; color: #7c2d12; } /* line 247, app/assets/stylesheets/_onboarding.scss */ .onb-banner__icon { display: inline-flex; color: var(--dsh-warning); } /* line 251, app/assets/stylesheets/_onboarding.scss */ .onb-banner__icon .icon { width: 17px; height: 17px; stroke-width: 2.4; } /* line 258, app/assets/stylesheets/_onboarding.scss */ .onb-banner__sub { margin: 0; color: #92400e; font-size: 13.5px; line-height: 1.5; } /* line 264, app/assets/stylesheets/_onboarding.scss */ .onb-banner__sub strong { font-weight: 800; } /* line 267, app/assets/stylesheets/_onboarding.scss */ .onb-banner__actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; } /* line 274, app/assets/stylesheets/_onboarding.scss */ .onb-banner__dismiss { color: #92400e; font-size: 13px; font-weight: 600; box-shadow: none; opacity: 0.75; } /* line 281, app/assets/stylesheets/_onboarding.scss */ .onb-banner__dismiss:hover { opacity: 1; color: #7c2d12; } @media (max-width: 767.98px) { /* line 201, app/assets/stylesheets/_onboarding.scss */ .onb-banner { flex-wrap: wrap; gap: 12px; } /* line 288, app/assets/stylesheets/_onboarding.scss */ .onb-banner__ring { display: none; } /* line 290, app/assets/stylesheets/_onboarding.scss */ .onb-banner__actions { flex: 1 1 100%; } } /* Dark mode: the amber tint has to come down hard or it glows. Text flips to the light end of the ramp, since the near-black browns above vanish on dark. */ /* line 296, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner { border-color: rgba(245, 158, 11, 0.32); background: rgba(245, 158, 11, 0.11); } /* line 300, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner .onb-banner__ring { background: rgba(0, 0, 0, 0.22); color: #fcd34d; } /* line 305, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner .onb-banner__title { color: #fde68a; } /* line 306, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner .onb-banner__sub { color: #fcd34d; } /* line 308, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner .onb-banner__dismiss { color: #fcd34d; } /* line 311, app/assets/stylesheets/_onboarding.scss */ html[data-theme="dark"] .onb-banner .onb-banner__dismiss:hover { color: #fde68a; } /* line 315, app/assets/stylesheets/_onboarding.scss */ .onb { max-width: 820px; margin: 0 auto; padding: 32px 20px 64px; color: var(--dsh-text); /* --- header ------------------------------------------------------- */ /* --- progress ----------------------------------------------------- */ /* --- checklist ---------------------------------------------------- */ /* --- footers ------------------------------------------------------ */ /* --- step chrome -------------------------------------------------- */ /* --- forms -------------------------------------------------------- */ /* Upload dropzone. Same idea as the old signup logo field, but optional and with a live preview that replaces the placeholder icon. */ /* Radio row (gender). */ /* --- academic review panels --------------------------------------- */ /* --- invite rows -------------------------------------------------- */ /* --- responsive --------------------------------------------------- */ } /* line 323, app/assets/stylesheets/_onboarding.scss */ .onb__head { margin-bottom: 28px; } /* line 326, app/assets/stylesheets/_onboarding.scss */ .onb__head--tight { margin-bottom: 20px; } /* line 329, app/assets/stylesheets/_onboarding.scss */ .onb__eyebrow { display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 999px; background: var(--dsh-soft-indigo); color: var(--dsh-primary); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } /* line 342, app/assets/stylesheets/_onboarding.scss */ .onb__title { margin: 0 0 8px; font-size: 27px; font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; color: var(--dsh-text); } /* line 351, app/assets/stylesheets/_onboarding.scss */ .onb__sub, .onb__lede { margin: 0; color: var(--dsh-text-2); font-size: 15px; line-height: 1.6; } /* line 359, app/assets/stylesheets/_onboarding.scss */ .onb__lede { margin-bottom: 22px; } /* line 361, app/assets/stylesheets/_onboarding.scss */ .onb__muted { color: var(--dsh-text-3); } /* line 363, app/assets/stylesheets/_onboarding.scss */ .onb__hint { display: block; margin-top: 8px; color: var(--dsh-text-3); font-size: 12.5px; line-height: 1.5; } /* line 373, app/assets/stylesheets/_onboarding.scss */ .onb__progress { display: flex; align-items: center; gap: 14px; margin-top: 20px; } /* line 380, app/assets/stylesheets/_onboarding.scss */ .onb__progress-track { flex: 1 1 auto; height: 7px; border-radius: 999px; background: var(--dsh-border); overflow: hidden; } /* line 388, app/assets/stylesheets/_onboarding.scss */ .onb__progress-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--dsh-primary), var(--dsh-indigo)); transition: width 0.4s ease; } /* line 395, app/assets/stylesheets/_onboarding.scss */ .onb__progress-label { flex: 0 0 auto; color: var(--dsh-text-2); font-size: 13px; font-weight: 600; white-space: nowrap; } /* line 405, app/assets/stylesheets/_onboarding.scss */ .onb__list { margin: 0 0 26px; padding: 0; list-style: none; border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); background: var(--dsh-surface); box-shadow: var(--dsh-shadow); overflow: hidden; } /* line 416, app/assets/stylesheets/_onboarding.scss */ .onb__step { display: flex; align-items: flex-start; gap: 16px; padding: 20px 22px; border-bottom: 1px solid var(--dsh-border); /* The step the owner should do next is the only emphasised row, so the list reads as a queue rather than five equal options. */ } /* line 423, app/assets/stylesheets/_onboarding.scss */ .onb__step:last-child { border-bottom: 0; } /* line 427, app/assets/stylesheets/_onboarding.scss */ .onb__step.is-current { background: var(--dsh-soft-indigo); } /* line 429, app/assets/stylesheets/_onboarding.scss */ .onb__step.is-done .onb__step-title { color: var(--dsh-text-2); } /* line 432, app/assets/stylesheets/_onboarding.scss */ .onb__step-marker { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--dsh-border-strong); background: var(--dsh-surface-2); color: var(--dsh-text-2); font-size: 13px; font-weight: 700; } /* line 446, app/assets/stylesheets/_onboarding.scss */ .onb__step-marker .icon { width: 15px; height: 15px; stroke-width: 2.6; } /* line 453, app/assets/stylesheets/_onboarding.scss */ .onb__step.is-current .onb__step-marker { border-color: var(--dsh-primary); background: var(--dsh-primary); color: #fff; } /* line 459, app/assets/stylesheets/_onboarding.scss */ .onb__step.is-done .onb__step-marker { border-color: var(--dsh-success); background: var(--dsh-success); color: #fff; } /* line 465, app/assets/stylesheets/_onboarding.scss */ .onb__step-body { flex: 1 1 auto; } /* line 467, app/assets/stylesheets/_onboarding.scss */ .onb__step-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; } /* line 475, app/assets/stylesheets/_onboarding.scss */ .onb__step-title { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--dsh-text); } /* line 482, app/assets/stylesheets/_onboarding.scss */ .onb__step-sub { margin: 0; color: var(--dsh-text-2); font-size: 13.5px; line-height: 1.55; } /* line 489, app/assets/stylesheets/_onboarding.scss */ .onb__step-action { flex: 0 0 auto; padding-top: 2px; } /* line 494, app/assets/stylesheets/_onboarding.scss */ .onb__badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } /* line 503, app/assets/stylesheets/_onboarding.scss */ .onb__badge--soft { background: var(--dsh-surface-2); border: 1px solid var(--dsh-border); color: var(--dsh-text-3); } /* line 509, app/assets/stylesheets/_onboarding.scss */ .onb__badge--done { background: var(--dsh-soft-success); color: var(--dsh-success); } /* line 517, app/assets/stylesheets/_onboarding.scss */ .onb__foot, .onb__step-foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } /* line 525, app/assets/stylesheets/_onboarding.scss */ .onb__step-foot { margin-top: 18px; } /* line 527, app/assets/stylesheets/_onboarding.scss */ .onb__dismiss { color: var(--dsh-text-3); font-size: 13.5px; font-weight: 600; text-decoration: none; } /* line 533, app/assets/stylesheets/_onboarding.scss */ .onb__dismiss:hover { color: var(--dsh-text-2); text-decoration: underline; } /* line 541, app/assets/stylesheets/_onboarding.scss */ .onb__step-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; } /* line 549, app/assets/stylesheets/_onboarding.scss */ .onb__back { display: inline-flex; align-items: center; gap: 7px; color: var(--dsh-text-2); font-size: 13.5px; font-weight: 600; text-decoration: none; } /* line 558, app/assets/stylesheets/_onboarding.scss */ .onb__back:hover { color: var(--dsh-primary); text-decoration: none; } /* line 564, app/assets/stylesheets/_onboarding.scss */ .onb__step-count { color: var(--dsh-text-3); font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; } /* line 571, app/assets/stylesheets/_onboarding.scss */ .onb__card { padding: 26px; border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius); background: var(--dsh-surface); box-shadow: var(--dsh-shadow); } /* line 579, app/assets/stylesheets/_onboarding.scss */ .onb__actions { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--dsh-border); } /* line 591, app/assets/stylesheets/_onboarding.scss */ .onb__form label { font-weight: 600; } /* line 593, app/assets/stylesheets/_onboarding.scss */ .onb__form .form-control { border-color: var(--dsh-border-strong); background: var(--dsh-surface); color: var(--dsh-text); } /* line 598, app/assets/stylesheets/_onboarding.scss */ .onb__form .form-control:focus { border-color: var(--dsh-primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14); } /* line 607, app/assets/stylesheets/_onboarding.scss */ .onb__upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 24px 18px; border: 1.5px dashed var(--dsh-border-strong); border-radius: var(--dsh-radius-sm); background: var(--dsh-surface-2); cursor: pointer; text-align: center; transition: border-color 0.18s ease, background 0.18s ease; } /* line 623, app/assets/stylesheets/_onboarding.scss */ .onb__upload:hover, .onb__upload.is-dragover { border-color: var(--dsh-primary); background: var(--dsh-soft-indigo); } /* line 629, app/assets/stylesheets/_onboarding.scss */ .onb__upload--avatar { max-width: 280px; } /* line 632, app/assets/stylesheets/_onboarding.scss */ .onb__upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } /* line 640, app/assets/stylesheets/_onboarding.scss */ .onb__upload-icon { color: var(--dsh-text-3); } /* line 643, app/assets/stylesheets/_onboarding.scss */ .onb__upload-icon .icon { width: 26px; height: 26px; } /* line 649, app/assets/stylesheets/_onboarding.scss */ .onb__upload-preview { max-width: 120px; max-height: 72px; -o-object-fit: contain; object-fit: contain; border-radius: 8px; } /* line 656, app/assets/stylesheets/_onboarding.scss */ .onb__upload-text { color: var(--dsh-text); font-size: 13.5px; font-weight: 600; } /* line 662, app/assets/stylesheets/_onboarding.scss */ .onb__upload-hint { color: var(--dsh-text-3); font-size: 12px; } /* line 668, app/assets/stylesheets/_onboarding.scss */ .onb__choices { display: flex; flex-wrap: wrap; gap: 10px; } /* line 674, app/assets/stylesheets/_onboarding.scss */ .onb__choice { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 16px; border: 1px solid var(--dsh-border-strong); border-radius: var(--dsh-radius-sm); background: var(--dsh-surface); cursor: pointer; font-size: 14px; font-weight: 600; transition: border-color 0.16s ease, background 0.16s ease; } /* line 688, app/assets/stylesheets/_onboarding.scss */ .onb__choice:hover { border-color: var(--dsh-primary); } /* line 690, app/assets/stylesheets/_onboarding.scss */ .onb__choice input { margin: 0; } /* line 695, app/assets/stylesheets/_onboarding.scss */ .onb__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } /* line 701, app/assets/stylesheets/_onboarding.scss */ .onb__panel { border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius-sm); background: var(--dsh-surface-2); padding: 16px; } /* line 707, app/assets/stylesheets/_onboarding.scss */ .onb__panel--flat { margin-top: 22px; background: var(--dsh-surface-2); } /* line 713, app/assets/stylesheets/_onboarding.scss */ .onb__panel-title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dsh-text-2); } /* line 725, app/assets/stylesheets/_onboarding.scss */ .onb__panel-count { padding: 1px 7px; border-radius: 999px; background: var(--dsh-surface); border: 1px solid var(--dsh-border); font-size: 11px; color: var(--dsh-text-3); } /* line 734, app/assets/stylesheets/_onboarding.scss */ .onb__checklist { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; } /* line 743, app/assets/stylesheets/_onboarding.scss */ .onb__checkrow { display: flex; align-items: center; gap: 10px; } /* line 748, app/assets/stylesheets/_onboarding.scss */ .onb__checkrow.is-locked .onb__inline-input { background: var(--dsh-surface-2); color: var(--dsh-text-2); } /* line 754, app/assets/stylesheets/_onboarding.scss */ .onb__checkbox { margin: 0; display: inline-flex; align-items: center; cursor: pointer; } /* line 760, app/assets/stylesheets/_onboarding.scss */ .onb__checkbox input { margin: 0; } /* line 763, app/assets/stylesheets/_onboarding.scss */ .onb__inline-input { flex: 1 1 auto; font-size: 13.5px; } /* line 768, app/assets/stylesheets/_onboarding.scss */ .onb__lock { flex: 0 0 auto; color: var(--dsh-text-3); line-height: 1; } /* line 774, app/assets/stylesheets/_onboarding.scss */ .onb__plainlist { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; font-size: 13.5px; } /* line 783, app/assets/stylesheets/_onboarding.scss */ .onb__plainlist strong { font-weight: 700; } /* line 784, app/assets/stylesheets/_onboarding.scss */ .onb__plainlist span { margin-left: 6px; font-size: 12.5px; } /* line 789, app/assets/stylesheets/_onboarding.scss */ .onb__invites { display: flex; flex-direction: column; gap: 10px; } /* line 795, app/assets/stylesheets/_onboarding.scss */ .onb__invite-head, .onb__invite-row { display: grid; grid-template-columns: 1fr 1fr 1.5fr 1fr; gap: 10px; } /* line 802, app/assets/stylesheets/_onboarding.scss */ .onb__invite-head { font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dsh-text-3); } @media (max-width: 767.98px) { /* line 315, app/assets/stylesheets/_onboarding.scss */ .onb { padding: 20px 14px 48px; /* Stacked invite rows: the header row is meaningless once the columns collapse, so each field falls back to its own placeholder. */ } /* line 815, app/assets/stylesheets/_onboarding.scss */ .onb__title { font-size: 22px; } /* line 817, app/assets/stylesheets/_onboarding.scss */ .onb__step { flex-wrap: wrap; padding: 16px; } /* line 822, app/assets/stylesheets/_onboarding.scss */ .onb__step-action { flex: 1 1 100%; padding-left: 46px; } /* line 827, app/assets/stylesheets/_onboarding.scss */ .onb__grid { grid-template-columns: 1fr; } /* line 831, app/assets/stylesheets/_onboarding.scss */ .onb__invite-head { display: none; } /* line 833, app/assets/stylesheets/_onboarding.scss */ .onb__invite-row { grid-template-columns: 1fr; padding: 12px; border: 1px solid var(--dsh-border); border-radius: var(--dsh-radius-sm); background: var(--dsh-surface-2); } } /* Platform admin screens (branches / companies / plans). Built only from the shared theme tokens, so light and dark both follow automatically — no hardcoded greys or hexes here. */ /* Status colours need a per-theme tint because a flat rgba tint over a dark surface reads muddy. */ /* line 11, app/assets/stylesheets/_platform.scss */ :root { --plat-ok-fill: rgba(18, 153, 107, 0.1); --plat-ok-text: #0f7d58; --plat-warn-fill: rgba(183, 121, 31, 0.12); --plat-warn-text: #9c6716; --plat-danger-fill: rgba(216, 58, 63, 0.1); --plat-danger-text: #c0343a; --plat-neutral-fill: rgba(107, 115, 133, 0.1); --plat-info-fill: rgba(79, 70, 229, 0.12); --plat-info-text: #4F46E5; /* Settings tile accents */ --set-violet-fill: #f3e8ff; --set-violet-ink: #7c3aed; --set-blue-fill: #eef2ff; --set-blue-ink: #4F46E5; --set-green-fill: #dcfce7; --set-green-ink: #0f7d58; --set-amber-fill: #fef3c7; --set-amber-ink: #b45309; } /* line 33, app/assets/stylesheets/_platform.scss */ html[data-theme="dark"] { --plat-ok-fill: rgba(52, 211, 153, 0.16); --plat-ok-text: #6ee7b7; --plat-warn-fill: rgba(251, 191, 36, 0.16); --plat-warn-text: #fcd34d; --plat-danger-fill: rgba(248, 113, 113, 0.16); --plat-danger-text: #fca5a5; --plat-neutral-fill: rgba(163, 172, 192, 0.14); --plat-info-fill: rgba(129, 140, 248, 0.2); --plat-info-text: #a5b4fc; /* Tints, not solid pastels: a #f3e8ff block glares against a dark surface. */ --set-violet-fill: rgba(167, 139, 250, 0.18); --set-violet-ink: #c4b5fd; --set-blue-fill: rgba(96, 165, 250, 0.18); --set-blue-ink: #93c5fd; --set-green-fill: rgba(52, 211, 153, 0.18); --set-green-ink: #6ee7b7; --set-amber-fill: rgba(251, 191, 36, 0.18); --set-amber-ink: #fbbf24; } /* ---- Stat tiles ---- */ /* line 56, app/assets/stylesheets/_platform.scss */ .plat-stats { display: grid; /* min() must be emitted as CSS — Sass's min() rejects mixed px/% units. */ grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 16px; margin-bottom: 24px; } /* line 64, app/assets/stylesheets/_platform.scss */ .plat-stat { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; box-shadow: var(--portal-shadow-sm); min-width: 0; } /* line 76, app/assets/stylesheets/_platform.scss */ .plat-stat__label { display: block; font-size: 13px; color: var(--portal-muted); margin-bottom: 6px; } /* line 83, app/assets/stylesheets/_platform.scss */ .plat-stat__value { display: block; font-size: 24px; font-weight: 700; line-height: 1.1; color: var(--portal-ink); overflow-wrap: anywhere; } /* line 92, app/assets/stylesheets/_platform.scss */ .plat-stat__icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; background: var(--portal-hover-fill); color: var(--portal-primary); } /* line 103, app/assets/stylesheets/_platform.scss */ .plat-stat__icon .icon { width: 18px; height: 18px; } /* ---- Badges ---- */ /* line 108, app/assets/stylesheets/_platform.scss */ .plat-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.6; white-space: nowrap; background: var(--plat-neutral-fill); color: var(--portal-slate); } /* line 121, app/assets/stylesheets/_platform.scss */ .plat-badge--ok { background: var(--plat-ok-fill); color: var(--plat-ok-text); } /* line 122, app/assets/stylesheets/_platform.scss */ .plat-badge--warn { background: var(--plat-warn-fill); color: var(--plat-warn-text); } /* line 123, app/assets/stylesheets/_platform.scss */ .plat-badge--danger { background: var(--plat-danger-fill); color: var(--plat-danger-text); } /* line 124, app/assets/stylesheets/_platform.scss */ .plat-badge--plan { background: var(--portal-hover-fill-strong); color: var(--portal-primary); } /* ---- Usage meters ---- */ /* line 129, app/assets/stylesheets/_platform.scss */ .plat-meter + .plat-meter { margin-top: 14px; } /* line 131, app/assets/stylesheets/_platform.scss */ .plat-meter__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 13px; margin-bottom: 6px; } /* line 140, app/assets/stylesheets/_platform.scss */ .plat-meter__label { color: var(--portal-slate); } /* line 142, app/assets/stylesheets/_platform.scss */ .plat-meter__value { color: var(--portal-muted); font-variant-numeric: tabular-nums; } /* line 146, app/assets/stylesheets/_platform.scss */ .plat-meter__value--over { color: var(--plat-danger-text); font-weight: 700; } /* line 149, app/assets/stylesheets/_platform.scss */ .plat-meter__track { height: 7px; border-radius: 999px; background: var(--portal-progress-track); overflow: hidden; } /* line 156, app/assets/stylesheets/_platform.scss */ .plat-meter__fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--portal-primary), var(--portal-indigo)); transition: width 0.3s ease; } /* line 163, app/assets/stylesheets/_platform.scss */ .plat-meter__fill--over { background: linear-gradient(90deg, #f0736f, #DC2626); } /* line 164, app/assets/stylesheets/_platform.scss */ .plat-meter__fill--unlimited { width: 100%; opacity: 0.35; background: repeating-linear-gradient(90deg, var(--portal-primary) 0 8px, transparent 8px 16px); } /* ---- Plan cards ---- */ /* line 177, app/assets/stylesheets/_platform.scss */ .plat-plans { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 20px; } /* line 183, app/assets/stylesheets/_platform.scss */ .plat-plan { display: flex; flex-direction: column; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; box-shadow: var(--portal-shadow-sm); padding: 22px; min-width: 0; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; /* Collapsed full feature list — keeps a 28-feature plan card readable. */ } /* line 194, app/assets/stylesheets/_platform.scss */ .plat-plan:hover { transform: translateY(-2px); box-shadow: var(--portal-shadow); } /* line 199, app/assets/stylesheets/_platform.scss */ .plat-plan--current { border-color: var(--portal-primary); box-shadow: 0 0 0 1px var(--portal-primary) inset; } /* line 200, app/assets/stylesheets/_platform.scss */ .plat-plan--inactive { opacity: 0.62; } /* line 202, app/assets/stylesheets/_platform.scss */ .plat-plan__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 4px; } /* line 210, app/assets/stylesheets/_platform.scss */ .plat-plan__name { font-size: 17px; font-weight: 700; color: var(--portal-ink); margin: 0; } /* line 217, app/assets/stylesheets/_platform.scss */ .plat-plan__price { font-size: 14px; color: var(--portal-primary); font-weight: 600; margin-bottom: 10px; } /* line 223, app/assets/stylesheets/_platform.scss */ .plat-plan__price .plat-plan-price__select { color: inherit; font-weight: inherit; } /* line 229, app/assets/stylesheets/_platform.scss */ .plat-plan__desc { font-size: 13px; color: var(--portal-muted); margin-bottom: 16px; min-height: 34px; } /* line 236, app/assets/stylesheets/_platform.scss */ .plat-plan__section-title { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--portal-muted); margin-bottom: 8px; } /* line 245, app/assets/stylesheets/_platform.scss */ .plat-plan__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; padding: 3px 0; color: var(--portal-slate); } /* line 254, app/assets/stylesheets/_platform.scss */ .plat-plan__row strong { color: var(--portal-ink); font-variant-numeric: tabular-nums; } /* line 257, app/assets/stylesheets/_platform.scss */ .plat-plan__feature { display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 3px 0; color: var(--portal-slate); } /* line 265, app/assets/stylesheets/_platform.scss */ .plat-plan__feature .icon { width: 15px; height: 15px; flex: 0 0 15px; } /* line 267, app/assets/stylesheets/_platform.scss */ .plat-plan__feature--on .icon { color: var(--plat-ok-text); } /* line 268, app/assets/stylesheets/_platform.scss */ .plat-plan__feature--off { color: var(--portal-muted); opacity: 0.7; } /* line 269, app/assets/stylesheets/_platform.scss */ .plat-plan__feature--off .icon { color: var(--portal-muted); } /* line 272, app/assets/stylesheets/_platform.scss */ .plat-plan__foot { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--portal-line); } /* line 282, app/assets/stylesheets/_platform.scss */ .plat-plan__subs { font-size: 12px; color: var(--portal-muted); } /* line 284, app/assets/stylesheets/_platform.scss */ .plat-plan__blocked { margin: 0; font-size: 12px; line-height: 1.45; color: var(--plat-danger-text); } /* line 291, app/assets/stylesheets/_platform.scss */ .plat-plan__count--none { color: var(--portal-muted); font-weight: 400; } /* line 294, app/assets/stylesheets/_platform.scss */ .plat-plan__details { margin-top: 12px; } /* line 297, app/assets/stylesheets/_platform.scss */ .plat-plan__details summary { cursor: pointer; font-size: 12px; font-weight: 600; color: var(--portal-primary); list-style: none; padding: 4px 0; } /* line 305, app/assets/stylesheets/_platform.scss */ .plat-plan__details summary::-webkit-details-marker { display: none; } /* line 307, app/assets/stylesheets/_platform.scss */ .plat-plan__details summary::before { content: "▸"; display: inline-block; margin-right: 6px; transition: transform 0.15s ease; } /* line 315, app/assets/stylesheets/_platform.scss */ .plat-plan__details[open] summary::before { transform: rotate(90deg); } /* ---- Desktop showcase pricing layout (Platform → Plans) ---- */ /* line 320, app/assets/stylesheets/_platform.scss */ .plat-showcase { --plat-blue: #3b82f6; --plat-blue-soft: rgba(59, 130, 246, 0.12); --plat-navy: #111827; position: relative; margin: 0; padding: 8px 0 0; background: transparent; } /* line 329, app/assets/stylesheets/_platform.scss */ .plat-showcase--billing { margin-top: 24px; } /* line 333, app/assets/stylesheets/_platform.scss */ .plat-showcase__heading { max-width: 1180px; margin: 0 auto 6px; padding: 0 4px; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: var(--portal-ink); } /* line 343, app/assets/stylesheets/_platform.scss */ .plat-showcase__sub { max-width: 1180px; margin: 0 auto 22px; padding: 0 4px; font-size: 14px; color: var(--portal-muted); } /* line 352, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: -moz-fit-content; width: fit-content; max-width: 100%; margin: 0 auto 28px; padding: 5px; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 999px; box-shadow: var(--portal-shadow-sm); } /* line 366, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__btn { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--portal-slate); font-size: 13px; font-weight: 600; padding: 10px 16px; border-radius: 999px; cursor: pointer; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } /* line 380, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__btn:hover { color: var(--portal-ink); background: var(--portal-hover-fill); } /* line 382, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__btn.is-active { background: var(--plat-blue); color: #fff; box-shadow: 0 8px 20px rgba(59, 130, 246, 0.28); } /* line 387, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__btn.is-active .plat-billing-toggle__save { background: rgba(255, 255, 255, 0.22); color: #fff; } /* line 394, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__save { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.01em; background: #fef3c7; color: #92400e; white-space: nowrap; } /* line 406, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__save--year { background: #dcfce7; color: #166534; } /* line 413, app/assets/stylesheets/_platform.scss */ .plat-plans--showcase { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 22px; max-width: 1400px; margin: 0 auto; padding-top: 18px; } /* line 423, app/assets/stylesheets/_platform.scss */ .plat-plans--showcase > .plat-plan--showcase { flex: 0 1 calc((100% - 66px) / 4); width: calc((100% - 66px) / 4); max-width: 320px; min-width: 0; } /* line 431, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase { position: relative; padding: 26px 24px 22px; border-radius: 18px; border: 1px solid rgba(148, 163, 184, 0.35); background: var(--portal-surface); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); } /* line 439, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1); } /* line 444, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase.plat-plan--featured { padding-top: 36px; border: 2px solid var(--plat-blue); box-shadow: 0 0 0 4px var(--plat-blue-soft), 0 18px 40px rgba(59, 130, 246, 0.18); transform: translateY(-8px); } /* line 450, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase.plat-plan--featured:hover { transform: translateY(-10px); } /* line 453, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; } /* line 461, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } /* line 468, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__tier { font-size: 11px; font-weight: 600; color: var(--portal-muted); white-space: nowrap; } /* line 474, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__tier--accent { color: var(--plat-blue); } /* line 477, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__ribbon { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); padding: 6px 14px; border-radius: 999px; background: var(--plat-blue); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 8px 18px rgba(59, 130, 246, 0.35); } /* line 494, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__name { font-size: 28px; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 8px; } /* line 501, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__desc { font-size: 13px; line-height: 1.45; min-height: 0; margin-bottom: 18px; } /* line 508, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__priceblock { margin-bottom: 18px; } /* line 510, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__priceblock--discount { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } /* line 517, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__price-was { display: block; margin: 0; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--portal-muted); text-decoration: line-through; } /* line 527, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; margin: 0; font-size: 26px; font-weight: 500; color: var(--portal-ink); letter-spacing: -0.02em; } /* line 539, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__discount { display: inline-flex; margin-top: 2px; } /* line 544, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__save { display: inline-flex; margin-top: 8px; } /* line 548, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__save[hidden] { display: none; } /* line 551, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__featuresum { margin-bottom: 16px; } /* line 553, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__featuresum-label { display: block; margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--portal-muted); } /* line 563, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__featuresum-meter { position: relative; display: flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--portal-line); background: var(--portal-surface-2, #f8fafc); overflow: hidden; } /* line 575, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__featuresum-bar { position: absolute; inset: 0 auto 0 0; width: var(--pct, 0%); background: linear-gradient(90deg, rgba(59, 130, 246, 0.18), rgba(59, 130, 246, 0.08)); } /* line 582, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__featuresum-count { position: relative; z-index: 1; font-size: 13px; font-weight: 700; color: var(--portal-ink); font-variant-numeric: tabular-nums; } /* line 591, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__limits { list-style: none; margin: 0 0 14px; padding: 0; } /* line 597, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__limit { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0; font-size: 13px; color: var(--portal-slate); border-bottom: 1px solid rgba(148, 163, 184, 0.22); } /* line 607, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__limit:last-child { border-bottom: 0; } /* line 610, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__limit-val { font-weight: 600; color: var(--portal-ink); text-align: right; font-variant-numeric: tabular-nums; } /* line 617, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__limit--highlight { color: var(--plat-blue); font-weight: 700; } /* line 622, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__modules { margin: 0 0 16px; } /* line 625, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__modules summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; list-style: none; padding: 8px 0; font-size: 13px; font-weight: 600; color: var(--plat-blue); } /* line 637, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__modules summary::-webkit-details-marker { display: none; } /* line 639, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__modules summary .icon { width: 16px; height: 16px; transition: transform 0.18s ease; } /* line 646, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__modules[open] summary .icon { transform: rotate(180deg); } /* line 649, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-list { list-style: none; margin: 0 0 10px; padding: 8px 0 0; border-top: 1px dashed var(--portal-line); } /* line 655, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 12px; color: var(--portal-slate); } /* line 666, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-status { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } /* line 671, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-status--full, .plat-plan--showcase .plat-plan__module-status--advanced { color: var(--plat-ok-text); } /* line 673, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-status--partial { color: var(--plat-blue); } /* line 674, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-status--none { color: var(--portal-muted); font-weight: 500; } /* line 677, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__module-all { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--portal-line); } /* line 683, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__gateway { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; padding: 10px 0 0; border-top: 1px solid var(--portal-line); font-size: 12px; color: var(--portal-muted); } /* line 695, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__foot { border-top: 0; padding-top: 0; gap: 8px; } /* line 701, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 12px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } /* line 714, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--ghost { background: var(--portal-surface-2, #f1f5f9); color: var(--portal-ink); border: 1px solid var(--portal-line); } /* line 719, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--ghost:hover { background: #e2e8f0; color: var(--portal-ink); } /* line 722, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--primary { background: var(--plat-blue); color: #fff; border: 1px solid var(--plat-blue); box-shadow: 0 10px 22px rgba(59, 130, 246, 0.28); } /* line 728, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--primary:hover { background: #2563eb; color: #fff; } /* line 731, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--dark { background: var(--plat-navy); color: #fff; border: 1px solid var(--plat-navy); } /* line 736, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--dark:hover { background: #000; color: #fff; } /* line 739, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--static { background: transparent; color: var(--portal-muted); border: 0; box-shadow: none; font-weight: 600; cursor: default; } /* line 747, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta--static:hover { background: transparent; color: var(--portal-muted); } /* line 750, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta:disabled { opacity: 0.55; cursor: not-allowed; box-shadow: none; } /* line 757, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__cta-form { width: 100%; margin: 0; } /* line 762, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase.plat-plan--current { border: 2px solid var(--portal-primary); box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12), 0 18px 40px rgba(15, 23, 42, 0.08); } /* line 767, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__footnote { margin: 0; text-align: center; font-size: 12px; color: var(--portal-muted); } /* line 774, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase .plat-plan__admin { justify-content: center; margin-top: 4px; } /* line 780, app/assets/stylesheets/_platform.scss */ .plat-badge--ink { background: var(--plat-navy, #111827); color: #fff; } /* line 785, app/assets/stylesheets/_platform.scss */ .plat-badge--violet { background: rgba(139, 92, 246, 0.14); color: #6d28d9; } /* line 790, app/assets/stylesheets/_platform.scss */ .plat-badge--dot { gap: 6px; } /* line 792, app/assets/stylesheets/_platform.scss */ .plat-badge__dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18); } /* line 800, app/assets/stylesheets/_platform.scss */ .plat-trustbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; max-width: 1180px; margin: 28px auto 8px; padding: 22px 24px; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; box-shadow: var(--portal-shadow-sm); } /* line 812, app/assets/stylesheets/_platform.scss */ .plat-trustbar__item { display: flex; align-items: flex-start; gap: 12px; min-width: 0; } /* line 818, app/assets/stylesheets/_platform.scss */ .plat-trustbar__item strong { display: block; font-size: 13px; color: var(--portal-ink); margin-bottom: 4px; } /* line 825, app/assets/stylesheets/_platform.scss */ .plat-trustbar__item p { margin: 0; font-size: 12px; line-height: 1.45; color: var(--portal-muted); } /* line 833, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; } /* line 842, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon .icon { width: 16px; height: 16px; } /* line 844, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon--blue { background: rgba(59, 130, 246, 0.12); color: #2563eb; } /* line 845, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon--green { background: rgba(16, 185, 129, 0.12); color: #059669; } /* line 846, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon--violet { background: rgba(139, 92, 246, 0.12); color: #7c3aed; } /* line 847, app/assets/stylesheets/_platform.scss */ .plat-trustbar__icon--amber { background: rgba(245, 158, 11, 0.14); color: #d97706; } @media (max-width: 1199.98px) { /* line 852, app/assets/stylesheets/_platform.scss */ .plat-plans--showcase > .plat-plan--showcase { flex-basis: calc((100% - 22px) / 2); width: calc((100% - 22px) / 2); max-width: none; } } @media (max-width: 991.98px) { /* line 860, app/assets/stylesheets/_platform.scss */ .plat-trustbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 862, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase.plat-plan--featured { transform: none; } /* line 865, app/assets/stylesheets/_platform.scss */ .plat-plan--showcase.plat-plan--featured:hover { transform: translateY(-2px); } } @media (max-width: 767.98px) { /* line 870, app/assets/stylesheets/_platform.scss */ .plat-showcase { padding: 12px 0 0; } /* line 874, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle { width: 100%; border-radius: 14px; } /* line 878, app/assets/stylesheets/_platform.scss */ .plat-billing-toggle__btn { flex: 1 1 auto; justify-content: center; padding: 10px 12px; } /* line 885, app/assets/stylesheets/_platform.scss */ .plat-trustbar { grid-template-columns: 1fr; gap: 14px; padding: 16px; } } /* ---- Mobile plan tumble carousel ---- Swipe between plan cards with a 3-D coverflow instead of a vertical stack. */ @media (max-width: 767.98px) { /* line 895, app/assets/stylesheets/_platform.scss */ .plat-plans.plans-tumble, .planpick.plans-tumble { display: block; position: relative; margin-left: -12px; margin-right: -12px; padding-bottom: 8px; gap: 0; } /* line 905, app/assets/stylesheets/_platform.scss */ .plans-tumble__viewport { overflow: hidden; touch-action: pan-y; perspective: 1100px; } /* line 911, app/assets/stylesheets/_platform.scss */ .plans-tumble__track { display: flex; align-items: stretch; transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; } /* line 917, app/assets/stylesheets/_platform.scss */ .plans-tumble__track.is-instant { transition: none; } /* line 922, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide { flex: 0 0 100%; box-sizing: border-box; padding: 6px 12px 14px; transform-origin: center center; transform-style: preserve-3d; transition: transform 0.34s ease, opacity 0.34s ease, box-shadow 0.34s ease; will-change: transform; } /* line 931, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide.is-tumble-center { transform: rotateY(0deg) scale(1); opacity: 1; z-index: 3; } /* line 937, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide.is-tumble-left { transform: rotateY(18deg) scale(0.94); opacity: 0.82; z-index: 2; } /* line 943, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide.is-tumble-right { transform: rotateY(-18deg) scale(0.94); opacity: 0.82; z-index: 2; } /* line 949, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide.is-tumble-far { transform: rotateY(0deg) scale(0.88); opacity: 0.55; z-index: 1; } /* line 956, app/assets/stylesheets/_platform.scss */ .plans-tumble .plat-plan { height: 100%; min-height: 0; } /* line 960, app/assets/stylesheets/_platform.scss */ .plans-tumble .plat-plan:hover { transform: none; } /* line 963, app/assets/stylesheets/_platform.scss */ .plans-tumble__dots { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 10px; padding: 0 12px; } /* line 971, app/assets/stylesheets/_platform.scss */ .plans-tumble__dots button { width: 8px; height: 8px; border: 0; border-radius: 50%; padding: 0; background: var(--portal-line); transition: transform 0.2s ease, background-color 0.2s ease; cursor: pointer; } /* line 981, app/assets/stylesheets/_platform.scss */ .plans-tumble__dots button.is-active { background: var(--portal-primary); transform: scale(1.25); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { /* line 989, app/assets/stylesheets/_platform.scss */ .plans-tumble__slide, .plans-tumble__track { transition: none; } } /* ---- Definition list used on detail panels ---- */ /* line 997, app/assets/stylesheets/_platform.scss */ .plat-dl { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; gap: 10px 16px; font-size: 14px; margin: 0; } /* line 1004, app/assets/stylesheets/_platform.scss */ .plat-dl dt { color: var(--portal-muted); } /* line 1005, app/assets/stylesheets/_platform.scss */ .plat-dl dd { color: var(--portal-ink); margin: 0; overflow-wrap: anywhere; } /* line 1007, app/assets/stylesheets/_platform.scss */ .plat-dl code { font-size: 12px; padding: 2px 6px; border-radius: 6px; background: var(--portal-surface-2); border: 1px solid var(--portal-line); color: var(--portal-slate); } /* ---- Inline notice ---- */ /* line 1018, app/assets/stylesheets/_platform.scss */ .plat-notice { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 16px 20px; margin-bottom: 24px; border-radius: 16px; border: 1px solid var(--portal-line); border-left: 4px solid #b7791f; background: var(--portal-surface); box-shadow: var(--portal-shadow-sm); } /* line 1032, app/assets/stylesheets/_platform.scss */ .plat-notice__title { font-weight: 700; color: var(--portal-ink); margin-bottom: 2px; } /* line 1033, app/assets/stylesheets/_platform.scss */ .plat-notice__body { font-size: 13px; color: var(--portal-muted); margin: 0; } /* ---- Empty state ---- */ /* line 1037, app/assets/stylesheets/_platform.scss */ .plat-empty { text-align: center; padding: 34px 20px; color: var(--portal-muted); font-size: 14px; } /* ---- Section grid ---- */ /* line 1045, app/assets/stylesheets/_platform.scss */ .plat-grid { display: grid; gap: 20px; margin-bottom: 24px; } /* line 1050, app/assets/stylesheets/_platform.scss */ .plat-grid--halves { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); } /* Keep wide tables scrollable rather than pushing the page sideways. */ /* line 1054, app/assets/stylesheets/_platform.scss */ .plat-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } /* ---- Busy button (inline spinner) ---- */ /* line 1057, app/assets/stylesheets/_platform.scss */ .btn.is-busy { position: relative; pointer-events: none; opacity: 0.9; padding-left: 42px; } /* line 1063, app/assets/stylesheets/_platform.scss */ .btn.is-busy::before { content: ""; position: absolute; left: 18px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.35); border-top-color: #fff; animation: plat-spin 0.7s linear infinite; } /* line 1078, app/assets/stylesheets/_platform.scss */ .btn-outline-secondary.is-busy::before, .btn-outline-primary.is-busy::before { border-color: rgba(107, 115, 133, 0.3); border-top-color: var(--portal-primary); } @keyframes plat-spin { to { transform: rotate(360deg); } } /* ---- Stripe handoff loader ---- */ /* line 1089, app/assets/stylesheets/_platform.scss */ .auth3__handoff-shell { opacity: 0; transform: translateY(8px); transition: opacity 0.28s ease, transform 0.28s ease; } /* line 1094, app/assets/stylesheets/_platform.scss */ .auth3__handoff-shell.is-visible { opacity: 1; transform: none; } /* line 1100, app/assets/stylesheets/_platform.scss */ .chandoff { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 40px 26px; border-radius: 24px; background: var(--portal-surface); border: 1px solid var(--portal-line); box-shadow: var(--portal-shadow); } /* line 1112, app/assets/stylesheets/_platform.scss */ .chandoff__spinner { width: 46px; height: 46px; margin-bottom: 20px; border-radius: 50%; border: 3px solid var(--portal-progress-track); border-top-color: var(--portal-primary); animation: plat-spin 0.8s linear infinite; } /* line 1122, app/assets/stylesheets/_platform.scss */ .chandoff__title { font-size: 20px; font-weight: 700; color: var(--portal-ink); margin-bottom: 6px; } /* line 1129, app/assets/stylesheets/_platform.scss */ .chandoff__sub { font-size: 14px; color: var(--portal-muted); margin-bottom: 18px; max-width: 380px; } /* line 1136, app/assets/stylesheets/_platform.scss */ .chandoff__note { display: inline-flex; align-items: center; font-size: 12px; color: var(--portal-muted); margin: 0; } @media (prefers-reduced-motion: reduce) { /* line 1146, app/assets/stylesheets/_platform.scss */ .chandoff__spinner, .btn.is-busy::before { animation-duration: 2s; } } /* ---- Checkout: single-column auth shell ---- .auth3__shell is a two-column grid (form | marketing aside). The checkout screens have only one child, so without this they render squeezed into the left half with an empty right half. */ /* line 1154, app/assets/stylesheets/_platform.scss */ .auth3__shell--single { grid-template-columns: 1fr !important; place-items: center; padding: 24px; overflow-y: auto; background: var(--portal-bg) !important; } /* line 1162, app/assets/stylesheets/_platform.scss */ .auth3__shell--single .auth3__panel { width: 100%; max-width: 520px; } /* ---- Checkout: payment confirmed ---- */ /* line 1168, app/assets/stylesheets/_platform.scss */ .js-paid-shell { transition: opacity 0.28s ease, transform 0.28s ease; } /* line 1171, app/assets/stylesheets/_platform.scss */ .js-paid-shell.is-hidden { opacity: 0; transform: translateY(-8px); } /* line 1177, app/assets/stylesheets/_platform.scss */ .cpaid { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 34px 26px; border-radius: 24px; background: var(--portal-surface); border: 1px solid var(--portal-line); box-shadow: var(--portal-shadow); } /* line 1189, app/assets/stylesheets/_platform.scss */ .cpaid__badge { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; margin-bottom: 16px; background: var(--plat-ok-fill); color: var(--plat-ok-text); animation: cpaid-pop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); } /* line 1201, app/assets/stylesheets/_platform.scss */ .cpaid__badge .icon { width: 28px; height: 28px; stroke-width: 3; } /* line 1203, app/assets/stylesheets/_platform.scss */ .cpaid__badge--muted { background: var(--plat-neutral-fill); color: var(--portal-muted); } /* line 1209, app/assets/stylesheets/_platform.scss */ .cpaid__title { font-size: 24px; font-weight: 700; color: var(--portal-ink); margin-bottom: 6px; } /* line 1216, app/assets/stylesheets/_platform.scss */ .cpaid__sub { font-size: 14px; color: var(--portal-muted); margin-bottom: 22px; } /* line 1221, app/assets/stylesheets/_platform.scss */ .cpaid__sub strong { color: var(--portal-ink); } /* line 1224, app/assets/stylesheets/_platform.scss */ .cpaid__summary { width: 100%; max-width: 340px; margin: 0 0 22px; padding: 14px 18px; border-radius: 14px; background: var(--portal-surface-2); border: 1px solid var(--portal-line); } /* line 1234, app/assets/stylesheets/_platform.scss */ .cpaid__row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 5px 0; font-size: 14px; } /* line 1242, app/assets/stylesheets/_platform.scss */ .cpaid__row dt { color: var(--portal-muted); margin: 0; } /* line 1243, app/assets/stylesheets/_platform.scss */ .cpaid__row dd { color: var(--portal-ink); font-weight: 600; margin: 0; } /* line 1246, app/assets/stylesheets/_platform.scss */ .cpaid__cta { min-width: 200px; font-weight: 700; } /* line 1251, app/assets/stylesheets/_platform.scss */ .cpaid__note { margin: 14px 0 0; font-size: 12px; color: var(--portal-muted); } @keyframes cpaid-pop { 0% { transform: scale(0.4); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @media (prefers-reduced-motion: reduce) { /* line 1264, app/assets/stylesheets/_platform.scss */ .cpaid__badge { animation: none; } } /* ---- Floating support widget ---- */ /* line 1268, app/assets/stylesheets/_platform.scss */ .swidget { position: fixed; right: 24px; bottom: 24px; z-index: 1040; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; } /* line 1278, app/assets/stylesheets/_platform.scss */ .swidget__launcher { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; flex: 0 0 56px; border: none; border-radius: 50%; cursor: pointer; background: linear-gradient(135deg, var(--portal-primary), var(--portal-indigo)); color: #fff; box-shadow: 0 10px 26px -8px rgba(79, 70, 229, 0.65); transition: transform 0.18s ease, box-shadow 0.18s ease; } /* line 1294, app/assets/stylesheets/_platform.scss */ .swidget__launcher:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 30px -8px rgba(79, 70, 229, 0.75); } /* line 1299, app/assets/stylesheets/_platform.scss */ .swidget__launcher:focus-visible { outline: 2px solid var(--portal-primary); outline-offset: 3px; } /* line 1304, app/assets/stylesheets/_platform.scss */ .swidget__launcher .icon { width: 24px; height: 24px; } /* line 1307, app/assets/stylesheets/_platform.scss */ .swidget__icon-close { display: none; } /* line 1309, app/assets/stylesheets/_platform.scss */ .swidget.is-open .swidget__icon-open { display: none; } /* line 1310, app/assets/stylesheets/_platform.scss */ .swidget.is-open .swidget__icon-close { display: inline-flex; } /* line 1312, app/assets/stylesheets/_platform.scss */ .swidget__badge { position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; line-height: 20px; text-align: center; border: 2px solid var(--portal-bg); } /* line 1329, app/assets/stylesheets/_platform.scss */ .swidget__panel { width: 320px; max-width: calc(100vw - 48px); border-radius: 16px; overflow: hidden; background: var(--portal-surface); border: 1px solid var(--portal-line); box-shadow: var(--portal-shadow); transform-origin: bottom right; animation: swidget-in 0.18s ease both; } /* line 1341, app/assets/stylesheets/_platform.scss */ .swidget__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--portal-line); } /* line 1349, app/assets/stylesheets/_platform.scss */ .swidget__title { font-weight: 700; font-size: 15px; color: var(--portal-ink); } /* line 1355, app/assets/stylesheets/_platform.scss */ .swidget__close { border: none; background: transparent; color: var(--portal-muted); cursor: pointer; line-height: 0; padding: 4px; border-radius: 8px; } /* line 1364, app/assets/stylesheets/_platform.scss */ .swidget__close:hover { background: var(--portal-hover-fill); color: var(--portal-ink); } /* line 1365, app/assets/stylesheets/_platform.scss */ .swidget__close .icon { width: 16px; height: 16px; } /* line 1368, app/assets/stylesheets/_platform.scss */ .swidget__body { max-height: 268px; overflow-y: auto; } /* line 1373, app/assets/stylesheets/_platform.scss */ .swidget__item { display: block; padding: 12px 16px; border-bottom: 1px solid var(--portal-line); text-decoration: none; } /* line 1379, app/assets/stylesheets/_platform.scss */ .swidget__item:hover { background: var(--portal-hover-fill); text-decoration: none; } /* line 1382, app/assets/stylesheets/_platform.scss */ .swidget__item-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; } /* line 1389, app/assets/stylesheets/_platform.scss */ .swidget__item-subject { font-size: 14px; font-weight: 600; color: var(--portal-ink); } /* line 1395, app/assets/stylesheets/_platform.scss */ .swidget__item-meta { display: block; margin-top: 2px; font-size: 12px; color: var(--portal-muted); } /* line 1402, app/assets/stylesheets/_platform.scss */ .swidget__dot { flex: 0 0 auto; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; } /* line 1416, app/assets/stylesheets/_platform.scss */ .swidget__empty { margin: 0; padding: 26px 16px; text-align: center; font-size: 13px; color: var(--portal-muted); } /* line 1424, app/assets/stylesheets/_platform.scss */ .swidget__foot { padding: 12px 16px; border-top: 1px solid var(--portal-line); background: var(--portal-surface-2); } /* line 1429, app/assets/stylesheets/_platform.scss */ .swidget__foot .btn { display: block; width: 100%; } @keyframes swidget-in { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: none; } } /* Keep clear of the mobile bottom bar and never cover the whole screen. */ @media (max-width: 575px) { /* line 1440, app/assets/stylesheets/_platform.scss */ .swidget { right: 16px; bottom: 16px; } /* line 1444, app/assets/stylesheets/_platform.scss */ .swidget__panel { width: calc(100vw - 32px); } } @media print { /* line 1449, app/assets/stylesheets/_platform.scss */ .swidget { display: none !important; } } @media (prefers-reduced-motion: reduce) { /* line 1453, app/assets/stylesheets/_platform.scss */ .swidget__panel { animation: none; } /* line 1454, app/assets/stylesheets/_platform.scss */ .swidget__launcher:hover { transform: none; } } /* ---- Deactivated-company support shell (no portal chrome) ---- */ /* line 1458, app/assets/stylesheets/_platform.scss */ .lockout-support { min-height: 100vh; display: flex; flex-direction: column; background: var(--portal-surface-2, #eef1f6); } /* line 1464, app/assets/stylesheets/_platform.scss */ .lockout-support__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 14px 22px; background: #fff; border-bottom: 1px solid var(--portal-line, #e3e8f0); } /* line 1474, app/assets/stylesheets/_platform.scss */ .lockout-support__brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; } /* line 1481, app/assets/stylesheets/_platform.scss */ .lockout-support__name { font-size: 15px; font-weight: 700; color: var(--portal-ink, #1a2233); } /* line 1487, app/assets/stylesheets/_platform.scss */ .lockout-support__notice { margin: 0; flex: 1 1 220px; font-size: 13px; color: var(--portal-slate, #5b657a); } /* line 1494, app/assets/stylesheets/_platform.scss */ .lockout-support__back { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--portal-primary, #5b5ce2); text-decoration: none; } /* line 1501, app/assets/stylesheets/_platform.scss */ .lockout-support__back:hover { text-decoration: underline; } /* line 1504, app/assets/stylesheets/_platform.scss */ .lockout-support__main { width: 100%; max-width: 960px; margin: 0 auto; padding: 24px 18px 40px; flex: 1 1 auto; } /* ---- Support chat ---- */ /* line 1514, app/assets/stylesheets/_platform.scss */ .schat { display: flex; flex-direction: column; } /* line 1518, app/assets/stylesheets/_platform.scss */ .schat__stream { flex: 1 1 auto; min-height: 280px; max-height: 52vh; overflow-y: auto; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; background: var(--portal-surface-2); } /* line 1530, app/assets/stylesheets/_platform.scss */ .schat__row { display: flex; max-width: 100%; } /* line 1534, app/assets/stylesheets/_platform.scss */ .schat__row--mine { justify-content: flex-end; } /* line 1535, app/assets/stylesheets/_platform.scss */ .schat__row--theirs { justify-content: flex-start; } /* line 1538, app/assets/stylesheets/_platform.scss */ .schat__bubble { max-width: 78%; max-width: min(78%, 560px); padding: 10px 14px; border-radius: 14px; border: 1px solid var(--portal-line); background: var(--portal-surface); box-shadow: var(--portal-shadow-sm); overflow-wrap: anywhere; } /* line 1551, app/assets/stylesheets/_platform.scss */ .schat__row--mine .schat__bubble { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } /* line 1560, app/assets/stylesheets/_platform.scss */ .schat__row--mine .schat__bubble .schat__body, .schat__row--mine .schat__bubble .schat__body p { color: #fff; } /* line 1563, app/assets/stylesheets/_platform.scss */ .schat__row--mine .schat__bubble .schat__author, .schat__row--mine .schat__bubble .schat__time { color: rgba(255, 255, 255, 0.9); } /* line 1567, app/assets/stylesheets/_platform.scss */ .schat__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 3px; } /* line 1575, app/assets/stylesheets/_platform.scss */ .schat__author { font-size: 12px; font-weight: 700; color: var(--portal-slate); } /* line 1581, app/assets/stylesheets/_platform.scss */ .schat__time { font-size: 11px; color: var(--portal-muted); white-space: nowrap; } /* line 1587, app/assets/stylesheets/_platform.scss */ .schat__body { font-size: 14px; line-height: 1.5; color: var(--portal-ink); } /* line 1592, app/assets/stylesheets/_platform.scss */ .schat__body p { margin: 0 0 6px; color: inherit; } /* line 1595, app/assets/stylesheets/_platform.scss */ .schat__body p:last-child { margin-bottom: 0; } /* line 1599, app/assets/stylesheets/_platform.scss */ .schat__system { align-self: center; font-size: 12px; color: var(--portal-muted); background: var(--plat-neutral-fill); padding: 4px 12px; border-radius: 999px; } /* line 1608, app/assets/stylesheets/_platform.scss */ .schat__composer { display: flex; align-items: flex-end; gap: 10px; padding: 14px 18px; border-top: 1px solid var(--portal-line); background: var(--portal-surface); } /* line 1616, app/assets/stylesheets/_platform.scss */ .schat__composer textarea { flex: 1 1 auto; resize: vertical; min-height: 44px; } /* line 1622, app/assets/stylesheets/_platform.scss */ .schat__composer .btn { flex: 0 0 auto; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; } /* line 1632, app/assets/stylesheets/_platform.scss */ .schat__closed { padding: 16px 20px; border-top: 1px solid var(--portal-line); font-size: 13px; color: var(--portal-muted); text-align: center; } /* ---- Signup step 2: plan selection ---- */ /* line 1642, app/assets/stylesheets/_platform.scss */ .auth3__plans-shell { opacity: 0; transform: translateY(10px); transition: opacity 0.28s ease, transform 0.28s ease; } /* line 1647, app/assets/stylesheets/_platform.scss */ .auth3__plans-shell.is-visible { opacity: 1; transform: none; } /* line 1654, app/assets/stylesheets/_platform.scss */ .splans__head { text-align: center; margin-bottom: 22px; } /* line 1659, app/assets/stylesheets/_platform.scss */ .splans__title { font-size: 22px; font-weight: 700; color: var(--portal-ink); margin-bottom: 6px; } /* line 1666, app/assets/stylesheets/_platform.scss */ .splans__sub { font-size: 14px; color: var(--portal-muted); margin: 0; } /* line 1672, app/assets/stylesheets/_platform.scss */ .splans__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; } /* line 1678, app/assets/stylesheets/_platform.scss */ .splans__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; } /* line 1685, app/assets/stylesheets/_platform.scss */ .splans__foot .btn { min-width: 130px; } /* line 1688, app/assets/stylesheets/_platform.scss */ .splans__note { margin: 12px 0 0; text-align: center; font-size: 13px; color: var(--portal-muted); } /* line 1696, app/assets/stylesheets/_platform.scss */ .splan { position: relative; display: flex; flex-direction: column; gap: 6px; text-align: left; width: 100%; padding: 20px 18px; border: 1px solid var(--portal-line); border-radius: 14px; background: var(--portal-surface); cursor: pointer; transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease; } /* line 1711, app/assets/stylesheets/_platform.scss */ .splan:hover { transform: translateY(-2px); border-color: var(--portal-primary); box-shadow: var(--portal-shadow-sm); } /* line 1717, app/assets/stylesheets/_platform.scss */ .splan:focus-visible { outline: 2px solid var(--portal-primary); outline-offset: 2px; } /* line 1722, app/assets/stylesheets/_platform.scss */ .splan__check { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--portal-line); background: var(--portal-surface); color: transparent; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease; } /* line 1737, app/assets/stylesheets/_platform.scss */ .splan__check .icon { width: 13px; height: 13px; } /* line 1740, app/assets/stylesheets/_platform.scss */ .splan__name { font-size: 16px; font-weight: 700; color: var(--portal-ink); padding-right: 30px; } /* line 1747, app/assets/stylesheets/_platform.scss */ .splan__price { display: flex; align-items: baseline; gap: 4px; font-size: 20px; font-weight: 700; color: var(--portal-primary); } /* line 1756, app/assets/stylesheets/_platform.scss */ .splan__interval { font-size: 12px; font-weight: 500; color: var(--portal-muted); } /* line 1762, app/assets/stylesheets/_platform.scss */ .splan__desc { font-size: 12px; color: var(--portal-muted); min-height: 32px; } /* line 1768, app/assets/stylesheets/_platform.scss */ .splan__limits { display: flex; flex-direction: column; gap: 3px; padding-top: 10px; margin-top: 2px; border-top: 1px solid var(--portal-line); } /* line 1777, app/assets/stylesheets/_platform.scss */ .splan__limit { font-size: 12.5px; color: var(--portal-slate); } /* line 1781, app/assets/stylesheets/_platform.scss */ .splan__limit strong { color: var(--portal-ink); font-variant-numeric: tabular-nums; } /* line 1787, app/assets/stylesheets/_platform.scss */ .splan__features { font-size: 12px; color: var(--portal-muted); } /* line 1792, app/assets/stylesheets/_platform.scss */ .splan.is-selected { border-color: var(--portal-primary); background: var(--portal-hover-fill); box-shadow: 0 0 0 1px var(--portal-primary) inset, var(--portal-shadow-sm); } /* line 1797, app/assets/stylesheets/_platform.scss */ .splan.is-selected .splan__check { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } @media (max-width: 575px) { /* line 1806, app/assets/stylesheets/_platform.scss */ .splans__foot { flex-direction: column-reverse; } /* line 1809, app/assets/stylesheets/_platform.scss */ .splans__foot .btn { width: 100%; } } /* ---- Enter-a-tenant-branch control ---- */ /* line 1814, app/assets/stylesheets/_platform.scss */ .lpage-iconbtn--enter { color: var(--portal-primary); } /* line 1817, app/assets/stylesheets/_platform.scss */ .lpage-iconbtn--enter:hover { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } /* line 1825, app/assets/stylesheets/_platform.scss */ .lpage-iconbtn--success { color: var(--plat-ok-text); } /* line 1828, app/assets/stylesheets/_platform.scss */ .lpage-iconbtn--success:hover { background: var(--plat-ok-text); border-color: var(--plat-ok-text); color: #fff; } /* line 1837, app/assets/stylesheets/_platform.scss */ .lpage-iconbtn--muted { opacity: 0.4; cursor: not-allowed; } /* Platform companies table: tinted chips at rest so developer actions stay scannable (dashboard-2 otherwise keeps icon buttons transparent). */ /* line 1845, app/assets/stylesheets/_platform.scss */ .plat-companies .plat-companies__sub { margin-top: 2px; font-size: 12px; color: var(--portal-muted, #6b7385); } /* line 1851, app/assets/stylesheets/_platform.scss */ .plat-companies .plat-companies__row--inactive { opacity: 0.72; background: var(--plat-danger-fill); } /* line 1855, app/assets/stylesheets/_platform.scss */ .plat-companies .plat-companies__row--inactive .lpage-person__name { color: var(--plat-danger-text); } /* line 1859, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn { border-width: 1px; border-style: solid; border-color: transparent; } /* line 1864, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--success { background: var(--plat-ok-fill); border-color: rgba(18, 153, 107, 0.22); color: var(--plat-ok-text); } /* line 1869, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--success:hover { background: var(--plat-ok-text); border-color: var(--plat-ok-text); color: #fff; } /* line 1876, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--info { background: var(--plat-info-fill); border-color: rgba(79, 70, 229, 0.22); color: var(--plat-info-text); } /* line 1881, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--info:hover { background: var(--plat-info-text); border-color: var(--plat-info-text); color: #fff; } /* line 1888, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--danger { background: var(--plat-danger-fill); border-color: rgba(216, 58, 63, 0.22); color: var(--plat-danger-text); } /* line 1893, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--danger:hover { background: var(--plat-danger-text); border-color: var(--plat-danger-text); color: #fff; } /* line 1900, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--enter { background: var(--plat-info-fill); border-color: rgba(79, 70, 229, 0.22); color: var(--plat-info-text); } /* line 1905, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--enter:hover { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } /* line 1912, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table__actions .lpage-iconbtn--muted { background: var(--plat-neutral-fill); border-color: transparent; color: var(--portal-muted, #6b7385); opacity: 0.55; } /* line 1924, app/assets/stylesheets/_platform.scss */ html[data-theme="dark"] .plat-companies .lpage-table__actions .lpage-iconbtn--success { border-color: rgba(52, 211, 153, 0.28); } /* line 1925, app/assets/stylesheets/_platform.scss */ html[data-theme="dark"] .plat-companies .lpage-table__actions .lpage-iconbtn--info, html[data-theme="dark"] .plat-companies .lpage-table__actions .lpage-iconbtn--enter { border-color: rgba(129, 140, 248, 0.3); } /* line 1927, app/assets/stylesheets/_platform.scss */ html[data-theme="dark"] .plat-companies .lpage-table__actions .lpage-iconbtn--danger { border-color: rgba(248, 113, 113, 0.3); } /* line 1933, app/assets/stylesheets/_platform.scss */ .lpage-table__actions form { display: inline-flex; margin: 0; } /* line 1938, app/assets/stylesheets/_platform.scss */ .plat-enter { position: relative; display: inline-flex; } /* line 1942, app/assets/stylesheets/_platform.scss */ .plat-enter__menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; min-width: 190px; padding: 6px; border-radius: 12px; border: 1px solid var(--portal-line); background: var(--portal-surface); box-shadow: var(--portal-shadow-md, 0 12px 28px rgba(15, 23, 41, 0.18)); } /* line 1954, app/assets/stylesheets/_platform.scss */ .plat-enter__menu[hidden] { display: none; } /* line 1957, app/assets/stylesheets/_platform.scss */ .plat-enter__label { display: block; padding: 6px 10px 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--portal-muted); } /* line 1967, app/assets/stylesheets/_platform.scss */ .plat-enter__item { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; text-align: left; font-size: 13px; color: var(--portal-ink); cursor: pointer; } /* line 1979, app/assets/stylesheets/_platform.scss */ .plat-enter__item:hover { background: var(--portal-surface-2); color: var(--portal-primary); } /* ---- "You are inside a tenant" bar ---- */ /* line 1987, app/assets/stylesheets/_platform.scss */ .plat-imp { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 16px; padding: 10px 16px; border-radius: 10px; border: 1px solid var(--plat-warn-line, #f0b429); background: var(--plat-warn-fill, rgba(240, 180, 41, 0.12)); color: var(--portal-ink); } /* line 1999, app/assets/stylesheets/_platform.scss */ .plat-imp__dot { width: 8px; height: 8px; border-radius: 50%; background: #f0b429; flex: 0 0 auto; } /* line 2007, app/assets/stylesheets/_platform.scss */ .plat-imp__text { font-size: 13px; flex: 1 1 auto; } /* line 2012, app/assets/stylesheets/_platform.scss */ .plat-imp__form { margin: 0; } /* line 2014, app/assets/stylesheets/_platform.scss */ .plat-imp__exit { padding: 5px 12px; border-radius: 8px; border: 1px solid var(--portal-line); background: var(--portal-surface); color: var(--portal-ink); font-size: 12px; font-weight: 600; cursor: pointer; } /* line 2024, app/assets/stylesheets/_platform.scss */ .plat-imp__exit:hover { background: var(--portal-primary); border-color: var(--portal-primary); color: #fff; } @media print { /* line 2033, app/assets/stylesheets/_platform.scss */ .plat-imp { display: none; } } /* ---- Settings color theme picker ---- */ /* line 2037, app/assets/stylesheets/_platform.scss */ .set-theme { margin-bottom: 24px; padding: 22px; border-radius: 16px; border: 1px solid var(--portal-line); background: var(--portal-surface); box-shadow: var(--portal-shadow-sm); } /* line 2046, app/assets/stylesheets/_platform.scss */ .set-theme__head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; } /* line 2053, app/assets/stylesheets/_platform.scss */ .set-theme__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; background: var(--portal-hover-fill-strong); color: var(--portal-primary); } /* line 2064, app/assets/stylesheets/_platform.scss */ .set-theme__icon .icon { width: 18px; height: 18px; } /* line 2067, app/assets/stylesheets/_platform.scss */ .set-theme__title { margin: 0 0 4px; font-size: 17px; font-weight: 700; color: var(--portal-ink); line-height: 1.3; } /* line 2075, app/assets/stylesheets/_platform.scss */ .set-theme__desc { margin: 0; font-size: 13px; color: var(--portal-muted); line-height: 1.5; } /* line 2082, app/assets/stylesheets/_platform.scss */ .set-theme__swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; } /* line 2088, app/assets/stylesheets/_platform.scss */ .set-theme__swatch { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 10px 12px; border-radius: 12px; border: 1px solid var(--portal-line); background: var(--portal-surface-2, #F8FAFC); color: var(--portal-slate); cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } /* line 2101, app/assets/stylesheets/_platform.scss */ .set-theme__swatch:hover, .set-theme__swatch:focus { border-color: var(--portal-primary); outline: none; } /* line 2107, app/assets/stylesheets/_platform.scss */ .set-theme__swatch:focus-visible { outline: 2px solid var(--portal-primary); outline-offset: 2px; } /* line 2112, app/assets/stylesheets/_platform.scss */ .set-theme__swatch[aria-checked="true"] { border-color: var(--portal-primary); box-shadow: 0 0 0 1px var(--portal-primary) inset, var(--portal-shadow-sm); background: var(--portal-hover-fill); } /* line 2119, app/assets/stylesheets/_platform.scss */ .set-theme__dot { width: 28px; height: 28px; border-radius: 999px; box-shadow: 0 0 0 2px var(--portal-surface), 0 0 0 3px rgba(15, 23, 42, 0.08); } /* line 2126, app/assets/stylesheets/_platform.scss */ .set-theme__label { font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: var(--portal-ink); } /* line 2133, app/assets/stylesheets/_platform.scss */ html[data-theme="dark"] .set-theme__dot { box-shadow: 0 0 0 2px var(--portal-surface), 0 0 0 3px rgba(255, 255, 255, 0.12); } @media (prefers-reduced-motion: reduce) { /* line 2138, app/assets/stylesheets/_platform.scss */ .set-theme__swatch { transition: none; } } /* ---- Settings tiles ---- */ /* line 2142, app/assets/stylesheets/_platform.scss */ .set-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; } /* line 2148, app/assets/stylesheets/_platform.scss */ .set-card { display: flex; align-items: flex-start; gap: 16px; padding: 22px; border-radius: 16px; border: 1px solid var(--portal-line); background: var(--portal-surface); box-shadow: var(--portal-shadow-sm); text-decoration: none; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } /* line 2160, app/assets/stylesheets/_platform.scss */ .set-card:hover, .set-card:focus { transform: translateY(-2px); border-color: var(--portal-primary); box-shadow: var(--portal-shadow); text-decoration: none; } /* line 2167, app/assets/stylesheets/_platform.scss */ .set-card:hover .set-card__chevron, .set-card:focus .set-card__chevron { transform: translateX(3px); opacity: 1; } /* line 2170, app/assets/stylesheets/_platform.scss */ .set-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 13px; background: var(--portal-hover-fill); color: var(--portal-primary); } /* line 2181, app/assets/stylesheets/_platform.scss */ .set-card__icon .icon { width: 20px; height: 20px; } /* line 2183, app/assets/stylesheets/_platform.scss */ .set-card__icon--violet { background: var(--set-violet-fill); color: var(--set-violet-ink); } /* line 2184, app/assets/stylesheets/_platform.scss */ .set-card__icon--blue { background: var(--set-blue-fill); color: var(--set-blue-ink); } /* line 2185, app/assets/stylesheets/_platform.scss */ .set-card__icon--green { background: var(--set-green-fill); color: var(--set-green-ink); } /* line 2186, app/assets/stylesheets/_platform.scss */ .set-card__icon--amber { background: var(--set-amber-fill); color: var(--set-amber-ink); } /* line 2189, app/assets/stylesheets/_platform.scss */ .set-card__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; } /* line 2197, app/assets/stylesheets/_platform.scss */ .set-card__eyebrow { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--portal-muted); } /* line 2208, app/assets/stylesheets/_platform.scss */ .set-card__pill { padding: 2px 8px; border-radius: 999px; font-size: 10px; letter-spacing: 0.02em; text-transform: none; background: var(--portal-hover-fill-strong); color: var(--portal-primary); } /* line 2217, app/assets/stylesheets/_platform.scss */ .set-card__pill--muted { background: var(--plat-neutral-fill); color: var(--portal-muted); } /* line 2220, app/assets/stylesheets/_platform.scss */ .set-card__title { font-size: 17px; font-weight: 700; color: var(--portal-ink); line-height: 1.3; } /* line 2227, app/assets/stylesheets/_platform.scss */ .set-card__desc { font-size: 13px; color: var(--portal-muted); line-height: 1.5; overflow-wrap: anywhere; } /* line 2234, app/assets/stylesheets/_platform.scss */ .set-card__chevron { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 14px; color: var(--portal-muted); opacity: 0.5; transition: transform 0.15s ease, opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { /* line 2246, app/assets/stylesheets/_platform.scss */ .set-card, .set-card__chevron { transition: none; } /* line 2248, app/assets/stylesheets/_platform.scss */ .set-card:hover { transform: none; } } /* ---- Tenant billing page ---- */ /* line 2252, app/assets/stylesheets/_platform.scss */ .bill-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; } /* line 2258, app/assets/stylesheets/_platform.scss */ .bill-empty { margin: 0; font-size: 14px; color: var(--portal-muted); } /* ---- Offline (cash) payment panel ---- */ /* line 2266, app/assets/stylesheets/_platform.scss */ .pcash__intro { font-size: 13px; color: var(--portal-muted); margin-bottom: 16px; max-width: 68ch; } /* line 2273, app/assets/stylesheets/_platform.scss */ .pcash__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin-bottom: 16px; } /* line 2280, app/assets/stylesheets/_platform.scss */ .pcash__field--sm { max-width: 130px; } /* line 2282, app/assets/stylesheets/_platform.scss */ .pcash__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--portal-muted); margin-bottom: 5px; } /* line 2292, app/assets/stylesheets/_platform.scss */ .pcash__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding-top: 14px; border-top: 1px solid var(--portal-line); } /* line 2301, app/assets/stylesheets/_platform.scss */ .pcash__hint { font-size: 12px; color: var(--portal-muted); } /* line 2305, app/assets/stylesheets/_platform.scss */ .pcash__hint strong { color: var(--portal-slate); } /* ---- Plan discount block ---- */ /* line 2310, app/assets/stylesheets/_platform.scss */ .pdisc { margin-top: 8px; padding: 16px; border: 1px dashed var(--portal-line); border-radius: 16px; background: var(--portal-surface-2); } /* line 2317, app/assets/stylesheets/_platform.scss */ .pdisc__head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; } /* line 2325, app/assets/stylesheets/_platform.scss */ .pdisc__title { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--portal-slate); } /* line 2333, app/assets/stylesheets/_platform.scss */ .pdisc__hint, .pdisc__note { font-size: 12px; color: var(--portal-muted); } /* line 2339, app/assets/stylesheets/_platform.scss */ .pdisc__preview { margin: 6px 0 0; font-size: 13px; color: var(--portal-slate); } /* line 2344, app/assets/stylesheets/_platform.scss */ .pdisc__preview strong { color: var(--plat-ok-text); } /* Price with a discount: original struck through, net price emphasised. */ /* line 2349, app/assets/stylesheets/_platform.scss */ .plat-plan__price-was { font-size: 13px; color: var(--portal-muted); text-decoration: line-through; } /* line 2355, app/assets/stylesheets/_platform.scss */ .plat-plan-price { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } /* line 2361, app/assets/stylesheets/_platform.scss */ .plat-plan-price__select { flex: 1 1 auto; min-width: 0; font-size: 14px; font-weight: 600; color: var(--portal-primary); background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 4px 28px 4px 8px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; } /* line 2377, app/assets/stylesheets/_platform.scss */ .plat-plan-price__select:hover, .plat-plan-price__select:focus { border-color: var(--portal-line); background-color: var(--portal-surface-2); outline: none; } /* line 2385, app/assets/stylesheets/_platform.scss */ .plat-plan-price__badge { flex: 0 0 auto; font-size: 11px; } /* ---- Finance: ledger + invoice ---- */ /* line 2393, app/assets/stylesheets/_platform.scss */ .fled__debit { color: var(--plat-danger-text); font-variant-numeric: tabular-nums; } /* line 2394, app/assets/stylesheets/_platform.scss */ .fled__credit { color: var(--plat-ok-text); font-variant-numeric: tabular-nums; } /* line 2397, app/assets/stylesheets/_platform.scss */ .finv__total td { font-weight: 700; color: var(--portal-ink); border-top: 2px solid var(--portal-line); } /* line 2403, app/assets/stylesheets/_platform.scss */ .fpay { /* "or" divider between the two payment routes */ } /* line 2404, app/assets/stylesheets/_platform.scss */ .fpay__option { padding: 16px; border: 1px solid var(--portal-line); border-radius: 16px; background: var(--portal-surface-2); } /* line 2411, app/assets/stylesheets/_platform.scss */ .fpay__optionhead { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; } /* line 2417, app/assets/stylesheets/_platform.scss */ .fpay__optionhead strong { color: var(--portal-ink); font-size: 15px; } /* line 2420, app/assets/stylesheets/_platform.scss */ .fpay__icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; background: var(--portal-hover-fill); color: var(--portal-primary); } /* line 2431, app/assets/stylesheets/_platform.scss */ .fpay__icon .icon { width: 18px; height: 18px; } /* line 2434, app/assets/stylesheets/_platform.scss */ .fpay__desc { margin: 2px 0 0; font-size: 12px; color: var(--portal-muted); } /* line 2441, app/assets/stylesheets/_platform.scss */ .fpay__or { display: flex; align-items: center; gap: 12px; margin: 16px 0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--portal-muted); } /* line 2451, app/assets/stylesheets/_platform.scss */ .fpay__or::before, .fpay__or::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--portal-line); } /* line 2460, app/assets/stylesheets/_platform.scss */ .fpay__void { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--portal-line); text-align: center; } /* line 2468, app/assets/stylesheets/_platform.scss */ .ta-right { text-align: right; } /* line 2469, app/assets/stylesheets/_platform.scss */ .nowrap { white-space: nowrap; } /* ---- Billing mode chooser ---- */ /* line 2473, app/assets/stylesheets/_platform.scss */ .bmode__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; } /* line 2479, app/assets/stylesheets/_platform.scss */ .bmode__option { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 16px; border: 1px solid var(--portal-line); border-radius: 16px; background: var(--portal-surface); cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; } /* line 2491, app/assets/stylesheets/_platform.scss */ .bmode__option:hover { border-color: var(--portal-primary); } /* line 2493, app/assets/stylesheets/_platform.scss */ .bmode__option--on { border-color: var(--portal-primary); background: var(--portal-hover-fill); } /* line 2498, app/assets/stylesheets/_platform.scss */ .bmode__option input[type="radio"] { margin-top: 4px; flex: 0 0 auto; } /* line 2501, app/assets/stylesheets/_platform.scss */ .bmode__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; } /* line 2503, app/assets/stylesheets/_platform.scss */ .bmode__title { font-weight: 700; color: var(--portal-ink); font-size: 14px; } /* line 2505, app/assets/stylesheets/_platform.scss */ .bmode__desc { font-size: 12px; color: var(--portal-muted); line-height: 1.5; } /* line 2507, app/assets/stylesheets/_platform.scss */ .bmode__foot { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } /* line 2515, app/assets/stylesheets/_platform.scss */ .bmode__generate { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--portal-line); } /* Generate + company filter in the finance header */ /* line 2527, app/assets/stylesheets/_platform.scss */ .fgen { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } /* line 2533, app/assets/stylesheets/_platform.scss */ .fgen__filter { display: flex; align-items: center; margin: 0; } /* line 2539, app/assets/stylesheets/_platform.scss */ .fgen__select { min-width: 200px; max-width: 280px; height: 38px; } /* ---- Platform narrow viewports ---- */ @media (max-width: 767.98px) { /* line 2548, app/assets/stylesheets/_platform.scss */ .navbar-brand .plat-badge { display: none; } /* line 2552, app/assets/stylesheets/_platform.scss */ .plat-stats { gap: 10px; margin-bottom: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 2558, app/assets/stylesheets/_platform.scss */ .plat-stat { padding: 12px 14px; gap: 8px; } /* line 2562, app/assets/stylesheets/_platform.scss */ .plat-stat__label { font-size: 12px; margin-bottom: 4px; } /* line 2563, app/assets/stylesheets/_platform.scss */ .plat-stat__value { font-size: 18px; } /* line 2564, app/assets/stylesheets/_platform.scss */ .plat-stat__icon { width: 32px; height: 32px; flex-basis: 32px; } /* line 2569, app/assets/stylesheets/_platform.scss */ .plat-stat__icon .icon { width: 15px; height: 15px; } /* line 2573, app/assets/stylesheets/_platform.scss */ .plat-grid--halves, .plat-plans, .set-grid, .bill-grid, .bmode__form { grid-template-columns: 1fr; } /* line 2581, app/assets/stylesheets/_platform.scss */ .plat-plans { gap: 14px; } /* line 2583, app/assets/stylesheets/_platform.scss */ .plat-plan { padding: 16px; } /* line 2586, app/assets/stylesheets/_platform.scss */ .plat-plan__name { font-size: 15px; } /* line 2589, app/assets/stylesheets/_platform.scss */ .pcash__row { grid-template-columns: 1fr; } /* line 2593, app/assets/stylesheets/_platform.scss */ .pcash__field--sm { max-width: none; } /* line 2595, app/assets/stylesheets/_platform.scss */ .plat-dl { grid-template-columns: 1fr; gap: 2px 0; font-size: 13px; } /* line 2600, app/assets/stylesheets/_platform.scss */ .plat-dl dt { margin-top: 8px; } /* line 2601, app/assets/stylesheets/_platform.scss */ .plat-dl dt:first-child { margin-top: 0; } /* line 2604, app/assets/stylesheets/_platform.scss */ .fgen { width: 100%; flex-direction: column; align-items: stretch; } /* line 2609, app/assets/stylesheets/_platform.scss */ .fgen__filter { width: 100%; } /* line 2610, app/assets/stylesheets/_platform.scss */ .fgen__select { min-width: 0; max-width: none; width: 100%; } /* line 2616, app/assets/stylesheets/_platform.scss */ .fgen .btn { width: 100%; } /* line 2619, app/assets/stylesheets/_platform.scss */ .plat-notice, .plat-empty, .plat-stat, .plat-plan { max-width: 100%; min-width: 0; } /* line 2627, app/assets/stylesheets/_platform.scss */ .plat-notice, .plat-empty { padding: 16px 14px; } /* line 2632, app/assets/stylesheets/_platform.scss */ .plat-companies .lpage-table { min-width: 640px; } } @media (max-width: 575.98px) { /* line 2638, app/assets/stylesheets/_platform.scss */ .plat-stats { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; } /* line 2644, app/assets/stylesheets/_platform.scss */ .plat-stat { padding: 10px 12px; } /* line 2647, app/assets/stylesheets/_platform.scss */ .plat-stat__value { font-size: 16px; } /* line 2648, app/assets/stylesheets/_platform.scss */ .plat-stat__icon { width: 28px; height: 28px; flex-basis: 28px; } /* line 2655, app/assets/stylesheets/_platform.scss */ .plat-plan { padding: 14px; } } /* Accent color themes — swap brand primaries for light and dark modes. Surfaces / neutrals stay with the light|dark theme; only the display accent (buttons, links, active states, soft fills) follows data-color. */ /* Default (and explicit purple) — matches current indigo brand. */ /* line 52, app/assets/stylesheets/_color-themes.scss */ :root, html[data-color="purple"] { --portal-primary: #4F46E5; --portal-primary-d: #4338CA; --portal-indigo: #6366F1; --portal-hover-fill: rgba(79, 70, 229, 0.06); --portal-hover-fill-strong: rgba(79, 70, 229, 0.1); --dsh-primary: #4F46E5; --dsh-primary-hover: #4338CA; --dsh-indigo: #6366F1; --dsh-soft-indigo: #EEF2FF; --plat-info-text: #4F46E5; --plat-info-fill: rgba(79, 70, 229, 0.12); } /* line 57, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"], html[data-theme="dark"][data-color="purple"] { --portal-primary: #6366F1; --portal-primary-d: #7C7DF3; --portal-indigo: #818CF8; --portal-hover-fill: rgba(99, 102, 241, 0.12); --portal-hover-fill-strong: rgba(99, 102, 241, 0.18); --dsh-primary: #6366F1; --dsh-primary-hover: #7C7DF3; --dsh-indigo: #818CF8; --dsh-soft-indigo: rgba(99, 102, 241, 0.14); --plat-info-text: #6366F1; --plat-info-fill: rgba(99, 102, 241, 0.2); } /* line 62, app/assets/stylesheets/_color-themes.scss */ html[data-color="blue"] { --portal-primary: #2563EB; --portal-primary-d: #1D4ED8; --portal-indigo: #3B82F6; --portal-hover-fill: rgba(37, 99, 235, 0.06); --portal-hover-fill-strong: rgba(37, 99, 235, 0.1); --dsh-primary: #2563EB; --dsh-primary-hover: #1D4ED8; --dsh-indigo: #3B82F6; --dsh-soft-indigo: #EFF6FF; --plat-info-text: #2563EB; --plat-info-fill: rgba(37, 99, 235, 0.12); } /* line 65, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="blue"] { --portal-primary: #3B82F6; --portal-primary-d: #60A5FA; --portal-indigo: #60A5FA; --portal-hover-fill: rgba(59, 130, 246, 0.12); --portal-hover-fill-strong: rgba(59, 130, 246, 0.18); --dsh-primary: #3B82F6; --dsh-primary-hover: #60A5FA; --dsh-indigo: #60A5FA; --dsh-soft-indigo: rgba(59, 130, 246, 0.14); --plat-info-text: #3B82F6; --plat-info-fill: rgba(59, 130, 246, 0.2); } /* line 69, app/assets/stylesheets/_color-themes.scss */ html[data-color="teal"] { --portal-primary: #0D9488; --portal-primary-d: #0F766E; --portal-indigo: #14B8A6; --portal-hover-fill: rgba(13, 148, 136, 0.06); --portal-hover-fill-strong: rgba(13, 148, 136, 0.1); --dsh-primary: #0D9488; --dsh-primary-hover: #0F766E; --dsh-indigo: #14B8A6; --dsh-soft-indigo: #F0FDFA; --plat-info-text: #0D9488; --plat-info-fill: rgba(13, 148, 136, 0.12); } /* line 72, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="teal"] { --portal-primary: #2DD4BF; --portal-primary-d: #5EEAD4; --portal-indigo: #5EEAD4; --portal-hover-fill: rgba(45, 212, 191, 0.12); --portal-hover-fill-strong: rgba(45, 212, 191, 0.18); --dsh-primary: #2DD4BF; --dsh-primary-hover: #5EEAD4; --dsh-indigo: #5EEAD4; --dsh-soft-indigo: rgba(45, 212, 191, 0.14); --plat-info-text: #2DD4BF; --plat-info-fill: rgba(45, 212, 191, 0.2); } /* line 76, app/assets/stylesheets/_color-themes.scss */ html[data-color="green"] { --portal-primary: #059669; --portal-primary-d: #047857; --portal-indigo: #10B981; --portal-hover-fill: rgba(5, 150, 105, 0.06); --portal-hover-fill-strong: rgba(5, 150, 105, 0.1); --dsh-primary: #059669; --dsh-primary-hover: #047857; --dsh-indigo: #10B981; --dsh-soft-indigo: #ECFDF5; --plat-info-text: #059669; --plat-info-fill: rgba(5, 150, 105, 0.12); } /* line 79, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="green"] { --portal-primary: #34D399; --portal-primary-d: #6EE7B7; --portal-indigo: #6EE7B7; --portal-hover-fill: rgba(52, 211, 153, 0.12); --portal-hover-fill-strong: rgba(52, 211, 153, 0.18); --dsh-primary: #34D399; --dsh-primary-hover: #6EE7B7; --dsh-indigo: #6EE7B7; --dsh-soft-indigo: rgba(52, 211, 153, 0.14); --plat-info-text: #34D399; --plat-info-fill: rgba(52, 211, 153, 0.2); } /* line 83, app/assets/stylesheets/_color-themes.scss */ html[data-color="rose"] { --portal-primary: #E11D48; --portal-primary-d: #BE123C; --portal-indigo: #F43F5E; --portal-hover-fill: rgba(225, 29, 72, 0.06); --portal-hover-fill-strong: rgba(225, 29, 72, 0.1); --dsh-primary: #E11D48; --dsh-primary-hover: #BE123C; --dsh-indigo: #F43F5E; --dsh-soft-indigo: #FFF1F2; --plat-info-text: #E11D48; --plat-info-fill: rgba(225, 29, 72, 0.12); } /* line 86, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="rose"] { --portal-primary: #FB7185; --portal-primary-d: #FDA4AF; --portal-indigo: #FDA4AF; --portal-hover-fill: rgba(251, 113, 133, 0.12); --portal-hover-fill-strong: rgba(251, 113, 133, 0.18); --dsh-primary: #FB7185; --dsh-primary-hover: #FDA4AF; --dsh-indigo: #FDA4AF; --dsh-soft-indigo: rgba(251, 113, 133, 0.14); --plat-info-text: #FB7185; --plat-info-fill: rgba(251, 113, 133, 0.2); } /* line 90, app/assets/stylesheets/_color-themes.scss */ html[data-color="orange"] { --portal-primary: #EA580C; --portal-primary-d: #C2410C; --portal-indigo: #F97316; --portal-hover-fill: rgba(234, 88, 12, 0.06); --portal-hover-fill-strong: rgba(234, 88, 12, 0.1); --dsh-primary: #EA580C; --dsh-primary-hover: #C2410C; --dsh-indigo: #F97316; --dsh-soft-indigo: #FFF7ED; --plat-info-text: #EA580C; --plat-info-fill: rgba(234, 88, 12, 0.12); } /* line 93, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="orange"] { --portal-primary: #FB923C; --portal-primary-d: #FDBA74; --portal-indigo: #FDBA74; --portal-hover-fill: rgba(251, 146, 60, 0.12); --portal-hover-fill-strong: rgba(251, 146, 60, 0.18); --dsh-primary: #FB923C; --dsh-primary-hover: #FDBA74; --dsh-indigo: #FDBA74; --dsh-soft-indigo: rgba(251, 146, 60, 0.14); --plat-info-text: #FB923C; --plat-info-fill: rgba(251, 146, 60, 0.2); } /* line 97, app/assets/stylesheets/_color-themes.scss */ html[data-color="cyan"] { --portal-primary: #0891B2; --portal-primary-d: #0E7490; --portal-indigo: #06B6D4; --portal-hover-fill: rgba(8, 145, 178, 0.06); --portal-hover-fill-strong: rgba(8, 145, 178, 0.1); --dsh-primary: #0891B2; --dsh-primary-hover: #0E7490; --dsh-indigo: #06B6D4; --dsh-soft-indigo: #ECFEFF; --plat-info-text: #0891B2; --plat-info-fill: rgba(8, 145, 178, 0.12); } /* line 100, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="cyan"] { --portal-primary: #22D3EE; --portal-primary-d: #67E8F9; --portal-indigo: #67E8F9; --portal-hover-fill: rgba(34, 211, 238, 0.12); --portal-hover-fill-strong: rgba(34, 211, 238, 0.18); --dsh-primary: #22D3EE; --dsh-primary-hover: #67E8F9; --dsh-indigo: #67E8F9; --dsh-soft-indigo: rgba(34, 211, 238, 0.14); --plat-info-text: #22D3EE; --plat-info-fill: rgba(34, 211, 238, 0.2); } /* line 104, app/assets/stylesheets/_color-themes.scss */ html[data-color="violet"] { --portal-primary: #7C3AED; --portal-primary-d: #6D28D9; --portal-indigo: #8B5CF6; --portal-hover-fill: rgba(124, 58, 237, 0.06); --portal-hover-fill-strong: rgba(124, 58, 237, 0.1); --dsh-primary: #7C3AED; --dsh-primary-hover: #6D28D9; --dsh-indigo: #8B5CF6; --dsh-soft-indigo: #F5F3FF; --plat-info-text: #7C3AED; --plat-info-fill: rgba(124, 58, 237, 0.12); } /* line 107, app/assets/stylesheets/_color-themes.scss */ html[data-theme="dark"][data-color="violet"] { --portal-primary: #A78BFA; --portal-primary-d: #C4B5FD; --portal-indigo: #C4B5FD; --portal-hover-fill: rgba(167, 139, 250, 0.12); --portal-hover-fill-strong: rgba(167, 139, 250, 0.18); --dsh-primary: #A78BFA; --dsh-primary-hover: #C4B5FD; --dsh-indigo: #C4B5FD; --dsh-soft-indigo: rgba(167, 139, 250, 0.14); --plat-info-text: #A78BFA; --plat-info-fill: rgba(167, 139, 250, 0.2); } /* In-app Help guide (“how the system works”). */ /* line 3, app/assets/stylesheets/_help.scss */ .help-intro { margin-bottom: 16px; } /* line 6, app/assets/stylesheets/_help.scss */ .help-intro__body { padding: 20px 22px; } /* line 10, app/assets/stylesheets/_help.scss */ .help-intro__lead { margin: 0 0 10px; font-size: 15px; line-height: 1.55; color: var(--portal-slate); } /* line 17, app/assets/stylesheets/_help.scss */ .help-intro__note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--portal-muted); } /* line 23, app/assets/stylesheets/_help.scss */ .help-intro__note a { font-weight: 600; color: var(--plat-info-text); } /* line 30, app/assets/stylesheets/_help.scss */ .help-layout { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 16px; align-items: start; margin-bottom: 28px; } /* line 38, app/assets/stylesheets/_help.scss */ .help-nav { display: flex; flex-direction: column; gap: 10px; } /* line 43, app/assets/stylesheets/_help.scss */ .help-nav__item { display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 16px 18px; text-align: left; background: var(--portal-surface); border: 1px solid var(--portal-line); border-radius: 16px; color: inherit; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; } /* line 57, app/assets/stylesheets/_help.scss */ .help-nav__item:hover { border-color: var(--plat-info-text); background: var(--plat-info-fill); } /* line 62, app/assets/stylesheets/_help.scss */ .help-nav__item.is-active { border-color: var(--plat-info-text); background: var(--plat-info-fill); box-shadow: inset 3px 0 0 var(--plat-info-text); } /* line 67, app/assets/stylesheets/_help.scss */ .help-nav__item.is-active .help-nav__chevron { color: var(--plat-info-text); } /* line 73, app/assets/stylesheets/_help.scss */ .help-nav__icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--plat-info-fill); color: var(--plat-info-text); flex-shrink: 0; } /* line 84, app/assets/stylesheets/_help.scss */ .help-nav__icon .icon { width: 18px; height: 18px; } /* line 90, app/assets/stylesheets/_help.scss */ .help-nav__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; } /* line 98, app/assets/stylesheets/_help.scss */ .help-nav__title { font-size: 15px; font-weight: 700; color: var(--portal-slate); } /* line 104, app/assets/stylesheets/_help.scss */ .help-nav__summary { font-size: 13px; line-height: 1.45; color: var(--portal-muted); } /* line 110, app/assets/stylesheets/_help.scss */ .help-nav__chevron { width: 18px; height: 18px; margin-top: 8px; color: var(--portal-muted); flex-shrink: 0; } /* line 119, app/assets/stylesheets/_help.scss */ .help-detail { min-height: 320px; padding: 22px 24px; } /* line 123, app/assets/stylesheets/_help.scss */ .help-detail__panel { display: none; } /* line 126, app/assets/stylesheets/_help.scss */ .help-detail__panel.is-active { display: block; } /* line 131, app/assets/stylesheets/_help.scss */ .help-detail__head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--portal-line); } /* line 140, app/assets/stylesheets/_help.scss */ .help-detail__icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--plat-info-fill); color: var(--plat-info-text); flex-shrink: 0; } /* line 151, app/assets/stylesheets/_help.scss */ .help-detail__icon .icon { width: 20px; height: 20px; } /* line 157, app/assets/stylesheets/_help.scss */ .help-detail__title { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: var(--portal-slate); } /* line 164, app/assets/stylesheets/_help.scss */ .help-detail__summary { margin: 0; font-size: 13px; line-height: 1.45; color: var(--portal-muted); } /* line 172, app/assets/stylesheets/_help.scss */ .help-detail__body p { margin: 0 0 12px; font-size: 14px; line-height: 1.65; color: var(--portal-slate); } /* line 178, app/assets/stylesheets/_help.scss */ .help-detail__body p:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { /* line 186, app/assets/stylesheets/_help.scss */ .help-layout { grid-template-columns: 1fr; } /* line 190, app/assets/stylesheets/_help.scss */ .help-detail { min-height: 0; } } @media (min-width: 1200px) { /* line 4, app/assets/stylesheets/_super_admin.scss */ .sadmin-kpi-row > .sadmin-kpi-col { flex: 0 0 20%; max-width: 20%; } } /* line 13, app/assets/stylesheets/_super_admin.scss */ .sadmin-hero .dboard-hero__sub { max-width: 36rem; } /* line 18, app/assets/stylesheets/_super_admin.scss */ .sadmin-panel { margin-bottom: 1.5rem; } /* line 23, app/assets/stylesheets/_super_admin.scss */ .sadmin-table th:last-child, .sadmin-table td:last-child { text-align: right; } /* line 29, app/assets/stylesheets/_super_admin.scss */ .sadmin-empty { padding: 2rem 1.5rem; text-align: center; color: var(--portal-muted, #6c757d); } /* line 34, app/assets/stylesheets/_super_admin.scss */ .sadmin-empty p { margin-bottom: 0; } /* line 39, app/assets/stylesheets/_super_admin.scss */ .sadmin-alert { display: flex; align-items: center; gap: 0.75rem; padding: 0.875rem 1rem; border-radius: 0.5rem; margin-bottom: 1rem; font-size: 0.9375rem; border: 1px solid transparent; } /* line 49, app/assets/stylesheets/_super_admin.scss */ .sadmin-alert .icon { width: 1.125rem; height: 1.125rem; flex-shrink: 0; } /* line 55, app/assets/stylesheets/_super_admin.scss */ .sadmin-alert__link { margin-left: auto; font-weight: 600; white-space: nowrap; } /* line 61, app/assets/stylesheets/_super_admin.scss */ .sadmin-alert--warn { background: rgba(var(--portal-warning-rgb, 255, 193, 7), 0.12); border-color: rgba(var(--portal-warning-rgb, 255, 193, 7), 0.35); color: var(--portal-text, inherit); } /* line 67, app/assets/stylesheets/_super_admin.scss */ .sadmin-alert--danger { background: rgba(var(--portal-danger-rgb, 220, 53, 69), 0.1); border-color: rgba(var(--portal-danger-rgb, 220, 53, 69), 0.3); color: var(--portal-text, inherit); } /* line 74, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription { padding: 0; } /* line 77, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription__plan { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; } /* line 84, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription__name { font-size: 1.25rem; font-weight: 700; } /* line 89, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription__pending { margin: 1rem 0 0; font-size: 0.875rem; color: var(--portal-muted, #6c757d); } /* line 96, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; } /* line 102, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl dt { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--portal-muted, #6c757d); margin-bottom: 0.25rem; } /* line 110, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl dd { margin: 0; font-weight: 700; font-size: 1rem; } @media (max-width: 575px) { /* line 96, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl { grid-template-columns: 1fr; } } /* line 121, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity { list-style: none; margin: 0; padding: 0.5rem 0; } /* line 126, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__item { display: flex; align-items: flex-start; gap: 0.875rem; padding: 0.875rem 1.25rem; border-bottom: 1px solid var(--portal-border, rgba(0, 0, 0, 0.06)); } /* line 133, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__item:last-child { border-bottom: none; } /* line 138, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__icon { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--portal-surface-alt, rgba(0, 0, 0, 0.04)); flex-shrink: 0; } /* line 148, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__icon .icon { width: 1rem; height: 1rem; } /* line 154, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__body { flex: 1; min-width: 0; } /* line 159, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__title { margin: 0; font-weight: 600; font-size: 0.9375rem; } /* line 165, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__subtitle { margin: 0.125rem 0 0; font-size: 0.8125rem; color: var(--portal-muted, #6c757d); } /* line 171, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__time { font-size: 0.75rem; color: var(--portal-muted, #6c757d); white-space: nowrap; flex-shrink: 0; } /* line 179, app/assets/stylesheets/_super_admin.scss */ .sadmin-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; padding: 0; } /* line 185, app/assets/stylesheets/_super_admin.scss */ .sadmin-actions .dsh-btn { width: 100%; justify-content: center; } @media (max-width: 575px) { /* line 179, app/assets/stylesheets/_super_admin.scss */ .sadmin-actions { grid-template-columns: 1fr; } } /* line 196, app/assets/stylesheets/_super_admin.scss */ .sadmin-sidebar .sadmin-sidebar__divider { height: 1px; margin: 0.75rem 1rem; background: var(--portal-border, rgba(0, 0, 0, 0.08)); } /* line 203, app/assets/stylesheets/_super_admin.scss */ .topbar-sadmin-badge { margin-left: 0.5rem; vertical-align: middle; } /* Five KPI cards on wide screens; share the 2-col mobile grid with .dsh-grid--kpi */ @media (min-width: 1400px) { /* line 209, app/assets/stylesheets/_super_admin.scss */ .dsh-grid--kpi-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (max-width: 767px) { /* line 216, app/assets/stylesheets/_super_admin.scss */ .navbar-brand .plat-badge { display: none; } /* line 220, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__item { flex-wrap: wrap; gap: 0.5rem 0.875rem; padding: 0.75rem 1rem; } /* line 226, app/assets/stylesheets/_super_admin.scss */ .sadmin-activity__time { width: 100%; padding-left: 2.875rem; white-space: normal; } /* line 232, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription { padding: 0; } /* line 235, app/assets/stylesheets/_super_admin.scss */ .sadmin-subscription__name { font-size: 1.1rem; } /* line 240, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl { grid-template-columns: 1fr 1fr; gap: 0.75rem; } } @media (max-width: 575px) { /* line 247, app/assets/stylesheets/_super_admin.scss */ .sadmin-dl { grid-template-columns: 1fr; } } /* line 253, app/assets/stylesheets/_super_admin.scss */ [data-theme='dark'] .sadmin-alert--warn { background: rgba(255, 193, 7, 0.08); } /* line 257, app/assets/stylesheets/_super_admin.scss */ [data-theme='dark'] .sadmin-alert--danger { background: rgba(220, 53, 69, 0.12); } /* line 261, app/assets/stylesheets/_super_admin.scss */ [data-theme='dark'] .sadmin-activity__item { border-bottom-color: var(--portal-border, rgba(255, 255, 255, 0.08)); } /* @group Base */ /* line 5, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 11, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container * { box-sizing: border-box; } /* line 14, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid var(--portal-line, #e7eaf3); background: var(--portal-surface, #fff); clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); } /* line 24, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container.chosen-with-drop .chosen-drop { clip: auto; clip-path: none; } /* line 28, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container a { cursor: pointer; } /* line 33, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } /* line 40, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ /* line 52, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 40px; border: 1px solid var(--portal-line, #e7eaf3); border-radius: 10px; background-color: var(--portal-surface, #fff); background: var(--portal-surface, #fff); background-clip: padding-box; color: var(--portal-slate, #4a5568); text-decoration: none; white-space: nowrap; line-height: 38px; padding-left: 16px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } /* line 70, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-default { color: #999; } /* line 73, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } /* line 80, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } /* line 83, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat; font-size: 1px; } /* line 92, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } /* line 96, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } /* line 99, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } /* line 106, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 0px 2px; } /* line 113, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } /* line 120, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 8px 12px; width: 100%; height: auto; outline: 0; border: 1px solid var(--portal-line, #e7eaf3); border-radius: 8px; background: var(--portal-surface, #fff); font-size: 13.5px; font-family: inherit; line-height: normal; color: var(--portal-ink, #0f1729); } /* line 135, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single .chosen-drop { margin-top: 4px; border-radius: 12px; border: 1px solid var(--portal-line, #e7eaf3); background-clip: padding-box; box-shadow: var(--portal-shadow-sm, 0 8px 24px -12px rgba(23, 43, 99, 0.18)); } /* line 142, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ /* line 151, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results { color: var(--portal-slate, #4a5568); position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(79, 70, 229, 0.55) transparent; } /* line 163, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results::-webkit-scrollbar { width: 8px; } /* line 167, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results::-webkit-scrollbar-track { background: transparent; } /* line 171, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results::-webkit-scrollbar-thumb { background: rgba(79, 70, 229, 0.55); border-radius: 99px; } /* line 176, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover { background: rgba(79, 70, 229, 0.75); } /* line 179, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } /* line 187, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } /* line 191, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } /* line 196, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.highlighted { background: var(--portal-hover-fill-strong, rgba(79, 70, 229, 0.1)); background-image: none; color: var(--portal-primary, #4F46E5); } /* line 201, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } /* line 206, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } /* line 211, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li.group-option { padding-left: 15px; } /* line 214, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ /* line 224, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 8px; width: 100%; height: auto; border: 1px solid var(--portal-line, #e7eaf3); border-radius: 10px; background-color: var(--portal-surface, #fff); cursor: text; } /* line 236, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li { float: left; list-style: none; } /* line 239, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } /* line 243, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 40px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } /* line 259, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } /* line 275, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } /* line 278, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat; font-size: 1px; } /* line 287, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } /* line 292, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } /* line 299, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } /* line 301, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } /* line 306, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-results { margin: 0; padding: 0; } /* line 310, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ /* line 320, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active .chosen-single { border: 1px solid var(--portal-primary, #4F46E5); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 325, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid var(--portal-primary, #4F46E5); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: var(--portal-surface, #fff); background-image: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 333, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } /* line 336, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } /* line 341, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active .chosen-choices { border: 1px solid var(--portal-primary, #4F46E5); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* line 344, app/assets/stylesheets/_chosen_theme.scss */ .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: var(--portal-ink, #0f1729) !important; } /* @end */ /* @group Disabled Support */ /* line 352, app/assets/stylesheets/_chosen_theme.scss */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } /* line 355, app/assets/stylesheets/_chosen_theme.scss */ .chosen-disabled .chosen-single { cursor: default; } /* line 358, app/assets/stylesheets/_chosen_theme.scss */ .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ /* line 365, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl { text-align: right; } /* line 367, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } /* line 371, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } /* line 376, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } /* line 379, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-single div { right: auto; left: 3px; } /* line 383, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } /* line 387, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-choices li { float: right; } /* line 389, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } /* line 392, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } /* line 395, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } /* line 401, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } /* line 405, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } /* line 409, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } /* line 412, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat -30px -20px; direction: rtl; } /* line 418, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } /* line 422, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 433, app/assets/stylesheets/_chosen_theme.scss */ .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(/assets/chosen-sprite@2x-f811c9f3282470438df5d1b7fe6faf244a0a17124591b467957a91634aac16e8.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /* Portal-themed Flatpickr — matches filter dropdown / form field styling. */ /* Suppress the native browser date/month picker chrome until Flatpickr replaces it. */ /* line 20, app/assets/stylesheets/_flatpickr_theme.scss */ .main-content input.form-control[type="date"]:not(.flatpickr-input), .main-content input.form-control[type="month"]:not(.flatpickr-input), .main-content input.form-control[type="datetime-local"]:not(.flatpickr-input), .lpage-filters input.form-control[type="date"]:not(.flatpickr-input), .lpage-filters input.form-control[type="month"]:not(.flatpickr-input), .lpage-filters input.form-control[type="datetime-local"]:not(.flatpickr-input), .modal-body input.form-control[type="date"]:not(.flatpickr-input), .modal-body input.form-control[type="month"]:not(.flatpickr-input), .modal-body input.form-control[type="datetime-local"]:not(.flatpickr-input), .fpage-card input.form-control[type="date"]:not(.flatpickr-input), .fpage-card input.form-control[type="month"]:not(.flatpickr-input), .fpage-card input.form-control[type="datetime-local"]:not(.flatpickr-input), .onb__form input.form-control[type="date"]:not(.flatpickr-input), .onb__form input.form-control[type="month"]:not(.flatpickr-input), .onb__form input.form-control[type="datetime-local"]:not(.flatpickr-input), .auth-main-content input.form-control[type="date"]:not(.flatpickr-input), .auth-main-content input.form-control[type="month"]:not(.flatpickr-input), .auth-main-content input.form-control[type="datetime-local"]:not(.flatpickr-input), .dsh input.form-control[type="date"]:not(.flatpickr-input), .dsh input.form-control[type="month"]:not(.flatpickr-input), .dsh input.form-control[type="datetime-local"]:not(.flatpickr-input) { position: relative; -moz-appearance: none; appearance: none; -webkit-appearance: none; } /* line 27, app/assets/stylesheets/_flatpickr_theme.scss */ .main-content input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .main-content input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .main-content input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .lpage-filters input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .lpage-filters input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .lpage-filters input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .modal-body input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .modal-body input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .modal-body input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .fpage-card input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .fpage-card input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .fpage-card input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .onb__form input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .onb__form input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .onb__form input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .auth-main-content input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .auth-main-content input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .auth-main-content input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .dsh input.form-control[type="date"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .dsh input.form-control[type="month"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator, .dsh input.form-control[type="datetime-local"]:not(.flatpickr-input)::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; } /* line 38, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr, .flatpickr-calendar { background: var(--dsh-surface, var(--portal-surface, #fff)); border: 1px solid var(--dsh-border, var(--portal-line, #e7eaf3)); border-radius: 12px; box-shadow: var(--dsh-shadow-pop, var(--portal-shadow-sm, 0 12px 28px rgba(15, 23, 42, 0.16))); font-family: "Nunito", sans-serif; width: 300px; padding: 6px 4px 8px; z-index: 10050; } /* line 49, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr::before, .flatpickr-calendar.portal-flatpickr::after, .flatpickr-calendar::before, .flatpickr-calendar::after { display: none; } /* line 54, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr.arrowTop::before, .flatpickr-calendar.portal-flatpickr.arrowTop::after, .flatpickr-calendar.portal-flatpickr.arrowBottom::before, .flatpickr-calendar.portal-flatpickr.arrowBottom::after, .flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { display: none; } /* line 62, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-months, .flatpickr-months { padding: 4px 6px 2px; } /* line 66, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-month { height: 36px; color: var(--dsh-text, var(--portal-ink, #0f1729)); } /* line 71, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { height: 36px; padding: 8px 10px; border-radius: 8px; fill: var(--dsh-text-3, var(--portal-muted, #6b7385)); color: var(--dsh-text-3, var(--portal-muted, #6b7385)); transition: background 0.15s ease, fill 0.15s ease, color 0.15s ease; } /* line 80, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { background: var(--dsh-soft-indigo, rgba(79, 70, 229, 0.1)); fill: var(--dsh-primary, var(--portal-primary, #4F46E5)); color: var(--dsh-primary, var(--portal-primary, #4F46E5)); } /* line 86, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-calendar.portal-flatpickr .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { fill: currentColor !important; } /* line 92, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-current-month, .flatpickr-current-month { font-size: 14px; font-weight: 700; color: var(--dsh-text, var(--portal-ink, #0f1729)); padding-top: 6px; } /* line 99, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar.portal-flatpickr .flatpickr-current-month input.cur-year, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-weight: 700; color: var(--dsh-text, var(--portal-ink, #0f1729)); } /* line 105, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-current-month input.cur-year:hover, .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-current-month input.cur-year:hover { background: var(--dsh-soft-indigo, rgba(79, 70, 229, 0.1)); } /* line 110, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-current-month .numInputWrapper span.arrowUp:after, .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: var(--dsh-text, var(--portal-ink, #0f1729)); } /* line 114, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-current-month .numInputWrapper span.arrowDown:after, .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: var(--dsh-text, var(--portal-ink, #0f1729)); } /* line 119, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr span.flatpickr-weekday, span.flatpickr-weekday { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dsh-text-3, var(--portal-muted, #6b7385)); background: transparent; } /* line 129, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day, .flatpickr-day { max-width: 36px; height: 36px; line-height: 34px; border-radius: 9px; color: var(--dsh-text-2, var(--portal-slate, #4a5568)); font-size: 13px; font-weight: 600; border: 1px solid transparent; } /* line 140, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-day:focus, .flatpickr-day:hover, .flatpickr-day:focus { background: var(--dsh-soft-indigo, rgba(79, 70, 229, 0.1)) !important; border-color: transparent !important; color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; box-shadow: none !important; } /* line 148, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day.today, .flatpickr-day.today { border-color: rgba(79, 70, 229, 0.35); color: var(--dsh-primary, var(--portal-primary, #4F46E5)); } /* line 152, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day.today:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-day.today:focus, .flatpickr-day.today:hover, .flatpickr-day.today:focus { background: rgba(79, 70, 229, 0.12) !important; border-color: rgba(79, 70, 229, 0.35) !important; color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; } /* line 160, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected:focus, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange:focus, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange:focus, .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; border-color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; color: #fff !important; box-shadow: none !important; } /* line 184, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.prevMonthDay.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.nextMonthDay.inRange, .flatpickr-calendar.portal-flatpickr .flatpickr-day.today.inRange, .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange { background: rgba(79, 70, 229, 0.12) !important; border-color: transparent !important; box-shadow: none !important; color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; } /* line 194, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-day.prevMonthDay, .flatpickr-calendar.portal-flatpickr .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: var(--dsh-text-3, var(--portal-muted, #6b7385)); opacity: 0.55; } /* line 201, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-time, .flatpickr-time { border-top: 1px solid var(--dsh-border, var(--portal-line, #e7eaf3)); } /* line 205, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-time input, .flatpickr-calendar.portal-flatpickr .flatpickr-time .flatpickr-am-pm, .flatpickr-time input, .flatpickr-time .flatpickr-am-pm { color: var(--dsh-text, var(--portal-ink, #0f1729)); font-weight: 600; } /* line 211, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-time input:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-time input:focus, .flatpickr-calendar.portal-flatpickr .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time input:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus { background: var(--dsh-soft-indigo, rgba(79, 70, 229, 0.1)); } /* Month-only picker plugin */ /* line 220, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months, .flatpickr-monthSelect-months { margin: 0; padding: 4px; } /* line 225, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month, .flatpickr-monthSelect-months .flatpickr-monthSelect-month { border-radius: 9px; font-size: 13px; font-weight: 600; color: var(--dsh-text-2, var(--portal-slate, #4a5568)); background: transparent; border: 1px solid transparent; } /* line 233, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus, .flatpickr-monthSelect-months .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus { background: var(--dsh-soft-indigo, rgba(79, 70, 229, 0.1)) !important; color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; border-color: transparent !important; } /* line 240, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today { border-color: rgba(79, 70, 229, 0.35); color: var(--dsh-primary, var(--portal-primary, #4F46E5)); } /* line 245, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange:hover, .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange:hover { background: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; color: #fff !important; border: none !important; } /* line 256, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar.portal-flatpickr .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange { background: rgba(79, 70, 229, 0.12) !important; color: var(--dsh-primary, var(--portal-primary, #4F46E5)) !important; box-shadow: none !important; } /* line 264, app/assets/stylesheets/_flatpickr_theme.scss */ .flatpickr-calendar:not(.open):not(.inline) { pointer-events: none; } /* In-place picker inputs — no duplicate altInput nodes. */ /* line 276, app/assets/stylesheets/_flatpickr_theme.scss */ .main-content input.form-control[type="date"], .main-content input.form-control[type="month"], .main-content input.form-control[type="datetime-local"], .main-content input.form-control.flatpickr-input:not([type="hidden"]), .lpage-filters input.form-control[type="date"], .lpage-filters input.form-control[type="month"], .lpage-filters input.form-control[type="datetime-local"], .lpage-filters input.form-control.flatpickr-input:not([type="hidden"]), .modal-body input.form-control[type="date"], .modal-body input.form-control[type="month"], .modal-body input.form-control[type="datetime-local"], .modal-body input.form-control.flatpickr-input:not([type="hidden"]), .fpage-card input.form-control[type="date"], .fpage-card input.form-control[type="month"], .fpage-card input.form-control[type="datetime-local"], .fpage-card input.form-control.flatpickr-input:not([type="hidden"]), .onb__form input.form-control[type="date"], .onb__form input.form-control[type="month"], .onb__form input.form-control[type="datetime-local"], .onb__form input.form-control.flatpickr-input:not([type="hidden"]), .auth-main-content input.form-control[type="date"], .auth-main-content input.form-control[type="month"], .auth-main-content input.form-control[type="datetime-local"], .auth-main-content input.form-control.flatpickr-input:not([type="hidden"]), .dsh input.form-control[type="date"], .dsh input.form-control[type="month"], .dsh input.form-control[type="datetime-local"], .dsh input.form-control.flatpickr-input:not([type="hidden"]) { min-height: 42px; background-color: var(--dsh-surface, var(--portal-surface, #fff)); cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7385' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 38px; } /* line 292, app/assets/stylesheets/_flatpickr_theme.scss */ html[data-theme="dark"] .flatpickr-calendar.portal-flatpickr, html[data-theme="dark"] .flatpickr-calendar { background: var(--dsh-surface, #151c2c); border-color: var(--dsh-border, #2a3347); } /* line 298, app/assets/stylesheets/_flatpickr_theme.scss */ html[data-theme="dark"] .flatpickr-day.prevMonthDay, html[data-theme="dark"] .flatpickr-day.nextMonthDay { color: var(--dsh-text-3, #94a3b8); } /* line 303, app/assets/stylesheets/_flatpickr_theme.scss */ html[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months, html[data-theme="dark"] .flatpickr-current-month input.cur-year { color: var(--dsh-text, #f8fafc); } /* line 28, app/assets/stylesheets/application.scss */ .required > label:after { content: "*"; margin-left: 2px; color: red; } /* line 33, app/assets/stylesheets/application.scss */ a.link_tag { text-decoration: none; color: inherit; } /* line 37, app/assets/stylesheets/application.scss */ a.link_tag:hover { text-decoration: none; color: inherit; } /* line 41, app/assets/stylesheets/application.scss */ .switch { position: relative; display: inline-block; width: 47px; height: 20px; } /* line 48, app/assets/stylesheets/application.scss */ .switch input { opacity: 0; width: 0; height: 0; } /* line 54, app/assets/stylesheets/application.scss */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; } /* line 66, app/assets/stylesheets/application.scss */ .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; } /* line 78, app/assets/stylesheets/application.scss */ input:checked + .slider { background-color: #2196f3; } /* line 82, app/assets/stylesheets/application.scss */ input:focus + .slider { box-shadow: 0 0 1px #2196f3; } /* line 86, app/assets/stylesheets/application.scss */ input:checked + .slider:before { transform: translateX(26px); } /* Rounded sliders */ /* line 93, app/assets/stylesheets/application.scss */ .slider.round { border-radius: 34px; } /* line 97, app/assets/stylesheets/application.scss */ .slider.round:before { border-radius: 50%; } /* line 101, app/assets/stylesheets/application.scss */ .search-list { max-height: 300px; overflow: auto; width: auto; } /* line 107, app/assets/stylesheets/application.scss */ .search-list-product { position: fixed !important; top: 0px !important; left: 0px !important; width: 100% !important; z-index: 9999; border: 10px solid var(--dsh-primary); transform: none !important; } /* line 117, app/assets/stylesheets/application.scss */ .category-dropdown-list { max-height: 100px; overflow: auto; width: 100%; } /* line 123, app/assets/stylesheets/application.scss */ .searchclear { position: absolute; top: 24%; left: 89.4%; opacity: 0; pointer-events: auto; text-decoration: none; cursor: pointer; } /* line 133, app/assets/stylesheets/application.scss */ .width-inherit { width: inherit; } /* line 137, app/assets/stylesheets/application.scss */ .order-listing { float: left; height: 34px; display: block; text-align: center; background-color: #fff; border-radius: 4em; font-size: 24px; color: #000; padding: 0 0.3em; margin: 10px 5px 0px 0px; } /* line 150, app/assets/stylesheets/application.scss */ .truncate { width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 157, app/assets/stylesheets/application.scss */ .sku-width { width: 140px; } /* line 161, app/assets/stylesheets/application.scss */ .img-height { height: 60px !important; width: 50px !important; } /* line 166, app/assets/stylesheets/application.scss */ .card-style { background: #5cacdf; padding: 15px 0px; color: white; border-radius: 10px; font-size: 12px; } /* line 174, app/assets/stylesheets/application.scss */ .card-style2 { color: white !important; font-size: 12px; padding: 5px; margin-top: 5px; border-radius: 10px; } /* line 182, app/assets/stylesheets/application.scss */ .col-padding { padding: 2px !important; } /* line 186, app/assets/stylesheets/application.scss */ .bg-success-light { background: #8cb225; } /* line 190, app/assets/stylesheets/application.scss */ .bg-success-dark { background: #354700; } /* line 194, app/assets/stylesheets/application.scss */ .bg-danger-dark { background: #760611; } /* line 198, app/assets/stylesheets/application.scss */ .heading-table { color: white; text-align: center; margin-bottom: 4px !important; border-top-right-radius: 6px; border-top-left-radius: 6px; font-size: 17px; font-weight: bold; } /* line 208, app/assets/stylesheets/application.scss */ .table-value { text-align: center; color: white; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* line 215, app/assets/stylesheets/application.scss */ .click_able_cursor { cursor: pointer; } /* line 219, app/assets/stylesheets/application.scss */ .form-control-checkbox { height: 28px; } /* line 223, app/assets/stylesheets/application.scss */ .red-dot { height: 20px; width: 20px; border-radius: 50%; background-color: red; } /* line 230, app/assets/stylesheets/application.scss */ .green-dot { height: 20px; width: 20px; border-radius: 50%; background-color: green; } /* line 237, app/assets/stylesheets/application.scss */ .cover-spin { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.42); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* line 249, app/assets/stylesheets/application.scss */ .loading { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; border-radius: 24px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(230, 234, 240, 0.9); box-shadow: 0 18px 40px -18px rgba(15, 23, 42, 0.28), 0 1px 2px rgba(15, 23, 42, 0.04); } /* line 263, app/assets/stylesheets/application.scss */ .loading__orb { position: relative; width: 42px; height: 42px; display: block; } /* line 270, app/assets/stylesheets/application.scss */ .loading__ring { position: absolute; inset: 0; border-radius: 50%; border: 2.5px solid transparent; box-sizing: border-box; } /* line 278, app/assets/stylesheets/application.scss */ .loading__ring--outer { border-top-color: var(--portal-primary, #4F46E5); border-right-color: var(--portal-primary, #4F46E5); animation: loading-spin 0.9s cubic-bezier(0.55, 0.15, 0.35, 0.85) infinite; } /* line 284, app/assets/stylesheets/application.scss */ .loading__ring--inner { inset: 8px; border-bottom-color: #B45309; border-left-color: rgba(180, 83, 9, 0.35); animation: loading-spin-rev 1.25s cubic-bezier(0.55, 0.15, 0.35, 0.85) infinite; } /* line 291, app/assets/stylesheets/application.scss */ .loading__core { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: linear-gradient(135deg, var(--portal-primary, #4F46E5), #B45309); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); animation: loading-pulse 1.4s ease-in-out infinite; } @keyframes loading-spin { to { transform: rotate(360deg); } } @keyframes loading-spin-rev { to { transform: rotate(-360deg); } } @keyframes loading-pulse { 0%, 100% { transform: scale(0.85); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } } /* line 324, app/assets/stylesheets/application.scss */ html[data-theme="dark"] .cover-spin { background: rgba(8, 11, 20, 0.62); } /* line 328, app/assets/stylesheets/application.scss */ html[data-theme="dark"] .loading { background: rgba(16, 21, 34, 0.94); border-color: rgba(43, 55, 75, 0.9); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04); } /* line 336, app/assets/stylesheets/application.scss */ html[data-theme="dark"] .loading__core { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18); } /* line 341, app/assets/stylesheets/application.scss */ .alocate-buttons { position: absolute; top: 0px; right: -40px; cursor: pointer; display: none; } /* line 349, app/assets/stylesheets/application.scss */ .alocate-buttons:hover { display: block !important; } /* line 353, app/assets/stylesheets/application.scss */ .buttons-container { background-color: aqua; border-radius: 50%; } /* line 359, app/assets/stylesheets/application.scss */ .card-style:hover .alocate-buttons { display: block !important; } /* line 364, app/assets/stylesheets/application.scss */ .fake-stock-bg-color { background-color: #eeeef8 !important; } /* line 368, app/assets/stylesheets/application.scss */ .cursor-pointer { cursor: pointer !important; } /* line 371, app/assets/stylesheets/application.scss */ .font-sm { font-size: 11px !important; } /* line 374, app/assets/stylesheets/application.scss */ .header-font-size { font-size: 12px !important; } /* line 378, app/assets/stylesheets/application.scss */ .table-padding th, .table-padding td { padding: 10px !important; } /* line 382, app/assets/stylesheets/application.scss */ .content-job-status { display: none; } /* line 386, app/assets/stylesheets/application.scss */ .expanded-header { background-color: #d9d9d9 !important; } /* line 390, app/assets/stylesheets/application.scss */ .rotate { transform: rotate(90deg); padding: 10px !important; } /* line 395, app/assets/stylesheets/application.scss */ .checkbox-size { height: 30px; width: 30px; } /* line 400, app/assets/stylesheets/application.scss */ .tr_report { background-color: #e6e6e6; } /* line 404, app/assets/stylesheets/application.scss */ .eye-button-pin { position: absolute; right: 20px; bottom: 12px; height: 20px; width: 20px; } /* line 413, app/assets/stylesheets/application.scss */ .a-unstyled, .a-unstyled:link, .a-unstyled:visited, .a-unstyled:hover, .a-unstyled:active, .a-unstyled:active:hover { color: inherit; text-decoration: none; /*font-style: inherit; background-color: transparent; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inheri t; font-family: inherit; border-radius: inherit; border: inherit; outline: inherit; box-shadow: inherit; padding: inherit; vertical-align: inherit;*/ } /* line 438, app/assets/stylesheets/application.scss */ .hover-text-white:hover { color: #fff !important; }