@charset "UTF-8"; /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} .fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em} .fa-xs{font-size:.75em} .fa-sm{font-size:.875em} .fa-1x{font-size:1em} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-6x{font-size:6em} .fa-7x{font-size:7em} .fa-8x{font-size:8em} .fa-9x{font-size:9em} .fa-10x{font-size:10em} .fa-fw{text-align:center;width:1.25em} .fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0} .fa-ul>li{position:relative} .fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit} .fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em} .fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite} .fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)} .fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)} .fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"} .fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)} :root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none} .fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em} .fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-500px:before{content:"\f26e"} .fa-accessible-icon:before{content:"\f368"} .fa-accusoft:before{content:"\f369"} .fa-acquisitions-incorporated:before{content:"\f6af"} .fa-ad:before{content:"\f641"} .fa-address-book:before{content:"\f2b9"} .fa-address-card:before{content:"\f2bb"} .fa-adjust:before{content:"\f042"} .fa-adn:before{content:"\f170"} .fa-adversal:before{content:"\f36a"} .fa-affiliatetheme:before{content:"\f36b"} .fa-air-freshener:before{content:"\f5d0"} .fa-airbnb:before{content:"\f834"} .fa-algolia:before{content:"\f36c"} .fa-align-center:before{content:"\f037"} .fa-align-justify:before{content:"\f039"} .fa-align-left:before{content:"\f036"} .fa-align-right:before{content:"\f038"} .fa-alipay:before{content:"\f642"} .fa-allergies:before{content:"\f461"} .fa-amazon:before{content:"\f270"} .fa-amazon-pay:before{content:"\f42c"} .fa-ambulance:before{content:"\f0f9"} .fa-american-sign-language-interpreting:before{content:"\f2a3"} .fa-amilia:before{content:"\f36d"} .fa-anchor:before{content:"\f13d"} .fa-android:before{content:"\f17b"} .fa-angellist:before{content:"\f209"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-down:before{content:"\f107"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angry:before{content:"\f556"} .fa-angrycreative:before{content:"\f36e"} .fa-angular:before{content:"\f420"} .fa-ankh:before{content:"\f644"} .fa-app-store:before{content:"\f36f"} .fa-app-store-ios:before{content:"\f370"} .fa-apper:before{content:"\f371"} .fa-apple:before{content:"\f179"} .fa-apple-alt:before{content:"\f5d1"} .fa-apple-pay:before{content:"\f415"} .fa-archive:before{content:"\f187"} .fa-archway:before{content:"\f557"} .fa-arrow-alt-circle-down:before{content:"\f358"} .fa-arrow-alt-circle-left:before{content:"\f359"} .fa-arrow-alt-circle-right:before{content:"\f35a"} .fa-arrow-alt-circle-up:before{content:"\f35b"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-down:before{content:"\f063"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrows-alt:before{content:"\f0b2"} .fa-arrows-alt-h:before{content:"\f337"} .fa-arrows-alt-v:before{content:"\f338"} .fa-artstation:before{content:"\f77a"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-asterisk:before{content:"\f069"} .fa-asymmetrik:before{content:"\f372"} .fa-at:before{content:"\f1fa"} .fa-atlas:before{content:"\f558"} .fa-atlassian:before{content:"\f77b"} .fa-atom:before{content:"\f5d2"} .fa-audible:before{content:"\f373"} .fa-audio-description:before{content:"\f29e"} .fa-autoprefixer:before{content:"\f41c"} .fa-avianex:before{content:"\f374"} .fa-aviato:before{content:"\f421"} .fa-award:before{content:"\f559"} .fa-aws:before{content:"\f375"} .fa-baby:before{content:"\f77c"} .fa-baby-carriage:before{content:"\f77d"} .fa-backspace:before{content:"\f55a"} .fa-backward:before{content:"\f04a"} .fa-bacon:before{content:"\f7e5"} .fa-bacteria:before{content:"\e059"} .fa-bacterium:before{content:"\e05a"} .fa-bahai:before{content:"\f666"} .fa-balance-scale:before{content:"\f24e"} .fa-balance-scale-left:before{content:"\f515"} .fa-balance-scale-right:before{content:"\f516"} .fa-ban:before{content:"\f05e"} .fa-band-aid:before{content:"\f462"} .fa-bandcamp:before{content:"\f2d5"} .fa-barcode:before{content:"\f02a"} .fa-bars:before{content:"\f0c9"} .fa-baseball-ball:before{content:"\f433"} .fa-basketball-ball:before{content:"\f434"} .fa-bath:before{content:"\f2cd"} .fa-battery-empty:before{content:"\f244"} .fa-battery-full:before{content:"\f240"} .fa-battery-half:before{content:"\f242"} .fa-battery-quarter:before{content:"\f243"} .fa-battery-three-quarters:before{content:"\f241"} .fa-battle-net:before{content:"\f835"} .fa-bed:before{content:"\f236"} .fa-beer:before{content:"\f0fc"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-bell:before{content:"\f0f3"} .fa-bell-slash:before{content:"\f1f6"} .fa-bezier-curve:before{content:"\f55b"} .fa-bible:before{content:"\f647"} .fa-bicycle:before{content:"\f206"} .fa-biking:before{content:"\f84a"} .fa-bimobject:before{content:"\f378"} .fa-binoculars:before{content:"\f1e5"} .fa-biohazard:before{content:"\f780"} .fa-birthday-cake:before{content:"\f1fd"} .fa-bitbucket:before{content:"\f171"} .fa-bitcoin:before{content:"\f379"} .fa-bity:before{content:"\f37a"} .fa-black-tie:before{content:"\f27e"} .fa-blackberry:before{content:"\f37b"} .fa-blender:before{content:"\f517"} .fa-blender-phone:before{content:"\f6b6"} .fa-blind:before{content:"\f29d"} .fa-blog:before{content:"\f781"} .fa-blogger:before{content:"\f37c"} .fa-blogger-b:before{content:"\f37d"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-bold:before{content:"\f032"} .fa-bolt:before{content:"\f0e7"} .fa-bomb:before{content:"\f1e2"} .fa-bone:before{content:"\f5d7"} .fa-bong:before{content:"\f55c"} .fa-book:before{content:"\f02d"} .fa-book-dead:before{content:"\f6b7"} .fa-book-medical:before{content:"\f7e6"} .fa-book-open:before{content:"\f518"} .fa-book-reader:before{content:"\f5da"} .fa-bookmark:before{content:"\f02e"} .fa-bootstrap:before{content:"\f836"} .fa-border-all:before{content:"\f84c"} .fa-border-none:before{content:"\f850"} .fa-border-style:before{content:"\f853"} .fa-bowling-ball:before{content:"\f436"} .fa-box:before{content:"\f466"} .fa-box-open:before{content:"\f49e"} .fa-box-tissue:before{content:"\e05b"} .fa-boxes:before{content:"\f468"} .fa-braille:before{content:"\f2a1"} .fa-brain:before{content:"\f5dc"} .fa-bread-slice:before{content:"\f7ec"} .fa-briefcase:before{content:"\f0b1"} .fa-briefcase-medical:before{content:"\f469"} .fa-broadcast-tower:before{content:"\f519"} .fa-broom:before{content:"\f51a"} .fa-brush:before{content:"\f55d"} .fa-btc:before{content:"\f15a"} .fa-buffer:before{content:"\f837"} .fa-bug:before{content:"\f188"} .fa-building:before{content:"\f1ad"} .fa-bullhorn:before{content:"\f0a1"} .fa-bullseye:before{content:"\f140"} .fa-burn:before{content:"\f46a"} .fa-buromobelexperte:before{content:"\f37f"} .fa-bus:before{content:"\f207"} .fa-bus-alt:before{content:"\f55e"} .fa-business-time:before{content:"\f64a"} .fa-buy-n-large:before{content:"\f8a6"} .fa-buysellads:before{content:"\f20d"} .fa-calculator:before{content:"\f1ec"} .fa-calendar:before{content:"\f133"} .fa-calendar-alt:before{content:"\f073"} .fa-calendar-check:before{content:"\f274"} .fa-calendar-day:before{content:"\f783"} .fa-calendar-minus:before{content:"\f272"} .fa-calendar-plus:before{content:"\f271"} .fa-calendar-times:before{content:"\f273"} .fa-calendar-week:before{content:"\f784"} .fa-camera:before{content:"\f030"} .fa-camera-retro:before{content:"\f083"} .fa-campground:before{content:"\f6bb"} .fa-canadian-maple-leaf:before{content:"\f785"} .fa-candy-cane:before{content:"\f786"} .fa-cannabis:before{content:"\f55f"} .fa-capsules:before{content:"\f46b"} .fa-car:before{content:"\f1b9"} .fa-car-alt:before{content:"\f5de"} .fa-car-battery:before{content:"\f5df"} .fa-car-crash:before{content:"\f5e1"} .fa-car-side:before{content:"\f5e4"} .fa-caravan:before{content:"\f8ff"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-caret-square-down:before{content:"\f150"} .fa-caret-square-left:before{content:"\f191"} .fa-caret-square-right:before{content:"\f152"} .fa-caret-square-up:before{content:"\f151"} .fa-caret-up:before{content:"\f0d8"} .fa-carrot:before{content:"\f787"} .fa-cart-arrow-down:before{content:"\f218"} .fa-cart-plus:before{content:"\f217"} .fa-cash-register:before{content:"\f788"} .fa-cat:before{content:"\f6be"} .fa-cc-amazon-pay:before{content:"\f42d"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-apple-pay:before{content:"\f416"} .fa-cc-diners-club:before{content:"\f24c"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-cc-visa:before{content:"\f1f0"} .fa-centercode:before{content:"\f380"} .fa-centos:before{content:"\f789"} .fa-certificate:before{content:"\f0a3"} .fa-chair:before{content:"\f6c0"} .fa-chalkboard:before{content:"\f51b"} .fa-chalkboard-teacher:before{content:"\f51c"} .fa-charging-station:before{content:"\f5e7"} .fa-chart-area:before{content:"\f1fe"} .fa-chart-bar:before{content:"\f080"} .fa-chart-line:before{content:"\f201"} .fa-chart-pie:before{content:"\f200"} .fa-check:before{content:"\f00c"} .fa-check-circle:before{content:"\f058"} .fa-check-double:before{content:"\f560"} .fa-check-square:before{content:"\f14a"} .fa-cheese:before{content:"\f7ef"} .fa-chess:before{content:"\f439"} .fa-chess-bishop:before{content:"\f43a"} .fa-chess-board:before{content:"\f43c"} .fa-chess-king:before{content:"\f43f"} .fa-chess-knight:before{content:"\f441"} .fa-chess-pawn:before{content:"\f443"} .fa-chess-queen:before{content:"\f445"} .fa-chess-rook:before{content:"\f447"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-down:before{content:"\f078"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-chevron-up:before{content:"\f077"} .fa-child:before{content:"\f1ae"} .fa-chrome:before{content:"\f268"} .fa-chromecast:before{content:"\f838"} .fa-church:before{content:"\f51d"} .fa-circle:before{content:"\f111"} .fa-circle-notch:before{content:"\f1ce"} .fa-city:before{content:"\f64f"} .fa-clinic-medical:before{content:"\f7f2"} .fa-clipboard:before{content:"\f328"} .fa-clipboard-check:before{content:"\f46c"} .fa-clipboard-list:before{content:"\f46d"} .fa-clock:before{content:"\f017"} .fa-clone:before{content:"\f24d"} .fa-closed-captioning:before{content:"\f20a"} .fa-cloud:before{content:"\f0c2"} .fa-cloud-download-alt:before{content:"\f381"} .fa-cloud-meatball:before{content:"\f73b"} .fa-cloud-moon:before{content:"\f6c3"} .fa-cloud-moon-rain:before{content:"\f73c"} .fa-cloud-rain:before{content:"\f73d"} .fa-cloud-showers-heavy:before{content:"\f740"} .fa-cloud-sun:before{content:"\f6c4"} .fa-cloud-sun-rain:before{content:"\f743"} .fa-cloud-upload-alt:before{content:"\f382"} .fa-cloudflare:before{content:"\e07d"} .fa-cloudscale:before{content:"\f383"} .fa-cloudsmith:before{content:"\f384"} .fa-cloudversify:before{content:"\f385"} .fa-cocktail:before{content:"\f561"} .fa-code:before{content:"\f121"} .fa-code-branch:before{content:"\f126"} .fa-codepen:before{content:"\f1cb"} .fa-codiepie:before{content:"\f284"} .fa-coffee:before{content:"\f0f4"} .fa-cog:before{content:"\f013"} .fa-cogs:before{content:"\f085"} .fa-coins:before{content:"\f51e"} .fa-columns:before{content:"\f0db"} .fa-comment:before{content:"\f075"} .fa-comment-alt:before{content:"\f27a"} .fa-comment-dollar:before{content:"\f651"} .fa-comment-dots:before{content:"\f4ad"} .fa-comment-medical:before{content:"\f7f5"} .fa-comment-slash:before{content:"\f4b3"} .fa-comments:before{content:"\f086"} .fa-comments-dollar:before{content:"\f653"} .fa-compact-disc:before{content:"\f51f"} .fa-compass:before{content:"\f14e"} .fa-compress:before{content:"\f066"} .fa-compress-alt:before{content:"\f422"} .fa-compress-arrows-alt:before{content:"\f78c"} .fa-concierge-bell:before{content:"\f562"} .fa-confluence:before{content:"\f78d"} .fa-connectdevelop:before{content:"\f20e"} .fa-contao:before{content:"\f26d"} .fa-cookie:before{content:"\f563"} .fa-cookie-bite:before{content:"\f564"} .fa-copy:before{content:"\f0c5"} .fa-copyright:before{content:"\f1f9"} .fa-cotton-bureau:before{content:"\f89e"} .fa-couch:before{content:"\f4b8"} .fa-cpanel:before{content:"\f388"} .fa-creative-commons:before{content:"\f25e"} .fa-creative-commons-by:before{content:"\f4e7"} .fa-creative-commons-nc:before{content:"\f4e8"} .fa-creative-commons-nc-eu:before{content:"\f4e9"} .fa-creative-commons-nc-jp:before{content:"\f4ea"} .fa-creative-commons-nd:before{content:"\f4eb"} .fa-creative-commons-pd:before{content:"\f4ec"} .fa-creative-commons-pd-alt:before{content:"\f4ed"} .fa-creative-commons-remix:before{content:"\f4ee"} .fa-creative-commons-sa:before{content:"\f4ef"} .fa-creative-commons-sampling:before{content:"\f4f0"} .fa-creative-commons-sampling-plus:before{content:"\f4f1"} .fa-creative-commons-share:before{content:"\f4f2"} .fa-creative-commons-zero:before{content:"\f4f3"} .fa-credit-card:before{content:"\f09d"} .fa-critical-role:before{content:"\f6c9"} .fa-crop:before{content:"\f125"} .fa-crop-alt:before{content:"\f565"} .fa-cross:before{content:"\f654"} .fa-crosshairs:before{content:"\f05b"} .fa-crow:before{content:"\f520"} .fa-crown:before{content:"\f521"} .fa-crutch:before{content:"\f7f7"} .fa-css3:before{content:"\f13c"} .fa-css3-alt:before{content:"\f38b"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-cut:before{content:"\f0c4"} .fa-cuttlefish:before{content:"\f38c"} .fa-d-and-d:before{content:"\f38d"} .fa-d-and-d-beyond:before{content:"\f6ca"} .fa-dailymotion:before{content:"\e052"} .fa-dashcube:before{content:"\f210"} .fa-database:before{content:"\f1c0"} .fa-deaf:before{content:"\f2a4"} .fa-deezer:before{content:"\e077"} .fa-delicious:before{content:"\f1a5"} .fa-democrat:before{content:"\f747"} .fa-deploydog:before{content:"\f38e"} .fa-deskpro:before{content:"\f38f"} .fa-desktop:before{content:"\f108"} .fa-dev:before{content:"\f6cc"} .fa-deviantart:before{content:"\f1bd"} .fa-dharmachakra:before{content:"\f655"} .fa-dhl:before{content:"\f790"} .fa-diagnoses:before{content:"\f470"} .fa-diaspora:before{content:"\f791"} .fa-dice:before{content:"\f522"} .fa-dice-d20:before{content:"\f6cf"} .fa-dice-d6:before{content:"\f6d1"} .fa-dice-five:before{content:"\f523"} .fa-dice-four:before{content:"\f524"} .fa-dice-one:before{content:"\f525"} .fa-dice-six:before{content:"\f526"} .fa-dice-three:before{content:"\f527"} .fa-dice-two:before{content:"\f528"} .fa-digg:before{content:"\f1a6"} .fa-digital-ocean:before{content:"\f391"} .fa-digital-tachograph:before{content:"\f566"} .fa-directions:before{content:"\f5eb"} .fa-discord:before{content:"\f392"} .fa-discourse:before{content:"\f393"} .fa-disease:before{content:"\f7fa"} .fa-divide:before{content:"\f529"} .fa-dizzy:before{content:"\f567"} .fa-dna:before{content:"\f471"} .fa-dochub:before{content:"\f394"} .fa-docker:before{content:"\f395"} .fa-dog:before{content:"\f6d3"} .fa-dollar-sign:before{content:"\f155"} .fa-dolly:before{content:"\f472"} .fa-dolly-flatbed:before{content:"\f474"} .fa-donate:before{content:"\f4b9"} .fa-door-closed:before{content:"\f52a"} .fa-door-open:before{content:"\f52b"} .fa-dot-circle:before{content:"\f192"} .fa-dove:before{content:"\f4ba"} .fa-download:before{content:"\f019"} .fa-draft2digital:before{content:"\f396"} .fa-drafting-compass:before{content:"\f568"} .fa-dragon:before{content:"\f6d5"} .fa-draw-polygon:before{content:"\f5ee"} .fa-dribbble:before{content:"\f17d"} .fa-dribbble-square:before{content:"\f397"} .fa-dropbox:before{content:"\f16b"} .fa-drum:before{content:"\f569"} .fa-drum-steelpan:before{content:"\f56a"} .fa-drumstick-bite:before{content:"\f6d7"} .fa-drupal:before{content:"\f1a9"} .fa-dumbbell:before{content:"\f44b"} .fa-dumpster:before{content:"\f793"} .fa-dumpster-fire:before{content:"\f794"} .fa-dungeon:before{content:"\f6d9"} .fa-dyalog:before{content:"\f399"} .fa-earlybirds:before{content:"\f39a"} .fa-ebay:before{content:"\f4f4"} .fa-edge:before{content:"\f282"} .fa-edge-legacy:before{content:"\e078"} .fa-edit:before{content:"\f044"} .fa-egg:before{content:"\f7fb"} .fa-eject:before{content:"\f052"} .fa-elementor:before{content:"\f430"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-ello:before{content:"\f5f1"} .fa-ember:before{content:"\f423"} .fa-empire:before{content:"\f1d1"} .fa-envelope:before{content:"\f0e0"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-text:before{content:"\f658"} .fa-envelope-square:before{content:"\f199"} .fa-envira:before{content:"\f299"} .fa-equals:before{content:"\f52c"} .fa-eraser:before{content:"\f12d"} .fa-erlang:before{content:"\f39d"} .fa-ethereum:before{content:"\f42e"} .fa-ethernet:before{content:"\f796"} .fa-etsy:before{content:"\f2d7"} .fa-euro-sign:before{content:"\f153"} .fa-evernote:before{content:"\f839"} .fa-exchange-alt:before{content:"\f362"} .fa-exclamation:before{content:"\f12a"} .fa-exclamation-circle:before{content:"\f06a"} .fa-exclamation-triangle:before{content:"\f071"} .fa-expand:before{content:"\f065"} .fa-expand-alt:before{content:"\f424"} .fa-expand-arrows-alt:before{content:"\f31e"} .fa-expeditedssl:before{content:"\f23e"} .fa-external-link-alt:before{content:"\f35d"} .fa-external-link-square-alt:before{content:"\f360"} .fa-eye:before{content:"\f06e"} .fa-eye-dropper:before{content:"\f1fb"} .fa-eye-slash:before{content:"\f070"} .fa-facebook:before{content:"\f09a"} .fa-facebook-f:before{content:"\f39e"} .fa-facebook-messenger:before{content:"\f39f"} .fa-facebook-square:before{content:"\f082"} .fa-fan:before{content:"\f863"} .fa-fantasy-flight-games:before{content:"\f6dc"} .fa-fast-backward:before{content:"\f049"} .fa-fast-forward:before{content:"\f050"} .fa-faucet:before{content:"\e005"} .fa-fax:before{content:"\f1ac"} .fa-feather:before{content:"\f52d"} .fa-feather-alt:before{content:"\f56b"} .fa-fedex:before{content:"\f797"} .fa-fedora:before{content:"\f798"} .fa-female:before{content:"\f182"} .fa-fighter-jet:before{content:"\f0fb"} .fa-figma:before{content:"\f799"} .fa-file:before{content:"\f15b"} .fa-file-alt:before{content:"\f15c"} .fa-file-archive:before{content:"\f1c6"} .fa-file-audio:before{content:"\f1c7"} .fa-file-code:before{content:"\f1c9"} .fa-file-contract:before{content:"\f56c"} .fa-file-csv:before{content:"\f6dd"} .fa-file-download:before{content:"\f56d"} .fa-file-excel:before{content:"\f1c3"} .fa-file-export:before{content:"\f56e"} .fa-file-image:before{content:"\f1c5"} .fa-file-import:before{content:"\f56f"} .fa-file-invoice:before{content:"\f570"} .fa-file-invoice-dollar:before{content:"\f571"} .fa-file-medical:before{content:"\f477"} .fa-file-medical-alt:before{content:"\f478"} .fa-file-pdf:before{content:"\f1c1"} .fa-file-powerpoint:before{content:"\f1c4"} .fa-file-prescription:before{content:"\f572"} .fa-file-signature:before{content:"\f573"} .fa-file-upload:before{content:"\f574"} .fa-file-video:before{content:"\f1c8"} .fa-file-word:before{content:"\f1c2"} .fa-fill:before{content:"\f575"} .fa-fill-drip:before{content:"\f576"} .fa-film:before{content:"\f008"} .fa-filter:before{content:"\f0b0"} .fa-fingerprint:before{content:"\f577"} .fa-fire:before{content:"\f06d"} .fa-fire-alt:before{content:"\f7e4"} .fa-fire-extinguisher:before{content:"\f134"} .fa-firefox:before{content:"\f269"} .fa-firefox-browser:before{content:"\e007"} .fa-first-aid:before{content:"\f479"} .fa-first-order:before{content:"\f2b0"} .fa-first-order-alt:before{content:"\f50a"} .fa-firstdraft:before{content:"\f3a1"} .fa-fish:before{content:"\f578"} .fa-fist-raised:before{content:"\f6de"} .fa-flag:before{content:"\f024"} .fa-flag-checkered:before{content:"\f11e"} .fa-flag-usa:before{content:"\f74d"} .fa-flask:before{content:"\f0c3"} .fa-flickr:before{content:"\f16e"} .fa-flipboard:before{content:"\f44d"} .fa-flushed:before{content:"\f579"} .fa-fly:before{content:"\f417"} .fa-folder:before{content:"\f07b"} .fa-folder-minus:before{content:"\f65d"} .fa-folder-open:before{content:"\f07c"} .fa-folder-plus:before{content:"\f65e"} .fa-font:before{content:"\f031"} .fa-font-awesome:before{content:"\f2b4"} .fa-font-awesome-alt:before{content:"\f35c"} .fa-font-awesome-flag:before{content:"\f425"} .fa-font-awesome-logo-full:before{content:"\f4e6"} .fa-fonticons:before{content:"\f280"} .fa-fonticons-fi:before{content:"\f3a2"} .fa-football-ball:before{content:"\f44e"} .fa-fort-awesome:before{content:"\f286"} .fa-fort-awesome-alt:before{content:"\f3a3"} .fa-forumbee:before{content:"\f211"} .fa-forward:before{content:"\f04e"} .fa-foursquare:before{content:"\f180"} .fa-free-code-camp:before{content:"\f2c5"} .fa-freebsd:before{content:"\f3a4"} .fa-frog:before{content:"\f52e"} .fa-frown:before{content:"\f119"} .fa-frown-open:before{content:"\f57a"} .fa-fulcrum:before{content:"\f50b"} .fa-funnel-dollar:before{content:"\f662"} .fa-futbol:before{content:"\f1e3"} .fa-galactic-republic:before{content:"\f50c"} .fa-galactic-senate:before{content:"\f50d"} .fa-gamepad:before{content:"\f11b"} .fa-gas-pump:before{content:"\f52f"} .fa-gavel:before{content:"\f0e3"} .fa-gem:before{content:"\f3a5"} .fa-genderless:before{content:"\f22d"} .fa-get-pocket:before{content:"\f265"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-ghost:before{content:"\f6e2"} .fa-gift:before{content:"\f06b"} .fa-gifts:before{content:"\f79c"} .fa-git:before{content:"\f1d3"} .fa-git-alt:before{content:"\f841"} .fa-git-square:before{content:"\f1d2"} .fa-github:before{content:"\f09b"} .fa-github-alt:before{content:"\f113"} .fa-github-square:before{content:"\f092"} .fa-gitkraken:before{content:"\f3a6"} .fa-gitlab:before{content:"\f296"} .fa-gitter:before{content:"\f426"} .fa-glass-cheers:before{content:"\f79f"} .fa-glass-martini:before{content:"\f000"} .fa-glass-martini-alt:before{content:"\f57b"} .fa-glass-whiskey:before{content:"\f7a0"} .fa-glasses:before{content:"\f530"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-globe:before{content:"\f0ac"} .fa-globe-africa:before{content:"\f57c"} .fa-globe-americas:before{content:"\f57d"} .fa-globe-asia:before{content:"\f57e"} .fa-globe-europe:before{content:"\f7a2"} .fa-gofore:before{content:"\f3a7"} .fa-golf-ball:before{content:"\f450"} .fa-goodreads:before{content:"\f3a8"} .fa-goodreads-g:before{content:"\f3a9"} .fa-google:before{content:"\f1a0"} .fa-google-drive:before{content:"\f3aa"} .fa-google-pay:before{content:"\e079"} .fa-google-play:before{content:"\f3ab"} .fa-google-plus:before{content:"\f2b3"} .fa-google-plus-g:before{content:"\f0d5"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-wallet:before{content:"\f1ee"} .fa-gopuram:before{content:"\f664"} .fa-graduation-cap:before{content:"\f19d"} .fa-gratipay:before{content:"\f184"} .fa-grav:before{content:"\f2d6"} .fa-greater-than:before{content:"\f531"} .fa-greater-than-equal:before{content:"\f532"} .fa-grimace:before{content:"\f57f"} .fa-grin:before{content:"\f580"} .fa-grin-alt:before{content:"\f581"} .fa-grin-beam:before{content:"\f582"} .fa-grin-beam-sweat:before{content:"\f583"} .fa-grin-hearts:before{content:"\f584"} .fa-grin-squint:before{content:"\f585"} .fa-grin-squint-tears:before{content:"\f586"} .fa-grin-stars:before{content:"\f587"} .fa-grin-tears:before{content:"\f588"} .fa-grin-tongue:before{content:"\f589"} .fa-grin-tongue-squint:before{content:"\f58a"} .fa-grin-tongue-wink:before{content:"\f58b"} .fa-grin-wink:before{content:"\f58c"} .fa-grip-horizontal:before{content:"\f58d"} .fa-grip-lines:before{content:"\f7a4"} .fa-grip-lines-vertical:before{content:"\f7a5"} .fa-grip-vertical:before{content:"\f58e"} .fa-gripfire:before{content:"\f3ac"} .fa-grunt:before{content:"\f3ad"} .fa-guilded:before{content:"\e07e"} .fa-guitar:before{content:"\f7a6"} .fa-gulp:before{content:"\f3ae"} .fa-h-square:before{content:"\f0fd"} .fa-hacker-news:before{content:"\f1d4"} .fa-hacker-news-square:before{content:"\f3af"} .fa-hackerrank:before{content:"\f5f7"} .fa-hamburger:before{content:"\f805"} .fa-hammer:before{content:"\f6e3"} .fa-hamsa:before{content:"\f665"} .fa-hand-holding:before{content:"\f4bd"} .fa-hand-holding-heart:before{content:"\f4be"} .fa-hand-holding-medical:before{content:"\e05c"} .fa-hand-holding-usd:before{content:"\f4c0"} .fa-hand-holding-water:before{content:"\f4c1"} .fa-hand-lizard:before{content:"\f258"} .fa-hand-middle-finger:before{content:"\f806"} .fa-hand-paper:before{content:"\f256"} .fa-hand-peace:before{content:"\f25b"} .fa-hand-point-down:before{content:"\f0a7"} .fa-hand-point-left:before{content:"\f0a5"} .fa-hand-point-right:before{content:"\f0a4"} .fa-hand-point-up:before{content:"\f0a6"} .fa-hand-pointer:before{content:"\f25a"} .fa-hand-rock:before{content:"\f255"} .fa-hand-scissors:before{content:"\f257"} .fa-hand-sparkles:before{content:"\e05d"} .fa-hand-spock:before{content:"\f259"} .fa-hands:before{content:"\f4c2"} .fa-hands-helping:before{content:"\f4c4"} .fa-hands-wash:before{content:"\e05e"} .fa-handshake:before{content:"\f2b5"} .fa-handshake-alt-slash:before{content:"\e05f"} .fa-handshake-slash:before{content:"\e060"} .fa-hanukiah:before{content:"\f6e6"} .fa-hard-hat:before{content:"\f807"} .fa-hashtag:before{content:"\f292"} .fa-hat-cowboy:before{content:"\f8c0"} .fa-hat-cowboy-side:before{content:"\f8c1"} .fa-hat-wizard:before{content:"\f6e8"} .fa-hdd:before{content:"\f0a0"} .fa-head-side-cough:before{content:"\e061"} .fa-head-side-cough-slash:before{content:"\e062"} .fa-head-side-mask:before{content:"\e063"} .fa-head-side-virus:before{content:"\e064"} .fa-heading:before{content:"\f1dc"} .fa-headphones:before{content:"\f025"} .fa-headphones-alt:before{content:"\f58f"} .fa-headset:before{content:"\f590"} .fa-heart:before{content:"\f004"} .fa-heart-broken:before{content:"\f7a9"} .fa-heartbeat:before{content:"\f21e"} .fa-helicopter:before{content:"\f533"} .fa-highlighter:before{content:"\f591"} .fa-hiking:before{content:"\f6ec"} .fa-hippo:before{content:"\f6ed"} .fa-hips:before{content:"\f452"} .fa-hire-a-helper:before{content:"\f3b0"} .fa-history:before{content:"\f1da"} .fa-hive:before{content:"\e07f"} .fa-hockey-puck:before{content:"\f453"} .fa-holly-berry:before{content:"\f7aa"} .fa-home:before{content:"\f015"} .fa-hooli:before{content:"\f427"} .fa-hornbill:before{content:"\f592"} .fa-horse:before{content:"\f6f0"} .fa-horse-head:before{content:"\f7ab"} .fa-hospital:before{content:"\f0f8"} .fa-hospital-alt:before{content:"\f47d"} .fa-hospital-symbol:before{content:"\f47e"} .fa-hospital-user:before{content:"\f80d"} .fa-hot-tub:before{content:"\f593"} .fa-hotdog:before{content:"\f80f"} .fa-hotel:before{content:"\f594"} .fa-hotjar:before{content:"\f3b1"} .fa-hourglass:before{content:"\f254"} .fa-hourglass-end:before{content:"\f253"} .fa-hourglass-half:before{content:"\f252"} .fa-hourglass-start:before{content:"\f251"} .fa-house-damage:before{content:"\f6f1"} .fa-house-user:before{content:"\e065"} .fa-houzz:before{content:"\f27c"} .fa-hryvnia:before{content:"\f6f2"} .fa-html5:before{content:"\f13b"} .fa-hubspot:before{content:"\f3b2"} .fa-i-cursor:before{content:"\f246"} .fa-ice-cream:before{content:"\f810"} .fa-icicles:before{content:"\f7ad"} .fa-icons:before{content:"\f86d"} .fa-id-badge:before{content:"\f2c1"} .fa-id-card:before{content:"\f2c2"} .fa-id-card-alt:before{content:"\f47f"} .fa-ideal:before{content:"\e013"} .fa-igloo:before{content:"\f7ae"} .fa-image:before{content:"\f03e"} .fa-images:before{content:"\f302"} .fa-imdb:before{content:"\f2d8"} .fa-inbox:before{content:"\f01c"} .fa-indent:before{content:"\f03c"} .fa-industry:before{content:"\f275"} .fa-infinity:before{content:"\f534"} .fa-info:before{content:"\f129"} .fa-info-circle:before{content:"\f05a"} .fa-innosoft:before{content:"\e080"} .fa-instagram:before{content:"\f16d"} .fa-instagram-square:before{content:"\e055"} .fa-instalod:before{content:"\e081"} .fa-intercom:before{content:"\f7af"} .fa-internet-explorer:before{content:"\f26b"} .fa-invision:before{content:"\f7b0"} .fa-ioxhost:before{content:"\f208"} .fa-italic:before{content:"\f033"} .fa-itch-io:before{content:"\f83a"} .fa-itunes:before{content:"\f3b4"} .fa-itunes-note:before{content:"\f3b5"} .fa-java:before{content:"\f4e4"} .fa-jedi:before{content:"\f669"} .fa-jedi-order:before{content:"\f50e"} .fa-jenkins:before{content:"\f3b6"} .fa-jira:before{content:"\f7b1"} .fa-joget:before{content:"\f3b7"} .fa-joint:before{content:"\f595"} .fa-joomla:before{content:"\f1aa"} .fa-journal-whills:before{content:"\f66a"} .fa-js:before{content:"\f3b8"} .fa-js-square:before{content:"\f3b9"} .fa-jsfiddle:before{content:"\f1cc"} .fa-kaaba:before{content:"\f66b"} .fa-kaggle:before{content:"\f5fa"} .fa-key:before{content:"\f084"} .fa-keybase:before{content:"\f4f5"} .fa-keyboard:before{content:"\f11c"} .fa-keycdn:before{content:"\f3ba"} .fa-khanda:before{content:"\f66d"} .fa-kickstarter:before{content:"\f3bb"} .fa-kickstarter-k:before{content:"\f3bc"} .fa-kiss:before{content:"\f596"} .fa-kiss-beam:before{content:"\f597"} .fa-kiss-wink-heart:before{content:"\f598"} .fa-kiwi-bird:before{content:"\f535"} .fa-korvue:before{content:"\f42f"} .fa-landmark:before{content:"\f66f"} .fa-language:before{content:"\f1ab"} .fa-laptop:before{content:"\f109"} .fa-laptop-code:before{content:"\f5fc"} .fa-laptop-house:before{content:"\e066"} .fa-laptop-medical:before{content:"\f812"} .fa-laravel:before{content:"\f3bd"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-laugh:before{content:"\f599"} .fa-laugh-beam:before{content:"\f59a"} .fa-laugh-squint:before{content:"\f59b"} .fa-laugh-wink:before{content:"\f59c"} .fa-layer-group:before{content:"\f5fd"} .fa-leaf:before{content:"\f06c"} .fa-leanpub:before{content:"\f212"} .fa-lemon:before{content:"\f094"} .fa-less:before{content:"\f41d"} .fa-less-than:before{content:"\f536"} .fa-less-than-equal:before{content:"\f537"} .fa-level-down-alt:before{content:"\f3be"} .fa-level-up-alt:before{content:"\f3bf"} .fa-life-ring:before{content:"\f1cd"} .fa-lightbulb:before{content:"\f0eb"} .fa-line:before{content:"\f3c0"} .fa-link:before{content:"\f0c1"} .fa-linkedin:before{content:"\f08c"} .fa-linkedin-in:before{content:"\f0e1"} .fa-linode:before{content:"\f2b8"} .fa-linux:before{content:"\f17c"} .fa-lira-sign:before{content:"\f195"} .fa-list:before{content:"\f03a"} .fa-list-alt:before{content:"\f022"} .fa-list-ol:before{content:"\f0cb"} .fa-list-ul:before{content:"\f0ca"} .fa-location-arrow:before{content:"\f124"} .fa-lock:before{content:"\f023"} .fa-lock-open:before{content:"\f3c1"} .fa-long-arrow-alt-down:before{content:"\f309"} .fa-long-arrow-alt-left:before{content:"\f30a"} .fa-long-arrow-alt-right:before{content:"\f30b"} .fa-long-arrow-alt-up:before{content:"\f30c"} .fa-low-vision:before{content:"\f2a8"} .fa-luggage-cart:before{content:"\f59d"} .fa-lungs:before{content:"\f604"} .fa-lungs-virus:before{content:"\e067"} .fa-lyft:before{content:"\f3c3"} .fa-magento:before{content:"\f3c4"} .fa-magic:before{content:"\f0d0"} .fa-magnet:before{content:"\f076"} .fa-mail-bulk:before{content:"\f674"} .fa-mailchimp:before{content:"\f59e"} .fa-male:before{content:"\f183"} .fa-mandalorian:before{content:"\f50f"} .fa-map:before{content:"\f279"} .fa-map-marked:before{content:"\f59f"} .fa-map-marked-alt:before{content:"\f5a0"} .fa-map-marker:before{content:"\f041"} .fa-map-marker-alt:before{content:"\f3c5"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-markdown:before{content:"\f60f"} .fa-marker:before{content:"\f5a1"} .fa-mars:before{content:"\f222"} .fa-mars-double:before{content:"\f227"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mask:before{content:"\f6fa"} .fa-mastodon:before{content:"\f4f6"} .fa-maxcdn:before{content:"\f136"} .fa-mdb:before{content:"\f8ca"} .fa-medal:before{content:"\f5a2"} .fa-medapps:before{content:"\f3c6"} .fa-medium:before{content:"\f23a"} .fa-medium-m:before{content:"\f3c7"} .fa-medkit:before{content:"\f0fa"} .fa-medrt:before{content:"\f3c8"} .fa-meetup:before{content:"\f2e0"} .fa-megaport:before{content:"\f5a3"} .fa-meh:before{content:"\f11a"} .fa-meh-blank:before{content:"\f5a4"} .fa-meh-rolling-eyes:before{content:"\f5a5"} .fa-memory:before{content:"\f538"} .fa-mendeley:before{content:"\f7b3"} .fa-menorah:before{content:"\f676"} .fa-mercury:before{content:"\f223"} .fa-meteor:before{content:"\f753"} .fa-microblog:before{content:"\e01a"} .fa-microchip:before{content:"\f2db"} .fa-microphone:before{content:"\f130"} .fa-microphone-alt:before{content:"\f3c9"} .fa-microphone-alt-slash:before{content:"\f539"} .fa-microphone-slash:before{content:"\f131"} .fa-microscope:before{content:"\f610"} .fa-microsoft:before{content:"\f3ca"} .fa-minus:before{content:"\f068"} .fa-minus-circle:before{content:"\f056"} .fa-minus-square:before{content:"\f146"} .fa-mitten:before{content:"\f7b5"} .fa-mix:before{content:"\f3cb"} .fa-mixcloud:before{content:"\f289"} .fa-mixer:before{content:"\e056"} .fa-mizuni:before{content:"\f3cc"} .fa-mobile:before{content:"\f10b"} .fa-mobile-alt:before{content:"\f3cd"} .fa-modx:before{content:"\f285"} .fa-monero:before{content:"\f3d0"} .fa-money-bill:before{content:"\f0d6"} .fa-money-bill-alt:before{content:"\f3d1"} .fa-money-bill-wave:before{content:"\f53a"} .fa-money-bill-wave-alt:before{content:"\f53b"} .fa-money-check:before{content:"\f53c"} .fa-money-check-alt:before{content:"\f53d"} .fa-monument:before{content:"\f5a6"} .fa-moon:before{content:"\f186"} .fa-mortar-pestle:before{content:"\f5a7"} .fa-mosque:before{content:"\f678"} .fa-motorcycle:before{content:"\f21c"} .fa-mountain:before{content:"\f6fc"} .fa-mouse:before{content:"\f8cc"} .fa-mouse-pointer:before{content:"\f245"} .fa-mug-hot:before{content:"\f7b6"} .fa-music:before{content:"\f001"} .fa-napster:before{content:"\f3d2"} .fa-neos:before{content:"\f612"} .fa-network-wired:before{content:"\f6ff"} .fa-neuter:before{content:"\f22c"} .fa-newspaper:before{content:"\f1ea"} .fa-nimblr:before{content:"\f5a8"} .fa-node:before{content:"\f419"} .fa-node-js:before{content:"\f3d3"} .fa-not-equal:before{content:"\f53e"} .fa-notes-medical:before{content:"\f481"} .fa-npm:before{content:"\f3d4"} .fa-ns8:before{content:"\f3d5"} .fa-nutritionix:before{content:"\f3d6"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-octopus-deploy:before{content:"\e082"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-oil-can:before{content:"\f613"} .fa-old-republic:before{content:"\f510"} .fa-om:before{content:"\f679"} .fa-opencart:before{content:"\f23d"} .fa-openid:before{content:"\f19b"} .fa-opera:before{content:"\f26a"} .fa-optin-monster:before{content:"\f23c"} .fa-orcid:before{content:"\f8d2"} .fa-osi:before{content:"\f41a"} .fa-otter:before{content:"\f700"} .fa-outdent:before{content:"\f03b"} .fa-page4:before{content:"\f3d7"} .fa-pagelines:before{content:"\f18c"} .fa-pager:before{content:"\f815"} .fa-paint-brush:before{content:"\f1fc"} .fa-paint-roller:before{content:"\f5aa"} .fa-palette:before{content:"\f53f"} .fa-palfed:before{content:"\f3d8"} .fa-pallet:before{content:"\f482"} .fa-paper-plane:before{content:"\f1d8"} .fa-paperclip:before{content:"\f0c6"} .fa-parachute-box:before{content:"\f4cd"} .fa-paragraph:before{content:"\f1dd"} .fa-parking:before{content:"\f540"} .fa-passport:before{content:"\f5ab"} .fa-pastafarianism:before{content:"\f67b"} .fa-paste:before{content:"\f0ea"} .fa-patreon:before{content:"\f3d9"} .fa-pause:before{content:"\f04c"} .fa-pause-circle:before{content:"\f28b"} .fa-paw:before{content:"\f1b0"} .fa-paypal:before{content:"\f1ed"} .fa-peace:before{content:"\f67c"} .fa-pen:before{content:"\f304"} .fa-pen-alt:before{content:"\f305"} .fa-pen-fancy:before{content:"\f5ac"} .fa-pen-nib:before{content:"\f5ad"} .fa-pen-square:before{content:"\f14b"} .fa-pencil-alt:before{content:"\f303"} .fa-pencil-ruler:before{content:"\f5ae"} .fa-penny-arcade:before{content:"\f704"} .fa-people-arrows:before{content:"\e068"} .fa-people-carry:before{content:"\f4ce"} .fa-pepper-hot:before{content:"\f816"} .fa-perbyte:before{content:"\e083"} .fa-percent:before{content:"\f295"} .fa-percentage:before{content:"\f541"} .fa-periscope:before{content:"\f3da"} .fa-person-booth:before{content:"\f756"} .fa-phabricator:before{content:"\f3db"} .fa-phoenix-framework:before{content:"\f3dc"} .fa-phoenix-squadron:before{content:"\f511"} .fa-phone:before{content:"\f095"} .fa-phone-alt:before{content:"\f879"} .fa-phone-slash:before{content:"\f3dd"} .fa-phone-square:before{content:"\f098"} .fa-phone-square-alt:before{content:"\f87b"} .fa-phone-volume:before{content:"\f2a0"} .fa-photo-video:before{content:"\f87c"} .fa-php:before{content:"\f457"} .fa-pied-piper:before{content:"\f2ae"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-pied-piper-hat:before{content:"\f4e5"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-pied-piper-square:before{content:"\e01e"} .fa-piggy-bank:before{content:"\f4d3"} .fa-pills:before{content:"\f484"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-p:before{content:"\f231"} .fa-pinterest-square:before{content:"\f0d3"} .fa-pizza-slice:before{content:"\f818"} .fa-place-of-worship:before{content:"\f67f"} .fa-plane:before{content:"\f072"} .fa-plane-arrival:before{content:"\f5af"} .fa-plane-departure:before{content:"\f5b0"} .fa-plane-slash:before{content:"\e069"} .fa-play:before{content:"\f04b"} .fa-play-circle:before{content:"\f144"} .fa-playstation:before{content:"\f3df"} .fa-plug:before{content:"\f1e6"} .fa-plus:before{content:"\f067"} .fa-plus-circle:before{content:"\f055"} .fa-plus-square:before{content:"\f0fe"} .fa-podcast:before{content:"\f2ce"} .fa-poll:before{content:"\f681"} .fa-poll-h:before{content:"\f682"} .fa-poo:before{content:"\f2fe"} .fa-poo-storm:before{content:"\f75a"} .fa-poop:before{content:"\f619"} .fa-portrait:before{content:"\f3e0"} .fa-pound-sign:before{content:"\f154"} .fa-power-off:before{content:"\f011"} .fa-pray:before{content:"\f683"} .fa-praying-hands:before{content:"\f684"} .fa-prescription:before{content:"\f5b1"} .fa-prescription-bottle:before{content:"\f485"} .fa-prescription-bottle-alt:before{content:"\f486"} .fa-print:before{content:"\f02f"} .fa-procedures:before{content:"\f487"} .fa-product-hunt:before{content:"\f288"} .fa-project-diagram:before{content:"\f542"} .fa-pump-medical:before{content:"\e06a"} .fa-pump-soap:before{content:"\e06b"} .fa-pushed:before{content:"\f3e1"} .fa-puzzle-piece:before{content:"\f12e"} .fa-python:before{content:"\f3e2"} .fa-qq:before{content:"\f1d6"} .fa-qrcode:before{content:"\f029"} .fa-question:before{content:"\f128"} .fa-question-circle:before{content:"\f059"} .fa-quidditch:before{content:"\f458"} .fa-quinscape:before{content:"\f459"} .fa-quora:before{content:"\f2c4"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-quran:before{content:"\f687"} .fa-r-project:before{content:"\f4f7"} .fa-radiation:before{content:"\f7b9"} .fa-radiation-alt:before{content:"\f7ba"} .fa-rainbow:before{content:"\f75b"} .fa-random:before{content:"\f074"} .fa-raspberry-pi:before{content:"\f7bb"} .fa-ravelry:before{content:"\f2d9"} .fa-react:before{content:"\f41b"} .fa-reacteurope:before{content:"\f75d"} .fa-readme:before{content:"\f4d5"} .fa-rebel:before{content:"\f1d0"} .fa-receipt:before{content:"\f543"} .fa-record-vinyl:before{content:"\f8d9"} .fa-recycle:before{content:"\f1b8"} .fa-red-river:before{content:"\f3e3"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-alien:before{content:"\f281"} .fa-reddit-square:before{content:"\f1a2"} .fa-redhat:before{content:"\f7bc"} .fa-redo:before{content:"\f01e"} .fa-redo-alt:before{content:"\f2f9"} .fa-registered:before{content:"\f25d"} .fa-remove-format:before{content:"\f87d"} .fa-renren:before{content:"\f18b"} .fa-reply:before{content:"\f3e5"} .fa-reply-all:before{content:"\f122"} .fa-replyd:before{content:"\f3e6"} .fa-republican:before{content:"\f75e"} .fa-researchgate:before{content:"\f4f8"} .fa-resolving:before{content:"\f3e7"} .fa-restroom:before{content:"\f7bd"} .fa-retweet:before{content:"\f079"} .fa-rev:before{content:"\f5b2"} .fa-ribbon:before{content:"\f4d6"} .fa-ring:before{content:"\f70b"} .fa-road:before{content:"\f018"} .fa-robot:before{content:"\f544"} .fa-rocket:before{content:"\f135"} .fa-rocketchat:before{content:"\f3e8"} .fa-rockrms:before{content:"\f3e9"} .fa-route:before{content:"\f4d7"} .fa-rss:before{content:"\f09e"} .fa-rss-square:before{content:"\f143"} .fa-ruble-sign:before{content:"\f158"} .fa-ruler:before{content:"\f545"} .fa-ruler-combined:before{content:"\f546"} .fa-ruler-horizontal:before{content:"\f547"} .fa-ruler-vertical:before{content:"\f548"} .fa-running:before{content:"\f70c"} .fa-rupee-sign:before{content:"\f156"} .fa-rust:before{content:"\e07a"} .fa-sad-cry:before{content:"\f5b3"} .fa-sad-tear:before{content:"\f5b4"} .fa-safari:before{content:"\f267"} .fa-salesforce:before{content:"\f83b"} .fa-sass:before{content:"\f41e"} .fa-satellite:before{content:"\f7bf"} .fa-satellite-dish:before{content:"\f7c0"} .fa-save:before{content:"\f0c7"} .fa-schlix:before{content:"\f3ea"} .fa-school:before{content:"\f549"} .fa-screwdriver:before{content:"\f54a"} .fa-scribd:before{content:"\f28a"} .fa-scroll:before{content:"\f70e"} .fa-sd-card:before{content:"\f7c2"} .fa-search:before{content:"\f002"} .fa-search-dollar:before{content:"\f688"} .fa-search-location:before{content:"\f689"} .fa-search-minus:before{content:"\f010"} .fa-search-plus:before{content:"\f00e"} .fa-searchengin:before{content:"\f3eb"} .fa-seedling:before{content:"\f4d8"} .fa-sellcast:before{content:"\f2da"} .fa-sellsy:before{content:"\f213"} .fa-server:before{content:"\f233"} .fa-servicestack:before{content:"\f3ec"} .fa-shapes:before{content:"\f61f"} .fa-share:before{content:"\f064"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-share-square:before{content:"\f14d"} .fa-shekel-sign:before{content:"\f20b"} .fa-shield-alt:before{content:"\f3ed"} .fa-shield-virus:before{content:"\e06c"} .fa-ship:before{content:"\f21a"} .fa-shipping-fast:before{content:"\f48b"} .fa-shirtsinbulk:before{content:"\f214"} .fa-shoe-prints:before{content:"\f54b"} .fa-shopify:before{content:"\e057"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-shopping-cart:before{content:"\f07a"} .fa-shopware:before{content:"\f5b5"} .fa-shower:before{content:"\f2cc"} .fa-shuttle-van:before{content:"\f5b6"} .fa-sign:before{content:"\f4d9"} .fa-sign-in-alt:before{content:"\f2f6"} .fa-sign-language:before{content:"\f2a7"} .fa-sign-out-alt:before{content:"\f2f5"} .fa-signal:before{content:"\f012"} .fa-signature:before{content:"\f5b7"} .fa-sim-card:before{content:"\f7c4"} .fa-simplybuilt:before{content:"\f215"} .fa-sink:before{content:"\e06d"} .fa-sistrix:before{content:"\f3ee"} .fa-sitemap:before{content:"\f0e8"} .fa-sith:before{content:"\f512"} .fa-skating:before{content:"\f7c5"} .fa-sketch:before{content:"\f7c6"} .fa-skiing:before{content:"\f7c9"} .fa-skiing-nordic:before{content:"\f7ca"} .fa-skull:before{content:"\f54c"} .fa-skull-crossbones:before{content:"\f714"} .fa-skyatlas:before{content:"\f216"} .fa-skype:before{content:"\f17e"} .fa-slack:before{content:"\f198"} .fa-slack-hash:before{content:"\f3ef"} .fa-slash:before{content:"\f715"} .fa-sleigh:before{content:"\f7cc"} .fa-sliders-h:before{content:"\f1de"} .fa-slideshare:before{content:"\f1e7"} .fa-smile:before{content:"\f118"} .fa-smile-beam:before{content:"\f5b8"} .fa-smile-wink:before{content:"\f4da"} .fa-smog:before{content:"\f75f"} .fa-smoking:before{content:"\f48d"} .fa-smoking-ban:before{content:"\f54d"} .fa-sms:before{content:"\f7cd"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-snowboarding:before{content:"\f7ce"} .fa-snowflake:before{content:"\f2dc"} .fa-snowman:before{content:"\f7d0"} .fa-snowplow:before{content:"\f7d2"} .fa-soap:before{content:"\e06e"} .fa-socks:before{content:"\f696"} .fa-solar-panel:before{content:"\f5ba"} .fa-sort:before{content:"\f0dc"} .fa-sort-alpha-down:before{content:"\f15d"} .fa-sort-alpha-down-alt:before{content:"\f881"} .fa-sort-alpha-up:before{content:"\f15e"} .fa-sort-alpha-up-alt:before{content:"\f882"} .fa-sort-amount-down:before{content:"\f160"} .fa-sort-amount-down-alt:before{content:"\f884"} .fa-sort-amount-up:before{content:"\f161"} .fa-sort-amount-up-alt:before{content:"\f885"} .fa-sort-down:before{content:"\f0dd"} .fa-sort-numeric-down:before{content:"\f162"} .fa-sort-numeric-down-alt:before{content:"\f886"} .fa-sort-numeric-up:before{content:"\f163"} .fa-sort-numeric-up-alt:before{content:"\f887"} .fa-sort-up:before{content:"\f0de"} .fa-soundcloud:before{content:"\f1be"} .fa-sourcetree:before{content:"\f7d3"} .fa-spa:before{content:"\f5bb"} .fa-space-shuttle:before{content:"\f197"} .fa-speakap:before{content:"\f3f3"} .fa-speaker-deck:before{content:"\f83c"} .fa-spell-check:before{content:"\f891"} .fa-spider:before{content:"\f717"} .fa-spinner:before{content:"\f110"} .fa-splotch:before{content:"\f5bc"} .fa-spotify:before{content:"\f1bc"} .fa-spray-can:before{content:"\f5bd"} .fa-square:before{content:"\f0c8"} .fa-square-full:before{content:"\f45c"} .fa-square-root-alt:before{content:"\f698"} .fa-squarespace:before{content:"\f5be"} .fa-stack-exchange:before{content:"\f18d"} .fa-stack-overflow:before{content:"\f16c"} .fa-stackpath:before{content:"\f842"} .fa-stamp:before{content:"\f5bf"} .fa-star:before{content:"\f005"} .fa-star-and-crescent:before{content:"\f699"} .fa-star-half:before{content:"\f089"} .fa-star-half-alt:before{content:"\f5c0"} .fa-star-of-david:before{content:"\f69a"} .fa-star-of-life:before{content:"\f621"} .fa-staylinked:before{content:"\f3f5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-steam-symbol:before{content:"\f3f6"} .fa-step-backward:before{content:"\f048"} .fa-step-forward:before{content:"\f051"} .fa-stethoscope:before{content:"\f0f1"} .fa-sticker-mule:before{content:"\f3f7"} .fa-sticky-note:before{content:"\f249"} .fa-stop:before{content:"\f04d"} .fa-stop-circle:before{content:"\f28d"} .fa-stopwatch:before{content:"\f2f2"} .fa-stopwatch-20:before{content:"\e06f"} .fa-store:before{content:"\f54e"} .fa-store-alt:before{content:"\f54f"} .fa-store-alt-slash:before{content:"\e070"} .fa-store-slash:before{content:"\e071"} .fa-strava:before{content:"\f428"} .fa-stream:before{content:"\f550"} .fa-street-view:before{content:"\f21d"} .fa-strikethrough:before{content:"\f0cc"} .fa-stripe:before{content:"\f429"} .fa-stripe-s:before{content:"\f42a"} .fa-stroopwafel:before{content:"\f551"} .fa-studiovinari:before{content:"\f3f8"} .fa-stumbleupon:before{content:"\f1a4"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-subscript:before{content:"\f12c"} .fa-subway:before{content:"\f239"} .fa-suitcase:before{content:"\f0f2"} .fa-suitcase-rolling:before{content:"\f5c1"} .fa-sun:before{content:"\f185"} .fa-superpowers:before{content:"\f2dd"} .fa-superscript:before{content:"\f12b"} .fa-supple:before{content:"\f3f9"} .fa-surprise:before{content:"\f5c2"} .fa-suse:before{content:"\f7d6"} .fa-swatchbook:before{content:"\f5c3"} .fa-swift:before{content:"\f8e1"} .fa-swimmer:before{content:"\f5c4"} .fa-swimming-pool:before{content:"\f5c5"} .fa-symfony:before{content:"\f83d"} .fa-synagogue:before{content:"\f69b"} .fa-sync:before{content:"\f021"} .fa-sync-alt:before{content:"\f2f1"} .fa-syringe:before{content:"\f48e"} .fa-table:before{content:"\f0ce"} .fa-table-tennis:before{content:"\f45d"} .fa-tablet:before{content:"\f10a"} .fa-tablet-alt:before{content:"\f3fa"} .fa-tablets:before{content:"\f490"} .fa-tachometer-alt:before{content:"\f3fd"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-tape:before{content:"\f4db"} .fa-tasks:before{content:"\f0ae"} .fa-taxi:before{content:"\f1ba"} .fa-teamspeak:before{content:"\f4f9"} .fa-teeth:before{content:"\f62e"} .fa-teeth-open:before{content:"\f62f"} .fa-telegram:before{content:"\f2c6"} .fa-telegram-plane:before{content:"\f3fe"} .fa-temperature-high:before{content:"\f769"} .fa-temperature-low:before{content:"\f76b"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-tenge:before{content:"\f7d7"} .fa-terminal:before{content:"\f120"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-th:before{content:"\f00a"} .fa-th-large:before{content:"\f009"} .fa-th-list:before{content:"\f00b"} .fa-the-red-yeti:before{content:"\f69d"} .fa-theater-masks:before{content:"\f630"} .fa-themeco:before{content:"\f5c6"} .fa-themeisle:before{content:"\f2b2"} .fa-thermometer:before{content:"\f491"} .fa-thermometer-empty:before{content:"\f2cb"} .fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-think-peaks:before{content:"\f731"} .fa-thumbs-down:before{content:"\f165"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbtack:before{content:"\f08d"} .fa-ticket-alt:before{content:"\f3ff"} .fa-tiktok:before{content:"\e07b"} .fa-times:before{content:"\f00d"} .fa-times-circle:before{content:"\f057"} .fa-tint:before{content:"\f043"} .fa-tint-slash:before{content:"\f5c7"} .fa-tired:before{content:"\f5c8"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-toilet:before{content:"\f7d8"} .fa-toilet-paper:before{content:"\f71e"} .fa-toilet-paper-slash:before{content:"\e072"} .fa-toolbox:before{content:"\f552"} .fa-tools:before{content:"\f7d9"} .fa-tooth:before{content:"\f5c9"} .fa-torah:before{content:"\f6a0"} .fa-torii-gate:before{content:"\f6a1"} .fa-tractor:before{content:"\f722"} .fa-trade-federation:before{content:"\f513"} .fa-trademark:before{content:"\f25c"} .fa-traffic-light:before{content:"\f637"} .fa-trailer:before{content:"\e041"} .fa-train:before{content:"\f238"} .fa-tram:before{content:"\f7da"} .fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-trash:before{content:"\f1f8"} .fa-trash-alt:before{content:"\f2ed"} .fa-trash-restore:before{content:"\f829"} .fa-trash-restore-alt:before{content:"\f82a"} .fa-tree:before{content:"\f1bb"} .fa-trello:before{content:"\f181"} .fa-trophy:before{content:"\f091"} .fa-truck:before{content:"\f0d1"} .fa-truck-loading:before{content:"\f4de"} .fa-truck-monster:before{content:"\f63b"} .fa-truck-moving:before{content:"\f4df"} .fa-truck-pickup:before{content:"\f63c"} .fa-tshirt:before{content:"\f553"} .fa-tty:before{content:"\f1e4"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-tv:before{content:"\f26c"} .fa-twitch:before{content:"\f1e8"} .fa-twitter:before{content:"\f099"} .fa-twitter-square:before{content:"\f081"} .fa-typo3:before{content:"\f42b"} .fa-uber:before{content:"\f402"} .fa-ubuntu:before{content:"\f7df"} .fa-uikit:before{content:"\f403"} .fa-umbraco:before{content:"\f8e8"} .fa-umbrella:before{content:"\f0e9"} .fa-umbrella-beach:before{content:"\f5ca"} .fa-uncharted:before{content:"\e084"} .fa-underline:before{content:"\f0cd"} .fa-undo:before{content:"\f0e2"} .fa-undo-alt:before{content:"\f2ea"} .fa-uniregistry:before{content:"\f404"} .fa-unity:before{content:"\e049"} .fa-universal-access:before{content:"\f29a"} .fa-university:before{content:"\f19c"} .fa-unlink:before{content:"\f127"} .fa-unlock:before{content:"\f09c"} .fa-unlock-alt:before{content:"\f13e"} .fa-unsplash:before{content:"\e07c"} .fa-untappd:before{content:"\f405"} .fa-upload:before{content:"\f093"} .fa-ups:before{content:"\f7e0"} .fa-usb:before{content:"\f287"} .fa-user:before{content:"\f007"} .fa-user-alt:before{content:"\f406"} .fa-user-alt-slash:before{content:"\f4fa"} .fa-user-astronaut:before{content:"\f4fb"} .fa-user-check:before{content:"\f4fc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-clock:before{content:"\f4fd"} .fa-user-cog:before{content:"\f4fe"} .fa-user-edit:before{content:"\f4ff"} .fa-user-friends:before{content:"\f500"} .fa-user-graduate:before{content:"\f501"} .fa-user-injured:before{content:"\f728"} .fa-user-lock:before{content:"\f502"} .fa-user-md:before{content:"\f0f0"} .fa-user-minus:before{content:"\f503"} .fa-user-ninja:before{content:"\f504"} .fa-user-nurse:before{content:"\f82f"} .fa-user-plus:before{content:"\f234"} .fa-user-secret:before{content:"\f21b"} .fa-user-shield:before{content:"\f505"} .fa-user-slash:before{content:"\f506"} .fa-user-tag:before{content:"\f507"} .fa-user-tie:before{content:"\f508"} .fa-user-times:before{content:"\f235"} .fa-users:before{content:"\f0c0"} .fa-users-cog:before{content:"\f509"} .fa-users-slash:before{content:"\e073"} .fa-usps:before{content:"\f7e1"} .fa-ussunnah:before{content:"\f407"} .fa-utensil-spoon:before{content:"\f2e5"} .fa-utensils:before{content:"\f2e7"} .fa-vaadin:before{content:"\f408"} .fa-vector-square:before{content:"\f5cb"} .fa-venus:before{content:"\f221"} .fa-venus-double:before{content:"\f226"} .fa-venus-mars:before{content:"\f228"} .fa-vest:before{content:"\e085"} .fa-vest-patches:before{content:"\e086"} .fa-viacoin:before{content:"\f237"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-vial:before{content:"\f492"} .fa-vials:before{content:"\f493"} .fa-viber:before{content:"\f409"} .fa-video:before{content:"\f03d"} .fa-video-slash:before{content:"\f4e2"} .fa-vihara:before{content:"\f6a7"} .fa-vimeo:before{content:"\f40a"} .fa-vimeo-square:before{content:"\f194"} .fa-vimeo-v:before{content:"\f27d"} .fa-vine:before{content:"\f1ca"} .fa-virus:before{content:"\e074"} .fa-virus-slash:before{content:"\e075"} .fa-viruses:before{content:"\e076"} .fa-vk:before{content:"\f189"} .fa-vnv:before{content:"\f40b"} .fa-voicemail:before{content:"\f897"} .fa-volleyball-ball:before{content:"\f45f"} .fa-volume-down:before{content:"\f027"} .fa-volume-mute:before{content:"\f6a9"} .fa-volume-off:before{content:"\f026"} .fa-volume-up:before{content:"\f028"} .fa-vote-yea:before{content:"\f772"} .fa-vr-cardboard:before{content:"\f729"} .fa-vuejs:before{content:"\f41f"} .fa-walking:before{content:"\f554"} .fa-wallet:before{content:"\f555"} .fa-warehouse:before{content:"\f494"} .fa-watchman-monitoring:before{content:"\e087"} .fa-water:before{content:"\f773"} .fa-wave-square:before{content:"\f83e"} .fa-waze:before{content:"\f83f"} .fa-weebly:before{content:"\f5cc"} .fa-weibo:before{content:"\f18a"} .fa-weight:before{content:"\f496"} .fa-weight-hanging:before{content:"\f5cd"} .fa-weixin:before{content:"\f1d7"} .fa-whatsapp:before{content:"\f232"} .fa-whatsapp-square:before{content:"\f40c"} .fa-wheelchair:before{content:"\f193"} .fa-whmcs:before{content:"\f40d"} .fa-wifi:before{content:"\f1eb"} .fa-wikipedia-w:before{content:"\f266"} .fa-wind:before{content:"\f72e"} .fa-window-close:before{content:"\f410"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-windows:before{content:"\f17a"} .fa-wine-bottle:before{content:"\f72f"} .fa-wine-glass:before{content:"\f4e3"} .fa-wine-glass-alt:before{content:"\f5ce"} .fa-wix:before{content:"\f5cf"} .fa-wizards-of-the-coast:before{content:"\f730"} .fa-wodu:before{content:"\e088"} .fa-wolf-pack-battalion:before{content:"\f514"} .fa-won-sign:before{content:"\f159"} .fa-wordpress:before{content:"\f19a"} .fa-wordpress-simple:before{content:"\f411"} .fa-wpbeginner:before{content:"\f297"} .fa-wpexplorer:before{content:"\f2de"} .fa-wpforms:before{content:"\f298"} .fa-wpressr:before{content:"\f3e4"} .fa-wrench:before{content:"\f0ad"} .fa-x-ray:before{content:"\f497"} .fa-xbox:before{content:"\f412"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-y-combinator:before{content:"\f23b"} .fa-yahoo:before{content:"\f19e"} .fa-yammer:before{content:"\f840"} .fa-yandex:before{content:"\f413"} .fa-yandex-international:before{content:"\f414"} .fa-yarn:before{content:"\f7e3"} .fa-yelp:before{content:"\f1e9"} .fa-yen-sign:before{content:"\f157"} .fa-yin-yang:before{content:"\f6ad"} .fa-yoast:before{content:"\f2b1"} .fa-youtube:before{content:"\f167"} .fa-youtube-square:before{content:"\f431"} .fa-zhihu:before{content:"\f63f"} .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} @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/build/assets/webfonts/fa-brands-400-e4299464.eot);src:url(/build/assets/webfonts/fa-brands-400-e4299464.eot?#iefix) format("embedded-opentype"),url(/build/assets/webfonts/fa-brands-400-8ea87917.woff2) format("woff2"),url(/build/assets/webfonts/fa-brands-400-f9217f66.woff) format("woff"),url(/build/assets/webfonts/fa-brands-400-cda59d6e.ttf) format("truetype"),url(/build/assets/images/fa-brands-4002.svg#fontawesome) format("svg")} .fab{font-family:"Font Awesome 5 Brands"} @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/build/assets/webfonts/fa-regular-400-79d08806.eot);src:url(/build/assets/webfonts/fa-regular-400-79d08806.eot?#iefix) format("embedded-opentype"),url(/build/assets/webfonts/fa-regular-400-e42a8844.woff2) format("woff2"),url(/build/assets/webfonts/fa-regular-400-cb9e9e69.woff) format("woff"),url(/build/assets/webfonts/fa-regular-400-e8711bbb.ttf) format("truetype"),url(/build/assets/images/fa-regular-400.svg#fontawesome) format("svg")} .fab,.far{font-weight:400} @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/build/assets/webfonts/fa-solid-900-373c04fd.eot);src:url(/build/assets/webfonts/fa-solid-900-373c04fd.eot?#iefix) format("embedded-opentype"),url(/build/assets/webfonts/fa-solid-900-9834b82a.woff2) format("woff2"),url(/build/assets/webfonts/fa-solid-900-3f6d3488.woff) format("woff"),url(/build/assets/webfonts/fa-solid-900-af639750.ttf) format("truetype"),url(/build/assets/images/fa-solid-900.svg#fontawesome) format("svg")} .fa,.far,.fas{font-family:"Font Awesome 5 Free"} .fa,.fas{font-weight:900} .loader__mailing .formRow { padding: 15px 5px; } .loader__mailing .formRow .upload__form { display: flex; justify-content: space-between; background: #f2f3f4; } .cogs { text-align: center; font-size: 170px; color: #ccc; } .optionSender { padding: 15px; } .optionSender .butons { justify-content: space-between; } .optionSender .butons #SendMail { width: 70%; } #refresh button { padding: 2px 10px; } #generator .panel-body { padding: 15px; } #generator .vdpComponent { min-width: 100%; } #generator .control__buttons { width: 100%; justify-content: space-between; } #generator .control__buttons .form-group { padding: 0 10px; } #generator .table__wrapper { max-height: 400px; min-height: 300px; overflow-y: scroll; } #generator .total { padding: 15px; font-weight: bold; border-top: solid 1px; } .call__page .panel { background-color: #f1f1f1; padding: 20px; } .call__page .align-items-center { display: flex; align-items: center; } .call__page .form-group { margin-bottom: 10px; } .call__page label { font-weight: bold; } .call__page input[type=number] { border: none; border-bottom: 2px solid #26c2c2; padding: 10px; outline: none; height: 40px; margin-top: 10px; transition: border-color 0.3s ease; } .call__page .operator__select { border: none; border-bottom: 2px solid #26c2c2; padding: 10px; outline: none; height: 40px; margin-top: 10px; margin-left: 5px; transition: border-color 0.3s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .call__page input[type=number]:focus { border-color: #f44336; } .call__page .no-spin::-webkit-inner-spin-button, .call__page .no-spin::-webkit-outer-spin-button { appearance: none; margin: 0; } .call__page .no-spin { -moz-appearance: textfield; } .call__page .btn { display: flex; align-items: center; justify-content: center; padding: 10px 20px; background-color: #4CAF50; color: #fff; border: none; cursor: pointer; transition: background-color 0.3s ease; } .call__page .btn:disabled { background-color: #ccc; cursor: not-allowed; } .call__page .btn i { margin-right: 5px; } .call__page .btn-equal-height { height: 40px; } .stats__root { padding: 10px; } .stats__root .to__grid { display: grid; } .stats__root .vdpInnerWrap .vdpHeadCellContent { font-size: 1em !important; } .stats__root .vdpHeadCellContent { font-size: 1em !important; } .stats__root .styled { justify-content: center; height: 35px; align-items: center; align-self: center; margin-top: 22px; } .mounthly__sales .procents { background: #00acac; color: #fff; padding: 3px; font-size: 8px; border-radius: 3px; } .mounthly__sales .down { background: #ff5b57; } .mounthly__sales .up { background: #00acac; } #listener .teams-window { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; padding: 20px; background-color: #252525; color: #FFFFFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } #listener .teams-window .teams-window-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } #listener .teams-window .teams-window-title { font-size: 18px; font-weight: bold; margin: 0; } #listener .teams-window .teams-window-close-button { background-color: transparent; border: none; cursor: pointer; font-size: 24px; color: #FFFFFF; } #listener .teams-window .caller-name { font-size: 16px; margin-bottom: 20px; } #listener .teams-window .incoming-call-buttons { display: flex; justify-content: space-between; } #listener .teams-window .accept-button, #listener .teams-window .reject-button { padding: 10px 20px; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; } #listener .teams-window .accept-button { background-color: #1AB394; color: #FFFFFF; } #listener .teams-window .reject-button { background-color: #E74C3C; color: #FFFFFF; } #headNotification .not { position: relative; border-radius: 5px; border: none; background: #ecf0f1; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } #headNotification .not .qnt { width: 10px; height: 10px; display: flex; background: #ff7575; position: absolute; border-radius: 50%; right: -3px; top: -3px; animation: pulse 1s infinite; } #headNotification .not i { background: -webkit-linear-gradient(300deg, #acccea, #6495ed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #headNotification .notifications { border: 1px solid #ccc; padding: 10px; width: 300px; background-color: #f5f5f5; margin: 20px; position: absolute; right: 0; top: 25px; border-radius: 10px; max-height: 600px; overflow-y: auto; } #headNotification .notifications h6 { display: flex; justify-content: space-between; } #headNotification .notifications h6 a { font-size: 10px; font-weight: 400; color: #348fe2; } #headNotification .notifications h6 a:hover { color: red; } #headNotification .notifications ul { list-style-type: none; padding: 0; } #headNotification .notifications ul .date { display: flex; justify-content: space-evenly; align-items: center; margin: 10px 0; } #headNotification .notifications ul .date .line { width: 40px; height: 2px; background: #e4e7ea; border-radius: 7px; } #headNotification .notifications ul .date span { font-weight: bold; color: #ccc; } #headNotification .notifications ul li { margin: 5px 0; padding: 10px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } #headNotification .notifications ul li:hover { background-color: #f9f9f9; } #headNotification .notifications ul li div { position: relative; align-items: center; } #headNotification .notifications ul li button { position: absolute; right: 0; top: 3px; background: transparent; color: #ccc; padding: 0; z-index: 1; } #headNotification .notifications ul li button:hover { color: #ff5b57; } #headNotification .notifications ul li .iconMessagePlace { margin-right: 10px; background-color: #00acac; border-radius: 25%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; color: #fff; } #headNotification .notifications ul li .systemMessage p { font-weight: bolder; margin: 0; } #headNotification .notifications ul li .time { margin-top: 15px; justify-content: space-between; display: flex; } #headNotification .notifications ul li .time i { margin-left: 5px; align-self: center; color: #c2c2c2; animation: pulse 3s infinite; } #headNotification .notifications .empertyMessage { text-align: center; color: #e3e3e3; margin: 60px 0; } #headNotification .notifications .empertyMessage i { font-size: 48px; color: #e3e3e3; } #headNotification .notifications .empertyMessage p { margin: 20px; font-size: 18px; } .sip-toast-success { opacity: 0.8 !important; top: 10px !important; transform: translate(65px, 45px) !important; } .sip-toast-failed { opacity: 0.8 !important; top: 10px !important; transform: translate(65px, 45px) !important; } #dnd .inactiveMixin, #dnd .toggleWrapper input.mobileToggle + label:after, #dnd .toggleWrapper input.mobileToggle + label:before { content: ""; position: absolute; display: block; } #dnd .toggleWrapper { height: 5px; } #dnd .beforeAnimation, #dnd .toggleWrapper input.mobileToggle + label:before { transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); } #dnd .afterAnimation, #dnd .toggleWrapper input.mobileToggle + label:after { box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); } #dnd .toggleWrapper input.mobileToggle { opacity: 0; position: absolute; } #dnd .toggleWrapper input.mobileToggle + label { position: relative; display: inline-block; user-select: none; transition: 0.4s ease; -webkit-tap-highlight-color: transparent; height: 15px; width: 39px; border: 1px solid #e4e4e4; border-radius: 60px; } #dnd .toggleWrapper input.mobileToggle + label:before { height: 15px; width: 39px; top: 0; left: 0; border-radius: 30px; } #dnd .toggleWrapper input.mobileToggle + label:after { background: whitesmoke; height: 15px; width: 15px; top: 0px; left: 0px; border-radius: 60px; } #dnd .toggleWrapper input.mobileToggle:checked + label:before { background: #00acac; transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); } #dnd .toggleWrapper input.mobileToggle:checked + label:after { left: 24px; } @media (min-width: 1200px) and (max-width: 1440px) { .voip__pannel .butons span { display: none; } .voip__pannel label { font-size: 11px; } .voip__pannel span { display: none; } .voip__pannel th { font-size: 11px; } .voip__pannel table { font-size: 11px; } .voip__pannel table button { padding: 3px 5px; } .voip__pannel table .save { padding: 0 10px; } } @media (min-width: 375px) and (max-width: 480px) { .voip__pannel .tab-content { overflow-x: scroll; } .voip__pannel .tab-content .optionSender { min-width: 1140px; } .voip__pannel .info { overflow-y: scroll; } .voip__pannel .action__buttons { display: flex; } } .scheduler__log { font-size: 10px; } .scheduler__log td { vertical-align: middle; } .scheduler__log .team__checker { display: flex; flex-direction: row; align-items: center; margin-top: 10px; } .scheduler__log .team__checker input.find-user { border: 1px solid rgb(176, 176, 176); border-radius: 2px; padding: 7px 15px; max-width: 270px; margin-right: 10px; } .scheduler__log .team__checker .find-user-btn { display: inline-block; vertical-align: top; padding: 8px 15px; border: none; border-radius: 2px; color: #fff; cursor: pointer; } .scheduler__log .result-user { font-weight: bolder; } .scheduler__log .change__log { margin-top: 8px; } .scheduler__log .change__log button { margin-left: 10px; } .scheduler__log__filter { padding: 1rem 0.5rem; } .scheduler__log__filter label { font-size: 10px; } .scheduler__log__filter .filter-option { color: #ccc; } .scheduler__log__filter .form__action { align-self: end; } .scheduler__date { padding: 20px; position: relative; } .scheduler__date .mounth__loader { justify-content: flex-end; height: auto; align-self: center; } .scheduler__date .mounth__loader button { max-height: 40px; } .scheduler__date .live__list { min-width: 350px; position: absolute; background: #fff; list-style: none; border-radius: 5px; top: 60px; padding: 15px; z-index: 1; border: solid 1px rgba(204, 204, 204, 0.8); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .scheduler__date .live__list .close__live__serarch { background-color: transparent; font-size: smaller; border: solid #e66c6c 1px; border-radius: 50%; padding: 3px; width: 15px; height: 15px; display: flex; justify-content: center; color: #e66c6c; transition: 0.3s; } .scheduler__date .live__list .close__live__serarch:hover { background-color: #e66c6c; color: #fff; } .scheduler__date .live__list li { display: flex; font-size: 12px; color: #515d69; margin: 5px 0; } .scheduler__date .live__list li .icon { font-size: 14px; width: 25px; height: 25px; background: #00abab; color: #fff; border-radius: 50%; border: solid 1px #00abab; display: flex; justify-content: center; align-items: center; margin-right: 5px; } .scheduler__date .live__list li .text__liveSearch { padding: 3px; } .scheduler__date .scheduler table .pull-right a { transition: 0.2s ease-in-out all; } .scheduler__date .scheduler table .pull-right a:hover { color: #00acac; } .time__line { display: flex; align-items: center; margin: 0 5px; } .time__line div { height: 1px; border-top: solid 1px; width: 5px; margin: 0 5px; } #unblocker .panel:first-child { padding: 20px; } #unblocker .panel .a__self { align-self: end; } .unblock-user-modal { background-color: #fff; border-radius: 5px; } .unblock-user-modal .modal-header { background-color: #f0f0f0; color: #333; } .unblock-user-modal .modal-content { padding: 20px; border: none !important; } .unblock-user-modal .modal-content .form-group { margin-bottom: 20px; } .unblock-user-modal .modal-content .form-control { border: 1px solid #ccc; border-radius: 4px; } .unblock-user-modal .modal-content .form-control:focus { border-color: #0056b3; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .unblock-user-modal .modal-content .confirmation-text { margin-top: 20px; font-weight: bold; color: #666; } #allCalls .comment-box-container { position: absolute; z-index: 10; right: 15px; bottom: -45px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background: #ffffff; padding: 0.5rem; border-radius: 0.5rem; border: 1px solid #ccd0d5; width: 300px; } #allCalls .comment-box-container .comment-textarea { width: 85%; display: inline-block; margin-right: 0.5rem; padding: 20px 10px; } #allCalls .comment-box-container .save-comment { flex: 0 0 auto; display: inline-block; vertical-align: top; font-size: 18px; } #spanel table td button { margin: 0 5px; } #spanel .vue-simple-spinner { border-color: #00acac rgb(238, 238, 238) !important; } /*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: 0.08em solid #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .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; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/build/assets/webfonts/fa-brands-400-6128dd44.eot); src: url(/build/assets/webfonts/fa-brands-400-6128dd44.eot?#iefix) format("embedded-opentype"), url(/build/assets/webfonts/fa-brands-400-71b3ce72.woff2) format("woff2"), url(/build/assets/webfonts/fa-brands-400-a0375c05.woff) format("woff"), url(/build/assets/webfonts/fa-brands-400-404d6083.ttf) format("truetype"), url(/build/assets/images/fa-brands-400.svg#fontawesome) format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url(/build/assets/webfonts/fa-regular-400-f9853ad3.eot); src: url(/build/assets/webfonts/fa-regular-400-f9853ad3.eot?#iefix) format("embedded-opentype"), url(/build/assets/webfonts/fa-regular-400-ce20ed8a.woff2) format("woff2"), url(/build/assets/webfonts/fa-regular-400-6799c999.woff) format("woff"), url(/build/assets/webfonts/fa-regular-400-5e811f0b.ttf) format("truetype"), url(/build/assets/images/fa-regular-4002.svg#fontawesome) format("svg"); } .fab, .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/build/assets/webfonts/fa-solid-900-e0e3c4af.eot); src: url(/build/assets/webfonts/fa-solid-900-e0e3c4af.eot?#iefix) format("embedded-opentype"), url(/build/assets/webfonts/fa-solid-900-6b555920.woff2) format("woff2"), url(/build/assets/webfonts/fa-solid-900-aab971ad.woff) format("woff"), url(/build/assets/webfonts/fa-solid-900-2caded24.ttf) format("truetype"), url(/build/assets/images/fa-solid-9002.svg#fontawesome) format("svg"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: 0.003; filter: Alpha(Opacity=0.3); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration:1s; --animate-delay:1s; --animate-repeat:1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* This is a compiled file, you should be editing the file in the templates directory */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #000000; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #000000, 0 0 5px #000000; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #000000; border-left-color: #000000; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } /*! * Color Admin v4.7.0 (https://seantheme.com/color-admin/) * Copyright 2020 SeanTheme */ /* 1.0 Color system 2.0 RTL Setting 3.0 Component Color Setting 4.0 Grid & Container Setting 5.0 Body Setting 6.0 App Component Setting 7.0 z-index Setting 8.0 Font Setting 9.0 Radius Setting 10.0 Caret Setting 11.0 Heading / Paragraph Setting 12.0 Pagination Setting 13.0 Button Setting 14.0 Form Component Setting 15.0 Input Setting 16.0 Table Setting 17.0 Modal Setting 18.0 List Group Setting 19.0 Tabs Setting 20.0 Alert Setting 21.0 Card Setting 22.0 Dropown Setting 23.0 Progress Setting */ /*! * Bootstrap v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #348fe2; --indigo: #8753de; --purple: #727cb6; --pink: #fb5597; --red: #ff5b57; --orange: #f59c1a; --yellow: #ffd900; --green: #32a932; --teal: #00acac; --cyan: #49b6d6; --white: #FFFFFF; --gray: #6c757d; --gray-dark: #343a40; --black: #000000; --dark: #2d353c; --dark-darker: #1a2229; --lime: #90ca4b; --light: #f2f3f4; --silver: #b6c2c9; --muted: #627884; --aqua: #49b6d6; --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-300: #dee2e6; --gray-400: #ced4da; --gray-500: #adb5bd; --gray-600: #6c757d; --gray-700: #495057; --gray-800: #343a40; --gray-900: #2d353c; --primary: #00acac; --secondary: #6c757d; --success: #00acac; --info: #49b6d6; --warning: #f59c1a; --danger: #ff5b57; --light: #f2f3f4; --dark: #2d353c; --inverse: #2d353c; --black: #000000; --white: #FFFFFF; --grey: #b6c2c9; --muted: #b6c2c9; --silver: #b6c2c9; --lime: #90ca4b; --aqua: #49b6d6; --breakpoint-xxs: 0; --breakpoint-xs: 360px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1660px; --breakpoint-xxxl: 1900px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #333333; text-align: left; background-color: #dee2e6; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; } p { margin-top: 0; margin-bottom: 15px; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #348fe2; text-decoration: none; background-color: transparent; } a:hover { color: #1968b0; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 8px; padding-bottom: 8px; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 8px; font-weight: 600; line-height: 1.2; } h1, .h1 { font-size: 1.875rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.3125rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 0.9375rem; } h6, .h6 { font-size: 0.75rem; } .lead { font-size: 0.9375rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 16px; font-size: 0.9375rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #dee2e6; border: 1px solid #dee2e6; border-radius: 4px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 8px; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #fb5597; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FFFFFF; background-color: #2d353c; border-radius: 3px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #2d353c; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container-xs, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container-xs, .container { max-width: 750px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container-xs, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container { max-width: 1170px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxxl, .col-xxxl-auto, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .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-xs, .col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 360px) { .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xs-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xs-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xs-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xs-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xs-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xs-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.3333333333%; } .offset-xs-2 { margin-left: 16.6666666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.3333333333%; } .offset-xs-5 { margin-left: 41.6666666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.3333333333%; } .offset-xs-8 { margin-left: 66.6666666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.3333333333%; } .offset-xs-11 { margin-left: 91.6666666667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1660px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1900px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { order: -1; } .order-xxxl-last { order: 13; } .order-xxxl-0 { order: 0; } .order-xxxl-1 { order: 1; } .order-xxxl-2 { order: 2; } .order-xxxl-3 { order: 3; } .order-xxxl-4 { order: 4; } .order-xxxl-5 { order: 5; } .order-xxxl-6 { order: 6; } .order-xxxl-7 { order: 7; } .order-xxxl-8 { order: 8; } .order-xxxl-9 { order: 9; } .order-xxxl-10 { order: 10; } .order-xxxl-11 { order: 11; } .order-xxxl-12 { order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.3333333333%; } .offset-xxxl-2 { margin-left: 16.6666666667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.3333333333%; } .offset-xxxl-5 { margin-left: 41.6666666667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.3333333333%; } .offset-xxxl-8 { margin-left: 66.6666666667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.3333333333%; } .offset-xxxl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 16px; color: #333333; } .table th, .table td { padding: 8px; vertical-align: top; border-top: 1px solid #e4e7ea; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e4e7ea; } .table tbody + tbody { border-top: 2px solid #e4e7ea; } .table-sm th, .table-sm td { padding: 5px; } .table-bordered { border: 1px solid #e4e7ea; } .table-bordered th, .table-bordered td { border: 1px solid #e4e7ea; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f2f4f5; } .table-hover tbody tr:hover { color: #333333; background-color: #f2f4f5; } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8e8e8; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7ad4d4; } .table-hover .table-primary:hover { background-color: #a5e2e2; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a5e2e2; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #b8e8e8; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #7ad4d4; } .table-hover .table-success:hover { background-color: #a5e2e2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a5e2e2; } .table-info, .table-info > th, .table-info > td { background-color: #ccebf4; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #a0d9ea; } .table-hover .table-info:hover { background-color: #b7e3ef; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #b7e3ef; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fce3bf; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #facc88; } .table-hover .table-warning:hover { background-color: #fbd8a7; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fbd8a7; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffd1d0; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ffaaa8; } .table-hover .table-danger:hover { background-color: #ffb8b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffb8b7; } .table-light, .table-light > th, .table-light > td { background-color: #fbfcfc; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f8f9f9; } .table-hover .table-light:hover { background-color: #ecf1f1; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ecf1f1; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c4c6c8; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #92969a; } .table-hover .table-dark:hover { background-color: #b7b9bc; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b7b9bc; } .table-inverse, .table-inverse > th, .table-inverse > td { background-color: #c4c6c8; } .table-inverse th, .table-inverse td, .table-inverse thead th, .table-inverse tbody + tbody { border-color: #92969a; } .table-hover .table-inverse:hover { background-color: #b7b9bc; } .table-hover .table-inverse:hover > td, .table-hover .table-inverse:hover > th { background-color: #b7b9bc; } .table-black, .table-black > th, .table-black > td { background-color: #b8b8b8; } .table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody { border-color: #7a7a7a; } .table-hover .table-black:hover { background-color: #ababab; } .table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #ababab; } .table-white, .table-white > th, .table-white > td { background-color: white; } .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody { border-color: white; } .table-hover .table-white:hover { background-color: #f2f2f2; } .table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; } .table-grey, .table-grey > th, .table-grey > td { background-color: #ebeef0; } .table-grey th, .table-grey td, .table-grey thead th, .table-grey tbody + tbody { border-color: #d9dfe3; } .table-hover .table-grey:hover { background-color: #dce2e5; } .table-hover .table-grey:hover > td, .table-hover .table-grey:hover > th { background-color: #dce2e5; } .table-muted, .table-muted > th, .table-muted > td { background-color: #ebeef0; } .table-muted th, .table-muted td, .table-muted thead th, .table-muted tbody + tbody { border-color: #d9dfe3; } .table-hover .table-muted:hover { background-color: #dce2e5; } .table-hover .table-muted:hover > td, .table-hover .table-muted:hover > th { background-color: #dce2e5; } .table-silver, .table-silver > th, .table-silver > td { background-color: #ebeef0; } .table-silver th, .table-silver td, .table-silver thead th, .table-silver tbody + tbody { border-color: #d9dfe3; } .table-hover .table-silver:hover { background-color: #dce2e5; } .table-hover .table-silver:hover > td, .table-hover .table-silver:hover > th { background-color: #dce2e5; } .table-lime, .table-lime > th, .table-lime > td { background-color: #e0f0cd; } .table-lime th, .table-lime td, .table-lime thead th, .table-lime tbody + tbody { border-color: #c5e3a1; } .table-hover .table-lime:hover { background-color: #d4eab9; } .table-hover .table-lime:hover > td, .table-hover .table-lime:hover > th { background-color: #d4eab9; } .table-aqua, .table-aqua > th, .table-aqua > td { background-color: #ccebf4; } .table-aqua th, .table-aqua td, .table-aqua thead th, .table-aqua tbody + tbody { border-color: #a0d9ea; } .table-hover .table-aqua:hover { background-color: #b7e3ef; } .table-hover .table-aqua:hover > td, .table-hover .table-aqua:hover > th { background-color: #b7e3ef; } .table-active, .table-active > th, .table-active > td { background-color: #f2f4f5; } .table-hover .table-active:hover { background-color: #e4e7ea; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e4e7ea; } .table .thead-dark th { color: #FFFFFF; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #e4e7ea; } .table-dark { color: #FFFFFF; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 359.98px) { .table-responsive-xs { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xs > .table-bordered { border: 0; } } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1659.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } @media (max-width: 1899.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #2d353c; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #d5dbe0; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #2d353c; } .form-control:focus { color: #2d353c; background-color: #FFFFFF; border-color: #5db0ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #2d353c; background-color: #FFFFFF; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.4375rem + 1px); padding-bottom: calc(0.4375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1.8; } .col-form-label-sm { padding-top: calc(0.3125rem + 1px); padding-bottom: calc(0.3125rem + 1px); font-size: 0.75rem; line-height: 1.4; } .form-control-plaintext { display: block; width: 100%; padding: 0.4375rem 0; margin-bottom: 0; font-size: 0.75rem; line-height: 1.5; color: #333333; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.4em + 0.625rem + 2px); padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .form-control-lg { height: calc(1.8em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.6875rem; color: #00acac; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.6875rem; line-height: 1.5; color: #FFFFFF; background-color: rgba(0, 172, 172, 0.9); border-radius: 4px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #00acac; padding-right: calc(1.5em + 0.875rem); 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='%2300acac' 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.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #00acac; box-shadow: 0 0 0 0.2rem rgba(0, 172, 172, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #00acac; padding-right: calc(0.75em + 2.40625rem); 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") no-repeat right 0.75rem center/8px 10px, 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='%2300acac' 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") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #00acac; box-shadow: 0 0 0 0.2rem rgba(0, 172, 172, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #00acac; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #00acac; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #00acac; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #00dfdf; background-color: #00dfdf; } .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(0, 172, 172, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #00acac; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #00acac; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #00acac; box-shadow: 0 0 0 0.2rem rgba(0, 172, 172, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.6875rem; color: #ff5b57; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.6875rem; line-height: 1.5; color: #FFFFFF; background-color: rgba(255, 91, 87, 0.9); border-radius: 4px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff5b57; padding-right: calc(1.5em + 0.875rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff5b57' 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='%23ff5b57' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff5b57; box-shadow: 0 0 0 0.2rem rgba(255, 91, 87, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff5b57; padding-right: calc(0.75em + 2.40625rem); 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") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff5b57' 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='%23ff5b57' stroke='none'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff5b57; box-shadow: 0 0 0 0.2rem rgba(255, 91, 87, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff5b57; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ff5b57; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff5b57; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff8d8a; background-color: #ff8d8a; } .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(255, 91, 87, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff5b57; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff5b57; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff5b57; box-shadow: 0 0 0 0.2rem rgba(255, 91, 87, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #333333; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 0.75rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #333333; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-primary:hover { color: #FFFFFF; background-color: #008686; border-color: #007979; } .btn-primary:focus, .btn-primary.focus { color: #FFFFFF; background-color: #008686; border-color: #007979; box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #007979; border-color: #006c6c; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-secondary { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #FFFFFF; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #FFFFFF; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #FFFFFF; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-success { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-success:hover { color: #FFFFFF; background-color: #008686; border-color: #007979; } .btn-success:focus, .btn-success.focus { color: #FFFFFF; background-color: #008686; border-color: #007979; box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #FFFFFF; background-color: #007979; border-color: #006c6c; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-info { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-info:hover { color: #FFFFFF; background-color: #2ea7cb; border-color: #2b9fc1; } .btn-info:focus, .btn-info.focus { color: #FFFFFF; background-color: #2ea7cb; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2996b6; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-warning { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-warning:hover { color: #FFFFFF; background-color: #df880a; border-color: #d38109; } .btn-warning:focus, .btn-warning.focus { color: #FFFFFF; background-color: #df880a; border-color: #d38109; box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #FFFFFF; background-color: #d38109; border-color: #c77909; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-danger { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-danger:hover { color: #FFFFFF; background-color: #ff3631; border-color: #ff2924; } .btn-danger:focus, .btn-danger.focus { color: #FFFFFF; background-color: #ff3631; border-color: #ff2924; box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #FFFFFF; background-color: #ff2924; border-color: #ff1d17; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-light { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-light:hover { color: #2d353c; background-color: #dde0e2; border-color: #d6dadd; } .btn-light:focus, .btn-light.focus { color: #2d353c; background-color: #dde0e2; border-color: #d6dadd; box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #2d353c; background-color: #d6dadd; border-color: #cfd3d7; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-dark { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-dark:hover { color: #FFFFFF; background-color: #1d2226; border-color: #171b1f; } .btn-dark:focus, .btn-dark.focus { color: #FFFFFF; background-color: #1d2226; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #121518; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-inverse { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-inverse:hover { color: #FFFFFF; background-color: #1d2226; border-color: #171b1f; } .btn-inverse:focus, .btn-inverse.focus { color: #FFFFFF; background-color: #1d2226; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-inverse.disabled, .btn-inverse:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-inverse:not(:disabled):not(.disabled):active, .btn-inverse:not(:disabled):not(.disabled).active, .show > .btn-inverse.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #121518; } .btn-inverse:not(:disabled):not(.disabled):active:focus, .btn-inverse:not(:disabled):not(.disabled).active:focus, .show > .btn-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-black { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-black:hover { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #FFFFFF; background-color: black; border-color: black; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-white { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-white:hover { color: #2d353c; background-color: #ececec; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { color: #2d353c; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0 rgba(224, 225, 226, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #2d353c; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(224, 225, 226, 0.5); } .btn-grey { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-grey:hover { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; } .btn-grey:focus, .btn-grey.focus { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-grey.disabled, .btn-grey:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #91a3ae; } .btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-muted { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-muted:hover { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; } .btn-muted:focus, .btn-muted.focus { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #91a3ae; } .btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-silver { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-silver:hover { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; } .btn-silver:focus, .btn-silver.focus { color: #2d353c; background-color: #a0b0b9; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-silver:not(:disabled):not(.disabled):active, .btn-silver:not(:disabled):not(.disabled).active, .show > .btn-silver.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #91a3ae; } .btn-silver:not(:disabled):not(.disabled):active:focus, .btn-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-lime { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-lime:hover { color: #2d353c; background-color: #7db836; border-color: #76af33; } .btn-lime:focus, .btn-lime.focus { color: #2d353c; background-color: #7db836; border-color: #76af33; box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active, .show > .btn-lime.dropdown-toggle { color: #FFFFFF; background-color: #76af33; border-color: #70a531; } .btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-aqua { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-aqua:hover { color: #FFFFFF; background-color: #2ea7cb; border-color: #2b9fc1; } .btn-aqua:focus, .btn-aqua.focus { color: #FFFFFF; background-color: #2ea7cb; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-aqua:not(:disabled):not(.disabled):active, .btn-aqua:not(:disabled):not(.disabled).active, .show > .btn-aqua.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2996b6; } .btn-aqua:not(:disabled):not(.disabled):active:focus, .btn-aqua:not(:disabled):not(.disabled).active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-outline-primary { color: #00acac; border-color: #00acac; } .btn-outline-primary:hover { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(0, 172, 172, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #00acac; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 172, 172, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #00acac; border-color: #00acac; } .btn-outline-success:hover { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(0, 172, 172, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00acac; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 172, 172, 0.5); } .btn-outline-info { color: #49b6d6; border-color: #49b6d6; } .btn-outline-info:hover { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(73, 182, 214, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #49b6d6; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(73, 182, 214, 0.5); } .btn-outline-warning { color: #f59c1a; border-color: #f59c1a; } .btn-outline-warning:hover { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(245, 156, 26, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f59c1a; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(245, 156, 26, 0.5); } .btn-outline-danger { color: #ff5b57; border-color: #ff5b57; } .btn-outline-danger:hover { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(255, 91, 87, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff5b57; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 91, 87, 0.5); } .btn-outline-light { color: #f2f3f4; border-color: #f2f3f4; } .btn-outline-light:hover { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(242, 243, 244, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f2f3f4; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(242, 243, 244, 0.5); } .btn-outline-dark { color: #2d353c; border-color: #2d353c; } .btn-outline-dark:hover { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(45, 53, 60, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #2d353c; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(45, 53, 60, 0.5); } .btn-outline-inverse { color: #2d353c; border-color: #2d353c; } .btn-outline-inverse:hover { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-outline-inverse:focus, .btn-outline-inverse.focus { box-shadow: 0 0 0 0 rgba(45, 53, 60, 0.5); } .btn-outline-inverse.disabled, .btn-outline-inverse:disabled { color: #2d353c; background-color: transparent; } .btn-outline-inverse:not(:disabled):not(.disabled):active, .btn-outline-inverse:not(:disabled):not(.disabled).active, .show > .btn-outline-inverse.dropdown-toggle { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-outline-inverse:not(:disabled):not(.disabled):active:focus, .btn-outline-inverse:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(45, 53, 60, 0.5); } .btn-outline-black { color: #000000; border-color: #000000; } .btn-outline-black:hover { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-outline-black:focus, .btn-outline-black.focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #000000; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-white { color: #FFFFFF; border-color: #FFFFFF; } .btn-outline-white:hover { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #FFFFFF; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-grey { color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-grey:hover { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-grey:focus, .btn-outline-grey.focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-grey.disabled, .btn-outline-grey:disabled { color: #b6c2c9; background-color: transparent; } .btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-muted { color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-muted:hover { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-muted:focus, .btn-outline-muted.focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-muted.disabled, .btn-outline-muted:disabled { color: #b6c2c9; background-color: transparent; } .btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-silver { color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-silver:hover { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-silver:focus, .btn-outline-silver.focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-silver.disabled, .btn-outline-silver:disabled { color: #b6c2c9; background-color: transparent; } .btn-outline-silver:not(:disabled):not(.disabled):active, .btn-outline-silver:not(:disabled):not(.disabled).active, .show > .btn-outline-silver.dropdown-toggle { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-outline-silver:not(:disabled):not(.disabled):active:focus, .btn-outline-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(182, 194, 201, 0.5); } .btn-outline-lime { color: #90ca4b; border-color: #90ca4b; } .btn-outline-lime:hover { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-outline-lime:focus, .btn-outline-lime.focus { box-shadow: 0 0 0 0 rgba(144, 202, 75, 0.5); } .btn-outline-lime.disabled, .btn-outline-lime:disabled { color: #90ca4b; background-color: transparent; } .btn-outline-lime:not(:disabled):not(.disabled):active, .btn-outline-lime:not(:disabled):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-outline-lime:not(:disabled):not(.disabled):active:focus, .btn-outline-lime:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(144, 202, 75, 0.5); } .btn-outline-aqua { color: #49b6d6; border-color: #49b6d6; } .btn-outline-aqua:hover { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-outline-aqua:focus, .btn-outline-aqua.focus { box-shadow: 0 0 0 0 rgba(73, 182, 214, 0.5); } .btn-outline-aqua.disabled, .btn-outline-aqua:disabled { color: #49b6d6; background-color: transparent; } .btn-outline-aqua:not(:disabled):not(.disabled):active, .btn-outline-aqua:not(:disabled):not(.disabled).active, .show > .btn-outline-aqua.dropdown-toggle { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-outline-aqua:not(:disabled):not(.disabled):active:focus, .btn-outline-aqua:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(73, 182, 214, 0.5); } .btn-link { font-weight: 400; color: #348fe2; text-decoration: none; } .btn-link:hover { color: #1968b0; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-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: 0.6875rem; color: #333333; text-align: left; list-style: none; background-color: #FFFFFF; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 360px) { .dropdown-menu-xs-left { right: auto; left: 0; } .dropdown-menu-xs-right { right: 0; left: auto; } } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1660px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } @media (min-width: 1900px) { .dropdown-menu-xxxl-left { right: auto; left: 0; } .dropdown-menu-xxxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #2d353c; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #22282d; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #FFFFFF; text-decoration: none; background-color: #348fe2; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.6875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #2d353c; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.46875rem; padding-left: 0.46875rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.4375rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #2d353c; text-align: center; white-space: nowrap; background-color: #d5dbe0; border: 1px solid #d5dbe0; border-radius: 4px; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.8em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.4em + 0.625rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.125rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.0625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #348fe2; background-color: #348fe2; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #5db0ff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: #d0e5f8; border-color: #d0e5f8; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 4px; } .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='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #348fe2; background-color: #348fe2; } .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='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(52, 143, 226, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(52, 143, 226, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(52, 143, 226, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.0625rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #FFFFFF; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(52, 143, 226, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 1.75rem 0.4375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #2d353c; vertical-align: middle; background: #FFFFFF 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") no-repeat right 0.75rem center/8px 10px; border: 1px solid #d5dbe0; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #5db0ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-select:focus::-ms-value { color: #2d353c; background-color: #FFFFFF; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #2d353c; } .custom-select-sm { height: calc(1.4em + 0.625rem + 2px); padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 0.625rem; font-size: 0.75rem; } .custom-select-lg { height: calc(1.8em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 0.875rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.875rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.875rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #5db0ff; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #2d353c; background-color: #FFFFFF; border: 1px solid #d5dbe0; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.875rem); padding: 0.4375rem 0.75rem; line-height: 1.5; color: #2d353c; content: "Browse"; background-color: #d5dbe0; border-left: inherit; border-radius: 0 4px 4px 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #dee2e6, 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #dee2e6, 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #dee2e6, 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #348fe2; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #d0e5f8; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #348fe2; 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) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #d0e5f8; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #348fe2; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #d0e5f8; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 0 solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #FFFFFF; border-color: #dee2e6 #dee2e6 #FFFFFF; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 4px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFFFFF; background-color: #348fe2; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 16px; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.40625rem; padding-bottom: 0.40625rem; margin-right: 16px; font-size: 0.875rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 359.98px) { .navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-md, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 360px) { .navbar-expand-xs { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xs .navbar-nav { flex-direction: row; } .navbar-expand-xs .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xs .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-md, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-xl { flex-wrap: nowrap; } .navbar-expand-xs .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xs .navbar-toggler { display: none; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1659.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1660px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } @media (max-width: 1899.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1900px) { .navbar-expand-xxxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxxl .navbar-nav { flex-direction: row; } .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xxxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #FFFFFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #FFFFFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #FFFFFF; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFFFFF; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFFFFF; background-clip: border-box; border: 1px solid rgba(45, 53, 60, 0.15); border-radius: 4px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 15px; } .card-title { margin-bottom: 15px; } .card-subtitle { margin-top: -7.5px; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 15px; } .card-header { padding: 15px 15px; margin-bottom: 0; background-color: #f2f4f5; border-bottom: 1px solid rgba(45, 53, 60, 0.15); } .card-header:first-child { border-radius: 3px 3px 0 0; } .card-footer { padding: 15px 15px; background-color: #f2f4f5; border-top: 1px solid rgba(45, 53, 60, 0.15); } .card-footer:last-child { border-radius: 0 0 3px 3px; } .card-header-tabs { margin-right: -7.5px; margin-bottom: -15px; margin-left: -7.5px; border-bottom: 0; } .card-header-pills { margin-right: -7.5px; margin-left: -7.5px; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; border-radius: 3px; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .card-img, .card-img-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 15px; column-gap: 15px; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 4px; } .breadcrumb-item { display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #6f8293; background-color: #FFFFFF; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #2d353c; text-decoration: none; background-color: #e9ecef; border-color: #d5dbe0; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .page-item.active .page-link { z-index: 3; color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #FFFFFF; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.8; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.6875rem; line-height: 1.4; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .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: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #FFFFFF; background-color: #00acac; } a.badge-primary:hover, a.badge-primary:focus { color: #FFFFFF; background-color: #007979; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 172, 172, 0.5); } .badge-secondary { color: #FFFFFF; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #FFFFFF; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #FFFFFF; background-color: #00acac; } a.badge-success:hover, a.badge-success:focus { color: #FFFFFF; background-color: #007979; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 172, 172, 0.5); } .badge-info { color: #2d353c; background-color: #49b6d6; } a.badge-info:hover, a.badge-info:focus { color: #2d353c; background-color: #2b9fc1; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 182, 214, 0.5); } .badge-warning { color: #2d353c; background-color: #f59c1a; } a.badge-warning:hover, a.badge-warning:focus { color: #2d353c; background-color: #d38109; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(245, 156, 26, 0.5); } .badge-danger { color: #FFFFFF; background-color: #ff5b57; } a.badge-danger:hover, a.badge-danger:focus { color: #FFFFFF; background-color: #ff2924; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 91, 87, 0.5); } .badge-light { color: #2d353c; background-color: #f2f3f4; } a.badge-light:hover, a.badge-light:focus { color: #2d353c; background-color: #d6dadd; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(242, 243, 244, 0.5); } .badge-dark { color: #FFFFFF; background-color: #2d353c; } a.badge-dark:hover, a.badge-dark:focus { color: #FFFFFF; background-color: #171b1f; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(45, 53, 60, 0.5); } .badge-inverse { color: #FFFFFF; background-color: #2d353c; } a.badge-inverse:hover, a.badge-inverse:focus { color: #FFFFFF; background-color: #171b1f; } a.badge-inverse:focus, a.badge-inverse.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(45, 53, 60, 0.5); } .badge-black { color: #FFFFFF; background-color: #000000; } a.badge-black:hover, a.badge-black:focus { color: #FFFFFF; background-color: black; } a.badge-black:focus, a.badge-black.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-white { color: #2d353c; background-color: #FFFFFF; } a.badge-white:hover, a.badge-white:focus { color: #2d353c; background-color: #e6e6e6; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-grey { color: #2d353c; background-color: #b6c2c9; } a.badge-grey:hover, a.badge-grey:focus { color: #2d353c; background-color: #99aab3; } a.badge-grey:focus, a.badge-grey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(182, 194, 201, 0.5); } .badge-muted { color: #2d353c; background-color: #b6c2c9; } a.badge-muted:hover, a.badge-muted:focus { color: #2d353c; background-color: #99aab3; } a.badge-muted:focus, a.badge-muted.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(182, 194, 201, 0.5); } .badge-silver { color: #2d353c; background-color: #b6c2c9; } a.badge-silver:hover, a.badge-silver:focus { color: #2d353c; background-color: #99aab3; } a.badge-silver:focus, a.badge-silver.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(182, 194, 201, 0.5); } .badge-lime { color: #2d353c; background-color: #90ca4b; } a.badge-lime:hover, a.badge-lime:focus { color: #2d353c; background-color: #76af33; } a.badge-lime:focus, a.badge-lime.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(144, 202, 75, 0.5); } .badge-aqua { color: #2d353c; background-color: #49b6d6; } a.badge-aqua:hover, a.badge-aqua:focus { color: #2d353c; background-color: #2b9fc1; } a.badge-aqua:focus, a.badge-aqua.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 182, 214, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 6px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.9375rem 0.9375rem; margin-bottom: 1.25rem; border: 0 solid transparent; border-radius: 4px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.9375rem 0.9375rem; color: inherit; } .alert-primary { color: #005959; background-color: #cceeee; border-color: #b8e8e8; } .alert-primary hr { border-top-color: #a5e2e2; } .alert-primary .alert-link { color: #002626; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #005959; background-color: #cceeee; border-color: #b8e8e8; } .alert-success hr { border-top-color: #a5e2e2; } .alert-success .alert-link { color: #002626; } .alert-info { color: #265f6f; background-color: #dbf0f7; border-color: #ccebf4; } .alert-info hr { border-top-color: #b7e3ef; } .alert-info .alert-link { color: #193e49; } .alert-warning { color: #7f510e; background-color: #fdebd1; border-color: #fce3bf; } .alert-warning hr { border-top-color: #fbd8a7; } .alert-warning .alert-link { color: #513409; } .alert-danger { color: #852f2d; background-color: #ffdedd; border-color: #ffd1d0; } .alert-danger hr { border-top-color: #ffb8b7; } .alert-danger .alert-link { color: #5f2220; } .alert-light { color: #7e7e7f; background-color: #fcfdfd; border-color: #fbfcfc; } .alert-light hr { border-top-color: #ecf1f1; } .alert-light .alert-link { color: #656565; } .alert-dark { color: #171c1f; background-color: #d5d7d8; border-color: #c4c6c8; } .alert-dark hr { border-top-color: #b7b9bc; } .alert-dark .alert-link { color: #010202; } .alert-inverse { color: #171c1f; background-color: #d5d7d8; border-color: #c4c6c8; } .alert-inverse hr { border-top-color: #b7b9bc; } .alert-inverse .alert-link { color: #010202; } .alert-black { color: black; background-color: #cccccc; border-color: #b8b8b8; } .alert-black hr { border-top-color: #ababab; } .alert-black .alert-link { color: black; } .alert-white { color: #858585; background-color: white; border-color: white; } .alert-white hr { border-top-color: #f2f2f2; } .alert-white .alert-link { color: #6c6c6c; } .alert-grey { color: #5f6569; background-color: #f0f3f4; border-color: #ebeef0; } .alert-grey hr { border-top-color: #dce2e5; } .alert-grey .alert-link { color: #474b4e; } .alert-muted { color: #5f6569; background-color: #f0f3f4; border-color: #ebeef0; } .alert-muted hr { border-top-color: #dce2e5; } .alert-muted .alert-link { color: #474b4e; } .alert-silver { color: #5f6569; background-color: #f0f3f4; border-color: #ebeef0; } .alert-silver hr { border-top-color: #dce2e5; } .alert-silver .alert-link { color: #474b4e; } .alert-lime { color: #4b6927; background-color: #e9f4db; border-color: #e0f0cd; } .alert-lime hr { border-top-color: #d4eab9; } .alert-lime .alert-link { color: #304419; } .alert-aqua { color: #265f6f; background-color: #dbf0f7; border-color: #ccebf4; } .alert-aqua hr { border-top-color: #b7e3ef; } .alert-aqua .alert-link { color: #193e49; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.5625rem; background-color: #e4e7ea; border-radius: 4px; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #FFFFFF; text-align: center; white-space: nowrap; background-color: #348fe2; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 4px; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #333333; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 10px 15px; background-color: #FFFFFF; border: 1px solid rgba(45, 53, 60, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #FFFFFF; } .list-group-item.active { z-index: 2; color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 360px) { .list-group-horizontal-xs { flex-direction: row; } .list-group-horizontal-xs > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xs > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xs > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xs > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xs > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1660px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1900px) { .list-group-horizontal-xxxl { flex-direction: row; } .list-group-horizontal-xxxl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xxxl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xxxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #005959; background-color: #b8e8e8; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #005959; background-color: #a5e2e2; } .list-group-item-primary.list-group-item-action.active { color: #FFFFFF; background-color: #005959; border-color: #005959; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #FFFFFF; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #005959; background-color: #b8e8e8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #005959; background-color: #a5e2e2; } .list-group-item-success.list-group-item-action.active { color: #FFFFFF; background-color: #005959; border-color: #005959; } .list-group-item-info { color: #265f6f; background-color: #ccebf4; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #265f6f; background-color: #b7e3ef; } .list-group-item-info.list-group-item-action.active { color: #FFFFFF; background-color: #265f6f; border-color: #265f6f; } .list-group-item-warning { color: #7f510e; background-color: #fce3bf; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #7f510e; background-color: #fbd8a7; } .list-group-item-warning.list-group-item-action.active { color: #FFFFFF; background-color: #7f510e; border-color: #7f510e; } .list-group-item-danger { color: #852f2d; background-color: #ffd1d0; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #852f2d; background-color: #ffb8b7; } .list-group-item-danger.list-group-item-action.active { color: #FFFFFF; background-color: #852f2d; border-color: #852f2d; } .list-group-item-light { color: #7e7e7f; background-color: #fbfcfc; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7e7e7f; background-color: #ecf1f1; } .list-group-item-light.list-group-item-action.active { color: #FFFFFF; background-color: #7e7e7f; border-color: #7e7e7f; } .list-group-item-dark { color: #171c1f; background-color: #c4c6c8; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #171c1f; background-color: #b7b9bc; } .list-group-item-dark.list-group-item-action.active { color: #FFFFFF; background-color: #171c1f; border-color: #171c1f; } .list-group-item-inverse { color: #171c1f; background-color: #c4c6c8; } .list-group-item-inverse.list-group-item-action:hover, .list-group-item-inverse.list-group-item-action:focus { color: #171c1f; background-color: #b7b9bc; } .list-group-item-inverse.list-group-item-action.active { color: #FFFFFF; background-color: #171c1f; border-color: #171c1f; } .list-group-item-black { color: black; background-color: #b8b8b8; } .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { color: black; background-color: #ababab; } .list-group-item-black.list-group-item-action.active { color: #FFFFFF; background-color: black; border-color: black; } .list-group-item-white { color: #858585; background-color: white; } .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-white.list-group-item-action.active { color: #FFFFFF; background-color: #858585; border-color: #858585; } .list-group-item-grey { color: #5f6569; background-color: #ebeef0; } .list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus { color: #5f6569; background-color: #dce2e5; } .list-group-item-grey.list-group-item-action.active { color: #FFFFFF; background-color: #5f6569; border-color: #5f6569; } .list-group-item-muted { color: #5f6569; background-color: #ebeef0; } .list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus { color: #5f6569; background-color: #dce2e5; } .list-group-item-muted.list-group-item-action.active { color: #FFFFFF; background-color: #5f6569; border-color: #5f6569; } .list-group-item-silver { color: #5f6569; background-color: #ebeef0; } .list-group-item-silver.list-group-item-action:hover, .list-group-item-silver.list-group-item-action:focus { color: #5f6569; background-color: #dce2e5; } .list-group-item-silver.list-group-item-action.active { color: #FFFFFF; background-color: #5f6569; border-color: #5f6569; } .list-group-item-lime { color: #4b6927; background-color: #e0f0cd; } .list-group-item-lime.list-group-item-action:hover, .list-group-item-lime.list-group-item-action:focus { color: #4b6927; background-color: #d4eab9; } .list-group-item-lime.list-group-item-action.active { color: #FFFFFF; background-color: #4b6927; border-color: #4b6927; } .list-group-item-aqua { color: #265f6f; background-color: #ccebf4; } .list-group-item-aqua.list-group-item-action:hover, .list-group-item-aqua.list-group-item-action:focus { color: #265f6f; background-color: #b7e3ef; } .list-group-item-aqua.list-group-item-action.active { color: #FFFFFF; background-color: #265f6f; border-color: #265f6f; } .close { float: right; font-size: 1.125rem; font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #FFFFFF; opacity: 0.5; } .close:hover { color: #000000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 15px 15px; border-bottom: 1px solid #d5dbe0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header .close { padding: 15px 15px; margin: -15px -15px -15px auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #d5dbe0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.6875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #FFFFFF; text-align: center; background-color: #000000; border-radius: 4px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.6875rem; word-wrap: break-word; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 6px; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFFFFF; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFFFFF; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFFFFF; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFFFFF; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px; } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #333333; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #FFFFFF; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFFFFF; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFFFFF; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; text-align: center; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow 0.75s linear infinite; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #00acac !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #007979 !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #00acac !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #007979 !important; } .bg-info { background-color: #49b6d6 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #2b9fc1 !important; } .bg-warning { background-color: #f59c1a !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d38109 !important; } .bg-danger { background-color: #ff5b57 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff2924 !important; } .bg-light { background-color: #f2f3f4 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d6dadd !important; } .bg-dark { background-color: #2d353c !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #171b1f !important; } .bg-inverse { background-color: #2d353c !important; } a.bg-inverse:hover, a.bg-inverse:focus, button.bg-inverse:hover, button.bg-inverse:focus { background-color: #171b1f !important; } .bg-black { background-color: #000000 !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-white { background-color: #FFFFFF !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-grey { background-color: #b6c2c9 !important; } a.bg-grey:hover, a.bg-grey:focus, button.bg-grey:hover, button.bg-grey:focus { background-color: #99aab3 !important; } .bg-muted { background-color: #b6c2c9 !important; } a.bg-muted:hover, a.bg-muted:focus, button.bg-muted:hover, button.bg-muted:focus { background-color: #99aab3 !important; } .bg-silver { background-color: #b6c2c9 !important; } a.bg-silver:hover, a.bg-silver:focus, button.bg-silver:hover, button.bg-silver:focus { background-color: #99aab3 !important; } .bg-lime { background-color: #90ca4b !important; } a.bg-lime:hover, a.bg-lime:focus, button.bg-lime:hover, button.bg-lime:focus { background-color: #76af33 !important; } .bg-aqua { background-color: #49b6d6 !important; } a.bg-aqua:hover, a.bg-aqua:focus, button.bg-aqua:hover, button.bg-aqua:focus { background-color: #2b9fc1 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #d5dbe0 !important; } .border-top { border-top: 1px solid #d5dbe0 !important; } .border-right { border-right: 1px solid #d5dbe0 !important; } .border-bottom { border-bottom: 1px solid #d5dbe0 !important; } .border-left { border-left: 1px solid #d5dbe0 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #00acac !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #00acac !important; } .border-info { border-color: #49b6d6 !important; } .border-warning { border-color: #f59c1a !important; } .border-danger { border-color: #ff5b57 !important; } .border-light { border-color: #f2f3f4 !important; } .border-dark { border-color: #2d353c !important; } .border-inverse { border-color: #2d353c !important; } .border-black { border-color: #000000 !important; } .border-white { border-color: #FFFFFF !important; } .border-grey { border-color: #b6c2c9 !important; } .border-muted { border-color: #b6c2c9 !important; } .border-silver { border-color: #b6c2c9 !important; } .border-lime { border-color: #90ca4b !important; } .border-aqua { border-color: #49b6d6 !important; } .border-white { border-color: #FFFFFF !important; } .rounded-sm { border-radius: 3px !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-lg { border-radius: 6px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 360px) { .d-xs-none { display: none !important; } .d-xs-inline { display: inline !important; } .d-xs-inline-block { display: inline-block !important; } .d-xs-block { display: block !important; } .d-xs-table { display: table !important; } .d-xs-table-row { display: table-row !important; } .d-xs-table-cell { display: table-cell !important; } .d-xs-flex { display: flex !important; } .d-xs-inline-flex { display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1660px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media (min-width: 1900px) { .d-xxxl-none { display: none !important; } .d-xxxl-inline { display: inline !important; } .d-xxxl-inline-block { display: inline-block !important; } .d-xxxl-block { display: block !important; } .d-xxxl-table { display: table !important; } .d-xxxl-table-row { display: table-row !important; } .d-xxxl-table-cell { display: table-cell !important; } .d-xxxl-flex { display: flex !important; } .d-xxxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 360px) { .flex-xs-row { flex-direction: row !important; } .flex-xs-column { flex-direction: column !important; } .flex-xs-row-reverse { flex-direction: row-reverse !important; } .flex-xs-column-reverse { flex-direction: column-reverse !important; } .flex-xs-wrap { flex-wrap: wrap !important; } .flex-xs-nowrap { flex-wrap: nowrap !important; } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xs-fill { flex: 1 1 auto !important; } .flex-xs-grow-0 { flex-grow: 0 !important; } .flex-xs-grow-1 { flex-grow: 1 !important; } .flex-xs-shrink-0 { flex-shrink: 0 !important; } .flex-xs-shrink-1 { flex-shrink: 1 !important; } .justify-content-xs-start { justify-content: flex-start !important; } .justify-content-xs-end { justify-content: flex-end !important; } .justify-content-xs-center { justify-content: center !important; } .justify-content-xs-between { justify-content: space-between !important; } .justify-content-xs-around { justify-content: space-around !important; } .align-items-xs-start { align-items: flex-start !important; } .align-items-xs-end { align-items: flex-end !important; } .align-items-xs-center { align-items: center !important; } .align-items-xs-baseline { align-items: baseline !important; } .align-items-xs-stretch { align-items: stretch !important; } .align-content-xs-start { align-content: flex-start !important; } .align-content-xs-end { align-content: flex-end !important; } .align-content-xs-center { align-content: center !important; } .align-content-xs-between { align-content: space-between !important; } .align-content-xs-around { align-content: space-around !important; } .align-content-xs-stretch { align-content: stretch !important; } .align-self-xs-auto { align-self: auto !important; } .align-self-xs-start { align-self: flex-start !important; } .align-self-xs-end { align-self: flex-end !important; } .align-self-xs-center { align-self: center !important; } .align-self-xs-baseline { align-self: baseline !important; } .align-self-xs-stretch { align-self: stretch !important; } } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1660px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } @media (min-width: 1900px) { .flex-xxxl-row { flex-direction: row !important; } .flex-xxxl-column { flex-direction: column !important; } .flex-xxxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxxl-wrap { flex-wrap: wrap !important; } .flex-xxxl-nowrap { flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxxl-fill { flex: 1 1 auto !important; } .flex-xxxl-grow-0 { flex-grow: 0 !important; } .flex-xxxl-grow-1 { flex-grow: 1 !important; } .flex-xxxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxxl-start { justify-content: flex-start !important; } .justify-content-xxxl-end { justify-content: flex-end !important; } .justify-content-xxxl-center { justify-content: center !important; } .justify-content-xxxl-between { justify-content: space-between !important; } .justify-content-xxxl-around { justify-content: space-around !important; } .align-items-xxxl-start { align-items: flex-start !important; } .align-items-xxxl-end { align-items: flex-end !important; } .align-items-xxxl-center { align-items: center !important; } .align-items-xxxl-baseline { align-items: baseline !important; } .align-items-xxxl-stretch { align-items: stretch !important; } .align-content-xxxl-start { align-content: flex-start !important; } .align-content-xxxl-end { align-content: flex-end !important; } .align-content-xxxl-center { align-content: center !important; } .align-content-xxxl-between { align-content: space-between !important; } .align-content-xxxl-around { align-content: space-around !important; } .align-content-xxxl-stretch { align-content: stretch !important; } .align-self-xxxl-auto { align-self: auto !important; } .align-self-xxxl-start { align-self: flex-start !important; } .align-self-xxxl-end { align-self: flex-end !important; } .align-self-xxxl-center { align-self: center !important; } .align-self-xxxl-baseline { align-self: baseline !important; } .align-self-xxxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 360px) { .float-xs-left { float: left !important; } .float-xs-right { float: right !important; } .float-xs-none { float: none !important; } } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1660px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 1900px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: -webkit-sticky) or (position: sticky) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1, .my-1 { margin-top: 4px !important; } .mr-1, .mx-1 { margin-right: 4px !important; } .mb-1, .my-1 { margin-bottom: 4px !important; } .ml-1, .mx-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2, .my-2 { margin-top: 8px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .mb-2, .my-2 { margin-bottom: 8px !important; } .ml-2, .mx-2 { margin-left: 8px !important; } .m-3 { margin: 16px !important; } .mt-3, .my-3 { margin-top: 16px !important; } .mr-3, .mx-3 { margin-right: 16px !important; } .mb-3, .my-3 { margin-bottom: 16px !important; } .ml-3, .mx-3 { margin-left: 16px !important; } .m-4 { margin: 24px !important; } .mt-4, .my-4 { margin-top: 24px !important; } .mr-4, .mx-4 { margin-right: 24px !important; } .mb-4, .my-4 { margin-bottom: 24px !important; } .ml-4, .mx-4 { margin-left: 24px !important; } .m-5 { margin: 48px !important; } .mt-5, .my-5 { margin-top: 48px !important; } .mr-5, .mx-5 { margin-right: 48px !important; } .mb-5, .my-5 { margin-bottom: 48px !important; } .ml-5, .mx-5 { margin-left: 48px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .pt-1, .py-1 { padding-top: 4px !important; } .pr-1, .px-1 { padding-right: 4px !important; } .pb-1, .py-1 { padding-bottom: 4px !important; } .pl-1, .px-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2, .py-2 { padding-top: 8px !important; } .pr-2, .px-2 { padding-right: 8px !important; } .pb-2, .py-2 { padding-bottom: 8px !important; } .pl-2, .px-2 { padding-left: 8px !important; } .p-3 { padding: 16px !important; } .pt-3, .py-3 { padding-top: 16px !important; } .pr-3, .px-3 { padding-right: 16px !important; } .pb-3, .py-3 { padding-bottom: 16px !important; } .pl-3, .px-3 { padding-left: 16px !important; } .p-4 { padding: 24px !important; } .pt-4, .py-4 { padding-top: 24px !important; } .pr-4, .px-4 { padding-right: 24px !important; } .pb-4, .py-4 { padding-bottom: 24px !important; } .pl-4, .px-4 { padding-left: 24px !important; } .p-5 { padding: 48px !important; } .pt-5, .py-5 { padding-top: 48px !important; } .pr-5, .px-5 { padding-right: 48px !important; } .pb-5, .py-5 { padding-bottom: 48px !important; } .pl-5, .px-5 { padding-left: 48px !important; } .m-n1 { margin: -4px !important; } .mt-n1, .my-n1 { margin-top: -4px !important; } .mr-n1, .mx-n1 { margin-right: -4px !important; } .mb-n1, .my-n1 { margin-bottom: -4px !important; } .ml-n1, .mx-n1 { margin-left: -4px !important; } .m-n2 { margin: -8px !important; } .mt-n2, .my-n2 { margin-top: -8px !important; } .mr-n2, .mx-n2 { margin-right: -8px !important; } .mb-n2, .my-n2 { margin-bottom: -8px !important; } .ml-n2, .mx-n2 { margin-left: -8px !important; } .m-n3 { margin: -16px !important; } .mt-n3, .my-n3 { margin-top: -16px !important; } .mr-n3, .mx-n3 { margin-right: -16px !important; } .mb-n3, .my-n3 { margin-bottom: -16px !important; } .ml-n3, .mx-n3 { margin-left: -16px !important; } .m-n4 { margin: -24px !important; } .mt-n4, .my-n4 { margin-top: -24px !important; } .mr-n4, .mx-n4 { margin-right: -24px !important; } .mb-n4, .my-n4 { margin-bottom: -24px !important; } .ml-n4, .mx-n4 { margin-left: -24px !important; } .m-n5 { margin: -48px !important; } .mt-n5, .my-n5 { margin-top: -48px !important; } .mr-n5, .mx-n5 { margin-right: -48px !important; } .mb-n5, .my-n5 { margin-bottom: -48px !important; } .ml-n5, .mx-n5 { margin-left: -48px !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 360px) { .m-xs-0 { margin: 0 !important; } .mt-xs-0, .my-xs-0 { margin-top: 0 !important; } .mr-xs-0, .mx-xs-0 { margin-right: 0 !important; } .mb-xs-0, .my-xs-0 { margin-bottom: 0 !important; } .ml-xs-0, .mx-xs-0 { margin-left: 0 !important; } .m-xs-1 { margin: 4px !important; } .mt-xs-1, .my-xs-1 { margin-top: 4px !important; } .mr-xs-1, .mx-xs-1 { margin-right: 4px !important; } .mb-xs-1, .my-xs-1 { margin-bottom: 4px !important; } .ml-xs-1, .mx-xs-1 { margin-left: 4px !important; } .m-xs-2 { margin: 8px !important; } .mt-xs-2, .my-xs-2 { margin-top: 8px !important; } .mr-xs-2, .mx-xs-2 { margin-right: 8px !important; } .mb-xs-2, .my-xs-2 { margin-bottom: 8px !important; } .ml-xs-2, .mx-xs-2 { margin-left: 8px !important; } .m-xs-3 { margin: 16px !important; } .mt-xs-3, .my-xs-3 { margin-top: 16px !important; } .mr-xs-3, .mx-xs-3 { margin-right: 16px !important; } .mb-xs-3, .my-xs-3 { margin-bottom: 16px !important; } .ml-xs-3, .mx-xs-3 { margin-left: 16px !important; } .m-xs-4 { margin: 24px !important; } .mt-xs-4, .my-xs-4 { margin-top: 24px !important; } .mr-xs-4, .mx-xs-4 { margin-right: 24px !important; } .mb-xs-4, .my-xs-4 { margin-bottom: 24px !important; } .ml-xs-4, .mx-xs-4 { margin-left: 24px !important; } .m-xs-5 { margin: 48px !important; } .mt-xs-5, .my-xs-5 { margin-top: 48px !important; } .mr-xs-5, .mx-xs-5 { margin-right: 48px !important; } .mb-xs-5, .my-xs-5 { margin-bottom: 48px !important; } .ml-xs-5, .mx-xs-5 { margin-left: 48px !important; } .p-xs-0 { padding: 0 !important; } .pt-xs-0, .py-xs-0 { padding-top: 0 !important; } .pr-xs-0, .px-xs-0 { padding-right: 0 !important; } .pb-xs-0, .py-xs-0 { padding-bottom: 0 !important; } .pl-xs-0, .px-xs-0 { padding-left: 0 !important; } .p-xs-1 { padding: 4px !important; } .pt-xs-1, .py-xs-1 { padding-top: 4px !important; } .pr-xs-1, .px-xs-1 { padding-right: 4px !important; } .pb-xs-1, .py-xs-1 { padding-bottom: 4px !important; } .pl-xs-1, .px-xs-1 { padding-left: 4px !important; } .p-xs-2 { padding: 8px !important; } .pt-xs-2, .py-xs-2 { padding-top: 8px !important; } .pr-xs-2, .px-xs-2 { padding-right: 8px !important; } .pb-xs-2, .py-xs-2 { padding-bottom: 8px !important; } .pl-xs-2, .px-xs-2 { padding-left: 8px !important; } .p-xs-3 { padding: 16px !important; } .pt-xs-3, .py-xs-3 { padding-top: 16px !important; } .pr-xs-3, .px-xs-3 { padding-right: 16px !important; } .pb-xs-3, .py-xs-3 { padding-bottom: 16px !important; } .pl-xs-3, .px-xs-3 { padding-left: 16px !important; } .p-xs-4 { padding: 24px !important; } .pt-xs-4, .py-xs-4 { padding-top: 24px !important; } .pr-xs-4, .px-xs-4 { padding-right: 24px !important; } .pb-xs-4, .py-xs-4 { padding-bottom: 24px !important; } .pl-xs-4, .px-xs-4 { padding-left: 24px !important; } .p-xs-5 { padding: 48px !important; } .pt-xs-5, .py-xs-5 { padding-top: 48px !important; } .pr-xs-5, .px-xs-5 { padding-right: 48px !important; } .pb-xs-5, .py-xs-5 { padding-bottom: 48px !important; } .pl-xs-5, .px-xs-5 { padding-left: 48px !important; } .m-xs-n1 { margin: -4px !important; } .mt-xs-n1, .my-xs-n1 { margin-top: -4px !important; } .mr-xs-n1, .mx-xs-n1 { margin-right: -4px !important; } .mb-xs-n1, .my-xs-n1 { margin-bottom: -4px !important; } .ml-xs-n1, .mx-xs-n1 { margin-left: -4px !important; } .m-xs-n2 { margin: -8px !important; } .mt-xs-n2, .my-xs-n2 { margin-top: -8px !important; } .mr-xs-n2, .mx-xs-n2 { margin-right: -8px !important; } .mb-xs-n2, .my-xs-n2 { margin-bottom: -8px !important; } .ml-xs-n2, .mx-xs-n2 { margin-left: -8px !important; } .m-xs-n3 { margin: -16px !important; } .mt-xs-n3, .my-xs-n3 { margin-top: -16px !important; } .mr-xs-n3, .mx-xs-n3 { margin-right: -16px !important; } .mb-xs-n3, .my-xs-n3 { margin-bottom: -16px !important; } .ml-xs-n3, .mx-xs-n3 { margin-left: -16px !important; } .m-xs-n4 { margin: -24px !important; } .mt-xs-n4, .my-xs-n4 { margin-top: -24px !important; } .mr-xs-n4, .mx-xs-n4 { margin-right: -24px !important; } .mb-xs-n4, .my-xs-n4 { margin-bottom: -24px !important; } .ml-xs-n4, .mx-xs-n4 { margin-left: -24px !important; } .m-xs-n5 { margin: -48px !important; } .mt-xs-n5, .my-xs-n5 { margin-top: -48px !important; } .mr-xs-n5, .mx-xs-n5 { margin-right: -48px !important; } .mb-xs-n5, .my-xs-n5 { margin-bottom: -48px !important; } .ml-xs-n5, .mx-xs-n5 { margin-left: -48px !important; } .m-xs-auto { margin: auto !important; } .mt-xs-auto, .my-xs-auto { margin-top: auto !important; } .mr-xs-auto, .mx-xs-auto { margin-right: auto !important; } .mb-xs-auto, .my-xs-auto { margin-bottom: auto !important; } .ml-xs-auto, .mx-xs-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 4px !important; } .mt-sm-1, .my-sm-1 { margin-top: 4px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 4px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 4px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 4px !important; } .m-sm-2 { margin: 8px !important; } .mt-sm-2, .my-sm-2 { margin-top: 8px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 8px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 8px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 8px !important; } .m-sm-3 { margin: 16px !important; } .mt-sm-3, .my-sm-3 { margin-top: 16px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 16px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 16px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 16px !important; } .m-sm-4 { margin: 24px !important; } .mt-sm-4, .my-sm-4 { margin-top: 24px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 24px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 24px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 24px !important; } .m-sm-5 { margin: 48px !important; } .mt-sm-5, .my-sm-5 { margin-top: 48px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 48px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 48px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 48px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 4px !important; } .pt-sm-1, .py-sm-1 { padding-top: 4px !important; } .pr-sm-1, .px-sm-1 { padding-right: 4px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 4px !important; } .pl-sm-1, .px-sm-1 { padding-left: 4px !important; } .p-sm-2 { padding: 8px !important; } .pt-sm-2, .py-sm-2 { padding-top: 8px !important; } .pr-sm-2, .px-sm-2 { padding-right: 8px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 8px !important; } .pl-sm-2, .px-sm-2 { padding-left: 8px !important; } .p-sm-3 { padding: 16px !important; } .pt-sm-3, .py-sm-3 { padding-top: 16px !important; } .pr-sm-3, .px-sm-3 { padding-right: 16px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 16px !important; } .pl-sm-3, .px-sm-3 { padding-left: 16px !important; } .p-sm-4 { padding: 24px !important; } .pt-sm-4, .py-sm-4 { padding-top: 24px !important; } .pr-sm-4, .px-sm-4 { padding-right: 24px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 24px !important; } .pl-sm-4, .px-sm-4 { padding-left: 24px !important; } .p-sm-5 { padding: 48px !important; } .pt-sm-5, .py-sm-5 { padding-top: 48px !important; } .pr-sm-5, .px-sm-5 { padding-right: 48px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 48px !important; } .pl-sm-5, .px-sm-5 { padding-left: 48px !important; } .m-sm-n1 { margin: -4px !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -4px !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -4px !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -4px !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -4px !important; } .m-sm-n2 { margin: -8px !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -8px !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -8px !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -8px !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -8px !important; } .m-sm-n3 { margin: -16px !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -16px !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -16px !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -16px !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -16px !important; } .m-sm-n4 { margin: -24px !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -24px !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -24px !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -24px !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -24px !important; } .m-sm-n5 { margin: -48px !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -48px !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -48px !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -48px !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 4px !important; } .mt-md-1, .my-md-1 { margin-top: 4px !important; } .mr-md-1, .mx-md-1 { margin-right: 4px !important; } .mb-md-1, .my-md-1 { margin-bottom: 4px !important; } .ml-md-1, .mx-md-1 { margin-left: 4px !important; } .m-md-2 { margin: 8px !important; } .mt-md-2, .my-md-2 { margin-top: 8px !important; } .mr-md-2, .mx-md-2 { margin-right: 8px !important; } .mb-md-2, .my-md-2 { margin-bottom: 8px !important; } .ml-md-2, .mx-md-2 { margin-left: 8px !important; } .m-md-3 { margin: 16px !important; } .mt-md-3, .my-md-3 { margin-top: 16px !important; } .mr-md-3, .mx-md-3 { margin-right: 16px !important; } .mb-md-3, .my-md-3 { margin-bottom: 16px !important; } .ml-md-3, .mx-md-3 { margin-left: 16px !important; } .m-md-4 { margin: 24px !important; } .mt-md-4, .my-md-4 { margin-top: 24px !important; } .mr-md-4, .mx-md-4 { margin-right: 24px !important; } .mb-md-4, .my-md-4 { margin-bottom: 24px !important; } .ml-md-4, .mx-md-4 { margin-left: 24px !important; } .m-md-5 { margin: 48px !important; } .mt-md-5, .my-md-5 { margin-top: 48px !important; } .mr-md-5, .mx-md-5 { margin-right: 48px !important; } .mb-md-5, .my-md-5 { margin-bottom: 48px !important; } .ml-md-5, .mx-md-5 { margin-left: 48px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 4px !important; } .pt-md-1, .py-md-1 { padding-top: 4px !important; } .pr-md-1, .px-md-1 { padding-right: 4px !important; } .pb-md-1, .py-md-1 { padding-bottom: 4px !important; } .pl-md-1, .px-md-1 { padding-left: 4px !important; } .p-md-2 { padding: 8px !important; } .pt-md-2, .py-md-2 { padding-top: 8px !important; } .pr-md-2, .px-md-2 { padding-right: 8px !important; } .pb-md-2, .py-md-2 { padding-bottom: 8px !important; } .pl-md-2, .px-md-2 { padding-left: 8px !important; } .p-md-3 { padding: 16px !important; } .pt-md-3, .py-md-3 { padding-top: 16px !important; } .pr-md-3, .px-md-3 { padding-right: 16px !important; } .pb-md-3, .py-md-3 { padding-bottom: 16px !important; } .pl-md-3, .px-md-3 { padding-left: 16px !important; } .p-md-4 { padding: 24px !important; } .pt-md-4, .py-md-4 { padding-top: 24px !important; } .pr-md-4, .px-md-4 { padding-right: 24px !important; } .pb-md-4, .py-md-4 { padding-bottom: 24px !important; } .pl-md-4, .px-md-4 { padding-left: 24px !important; } .p-md-5 { padding: 48px !important; } .pt-md-5, .py-md-5 { padding-top: 48px !important; } .pr-md-5, .px-md-5 { padding-right: 48px !important; } .pb-md-5, .py-md-5 { padding-bottom: 48px !important; } .pl-md-5, .px-md-5 { padding-left: 48px !important; } .m-md-n1 { margin: -4px !important; } .mt-md-n1, .my-md-n1 { margin-top: -4px !important; } .mr-md-n1, .mx-md-n1 { margin-right: -4px !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -4px !important; } .ml-md-n1, .mx-md-n1 { margin-left: -4px !important; } .m-md-n2 { margin: -8px !important; } .mt-md-n2, .my-md-n2 { margin-top: -8px !important; } .mr-md-n2, .mx-md-n2 { margin-right: -8px !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -8px !important; } .ml-md-n2, .mx-md-n2 { margin-left: -8px !important; } .m-md-n3 { margin: -16px !important; } .mt-md-n3, .my-md-n3 { margin-top: -16px !important; } .mr-md-n3, .mx-md-n3 { margin-right: -16px !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -16px !important; } .ml-md-n3, .mx-md-n3 { margin-left: -16px !important; } .m-md-n4 { margin: -24px !important; } .mt-md-n4, .my-md-n4 { margin-top: -24px !important; } .mr-md-n4, .mx-md-n4 { margin-right: -24px !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -24px !important; } .ml-md-n4, .mx-md-n4 { margin-left: -24px !important; } .m-md-n5 { margin: -48px !important; } .mt-md-n5, .my-md-n5 { margin-top: -48px !important; } .mr-md-n5, .mx-md-n5 { margin-right: -48px !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -48px !important; } .ml-md-n5, .mx-md-n5 { margin-left: -48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 4px !important; } .mt-lg-1, .my-lg-1 { margin-top: 4px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 4px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 4px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 4px !important; } .m-lg-2 { margin: 8px !important; } .mt-lg-2, .my-lg-2 { margin-top: 8px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 8px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 8px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 8px !important; } .m-lg-3 { margin: 16px !important; } .mt-lg-3, .my-lg-3 { margin-top: 16px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 16px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 16px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 16px !important; } .m-lg-4 { margin: 24px !important; } .mt-lg-4, .my-lg-4 { margin-top: 24px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 24px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 24px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 24px !important; } .m-lg-5 { margin: 48px !important; } .mt-lg-5, .my-lg-5 { margin-top: 48px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 48px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 48px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 48px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 4px !important; } .pt-lg-1, .py-lg-1 { padding-top: 4px !important; } .pr-lg-1, .px-lg-1 { padding-right: 4px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 4px !important; } .pl-lg-1, .px-lg-1 { padding-left: 4px !important; } .p-lg-2 { padding: 8px !important; } .pt-lg-2, .py-lg-2 { padding-top: 8px !important; } .pr-lg-2, .px-lg-2 { padding-right: 8px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 8px !important; } .pl-lg-2, .px-lg-2 { padding-left: 8px !important; } .p-lg-3 { padding: 16px !important; } .pt-lg-3, .py-lg-3 { padding-top: 16px !important; } .pr-lg-3, .px-lg-3 { padding-right: 16px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 16px !important; } .pl-lg-3, .px-lg-3 { padding-left: 16px !important; } .p-lg-4 { padding: 24px !important; } .pt-lg-4, .py-lg-4 { padding-top: 24px !important; } .pr-lg-4, .px-lg-4 { padding-right: 24px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 24px !important; } .pl-lg-4, .px-lg-4 { padding-left: 24px !important; } .p-lg-5 { padding: 48px !important; } .pt-lg-5, .py-lg-5 { padding-top: 48px !important; } .pr-lg-5, .px-lg-5 { padding-right: 48px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 48px !important; } .pl-lg-5, .px-lg-5 { padding-left: 48px !important; } .m-lg-n1 { margin: -4px !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -4px !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -4px !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -4px !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -4px !important; } .m-lg-n2 { margin: -8px !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -8px !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -8px !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -8px !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -8px !important; } .m-lg-n3 { margin: -16px !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -16px !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -16px !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -16px !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -16px !important; } .m-lg-n4 { margin: -24px !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -24px !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -24px !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -24px !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -24px !important; } .m-lg-n5 { margin: -48px !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -48px !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -48px !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -48px !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 4px !important; } .mt-xl-1, .my-xl-1 { margin-top: 4px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 4px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 4px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 4px !important; } .m-xl-2 { margin: 8px !important; } .mt-xl-2, .my-xl-2 { margin-top: 8px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 8px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 8px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 8px !important; } .m-xl-3 { margin: 16px !important; } .mt-xl-3, .my-xl-3 { margin-top: 16px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 16px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 16px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 16px !important; } .m-xl-4 { margin: 24px !important; } .mt-xl-4, .my-xl-4 { margin-top: 24px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 24px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 24px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 24px !important; } .m-xl-5 { margin: 48px !important; } .mt-xl-5, .my-xl-5 { margin-top: 48px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 48px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 48px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 48px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 4px !important; } .pt-xl-1, .py-xl-1 { padding-top: 4px !important; } .pr-xl-1, .px-xl-1 { padding-right: 4px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 4px !important; } .pl-xl-1, .px-xl-1 { padding-left: 4px !important; } .p-xl-2 { padding: 8px !important; } .pt-xl-2, .py-xl-2 { padding-top: 8px !important; } .pr-xl-2, .px-xl-2 { padding-right: 8px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 8px !important; } .pl-xl-2, .px-xl-2 { padding-left: 8px !important; } .p-xl-3 { padding: 16px !important; } .pt-xl-3, .py-xl-3 { padding-top: 16px !important; } .pr-xl-3, .px-xl-3 { padding-right: 16px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 16px !important; } .pl-xl-3, .px-xl-3 { padding-left: 16px !important; } .p-xl-4 { padding: 24px !important; } .pt-xl-4, .py-xl-4 { padding-top: 24px !important; } .pr-xl-4, .px-xl-4 { padding-right: 24px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 24px !important; } .pl-xl-4, .px-xl-4 { padding-left: 24px !important; } .p-xl-5 { padding: 48px !important; } .pt-xl-5, .py-xl-5 { padding-top: 48px !important; } .pr-xl-5, .px-xl-5 { padding-right: 48px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 48px !important; } .pl-xl-5, .px-xl-5 { padding-left: 48px !important; } .m-xl-n1 { margin: -4px !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -4px !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -4px !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -4px !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -4px !important; } .m-xl-n2 { margin: -8px !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -8px !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -8px !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -8px !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -8px !important; } .m-xl-n3 { margin: -16px !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -16px !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -16px !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -16px !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -16px !important; } .m-xl-n4 { margin: -24px !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -24px !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -24px !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -24px !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -24px !important; } .m-xl-n5 { margin: -48px !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -48px !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -48px !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -48px !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1660px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 4px !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 4px !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 4px !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 4px !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 4px !important; } .m-xxl-2 { margin: 8px !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 8px !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 8px !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 8px !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 8px !important; } .m-xxl-3 { margin: 16px !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 16px !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 16px !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 16px !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 16px !important; } .m-xxl-4 { margin: 24px !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 24px !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 24px !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 24px !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 24px !important; } .m-xxl-5 { margin: 48px !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 48px !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 48px !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 48px !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 48px !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 4px !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 4px !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 4px !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 4px !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 4px !important; } .p-xxl-2 { padding: 8px !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 8px !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 8px !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 8px !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 8px !important; } .p-xxl-3 { padding: 16px !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 16px !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 16px !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 16px !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 16px !important; } .p-xxl-4 { padding: 24px !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 24px !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 24px !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 24px !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 24px !important; } .p-xxl-5 { padding: 48px !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 48px !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 48px !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 48px !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 48px !important; } .m-xxl-n1 { margin: -4px !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -4px !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -4px !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -4px !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -4px !important; } .m-xxl-n2 { margin: -8px !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -8px !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -8px !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -8px !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -8px !important; } .m-xxl-n3 { margin: -16px !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -16px !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -16px !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -16px !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -16px !important; } .m-xxl-n4 { margin: -24px !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -24px !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -24px !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -24px !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -24px !important; } .m-xxl-n5 { margin: -48px !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -48px !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -48px !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -48px !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -48px !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } @media (min-width: 1900px) { .m-xxxl-0 { margin: 0 !important; } .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; } .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; } .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; } .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; } .m-xxxl-1 { margin: 4px !important; } .mt-xxxl-1, .my-xxxl-1 { margin-top: 4px !important; } .mr-xxxl-1, .mx-xxxl-1 { margin-right: 4px !important; } .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 4px !important; } .ml-xxxl-1, .mx-xxxl-1 { margin-left: 4px !important; } .m-xxxl-2 { margin: 8px !important; } .mt-xxxl-2, .my-xxxl-2 { margin-top: 8px !important; } .mr-xxxl-2, .mx-xxxl-2 { margin-right: 8px !important; } .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 8px !important; } .ml-xxxl-2, .mx-xxxl-2 { margin-left: 8px !important; } .m-xxxl-3 { margin: 16px !important; } .mt-xxxl-3, .my-xxxl-3 { margin-top: 16px !important; } .mr-xxxl-3, .mx-xxxl-3 { margin-right: 16px !important; } .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 16px !important; } .ml-xxxl-3, .mx-xxxl-3 { margin-left: 16px !important; } .m-xxxl-4 { margin: 24px !important; } .mt-xxxl-4, .my-xxxl-4 { margin-top: 24px !important; } .mr-xxxl-4, .mx-xxxl-4 { margin-right: 24px !important; } .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 24px !important; } .ml-xxxl-4, .mx-xxxl-4 { margin-left: 24px !important; } .m-xxxl-5 { margin: 48px !important; } .mt-xxxl-5, .my-xxxl-5 { margin-top: 48px !important; } .mr-xxxl-5, .mx-xxxl-5 { margin-right: 48px !important; } .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 48px !important; } .ml-xxxl-5, .mx-xxxl-5 { margin-left: 48px !important; } .p-xxxl-0 { padding: 0 !important; } .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; } .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; } .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; } .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; } .p-xxxl-1 { padding: 4px !important; } .pt-xxxl-1, .py-xxxl-1 { padding-top: 4px !important; } .pr-xxxl-1, .px-xxxl-1 { padding-right: 4px !important; } .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 4px !important; } .pl-xxxl-1, .px-xxxl-1 { padding-left: 4px !important; } .p-xxxl-2 { padding: 8px !important; } .pt-xxxl-2, .py-xxxl-2 { padding-top: 8px !important; } .pr-xxxl-2, .px-xxxl-2 { padding-right: 8px !important; } .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 8px !important; } .pl-xxxl-2, .px-xxxl-2 { padding-left: 8px !important; } .p-xxxl-3 { padding: 16px !important; } .pt-xxxl-3, .py-xxxl-3 { padding-top: 16px !important; } .pr-xxxl-3, .px-xxxl-3 { padding-right: 16px !important; } .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 16px !important; } .pl-xxxl-3, .px-xxxl-3 { padding-left: 16px !important; } .p-xxxl-4 { padding: 24px !important; } .pt-xxxl-4, .py-xxxl-4 { padding-top: 24px !important; } .pr-xxxl-4, .px-xxxl-4 { padding-right: 24px !important; } .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 24px !important; } .pl-xxxl-4, .px-xxxl-4 { padding-left: 24px !important; } .p-xxxl-5 { padding: 48px !important; } .pt-xxxl-5, .py-xxxl-5 { padding-top: 48px !important; } .pr-xxxl-5, .px-xxxl-5 { padding-right: 48px !important; } .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 48px !important; } .pl-xxxl-5, .px-xxxl-5 { padding-left: 48px !important; } .m-xxxl-n1 { margin: -4px !important; } .mt-xxxl-n1, .my-xxxl-n1 { margin-top: -4px !important; } .mr-xxxl-n1, .mx-xxxl-n1 { margin-right: -4px !important; } .mb-xxxl-n1, .my-xxxl-n1 { margin-bottom: -4px !important; } .ml-xxxl-n1, .mx-xxxl-n1 { margin-left: -4px !important; } .m-xxxl-n2 { margin: -8px !important; } .mt-xxxl-n2, .my-xxxl-n2 { margin-top: -8px !important; } .mr-xxxl-n2, .mx-xxxl-n2 { margin-right: -8px !important; } .mb-xxxl-n2, .my-xxxl-n2 { margin-bottom: -8px !important; } .ml-xxxl-n2, .mx-xxxl-n2 { margin-left: -8px !important; } .m-xxxl-n3 { margin: -16px !important; } .mt-xxxl-n3, .my-xxxl-n3 { margin-top: -16px !important; } .mr-xxxl-n3, .mx-xxxl-n3 { margin-right: -16px !important; } .mb-xxxl-n3, .my-xxxl-n3 { margin-bottom: -16px !important; } .ml-xxxl-n3, .mx-xxxl-n3 { margin-left: -16px !important; } .m-xxxl-n4 { margin: -24px !important; } .mt-xxxl-n4, .my-xxxl-n4 { margin-top: -24px !important; } .mr-xxxl-n4, .mx-xxxl-n4 { margin-right: -24px !important; } .mb-xxxl-n4, .my-xxxl-n4 { margin-bottom: -24px !important; } .ml-xxxl-n4, .mx-xxxl-n4 { margin-left: -24px !important; } .m-xxxl-n5 { margin: -48px !important; } .mt-xxxl-n5, .my-xxxl-n5 { margin-top: -48px !important; } .mr-xxxl-n5, .mx-xxxl-n5 { margin-right: -48px !important; } .mb-xxxl-n5, .my-xxxl-n5 { margin-bottom: -48px !important; } .ml-xxxl-n5, .mx-xxxl-n5 { margin-left: -48px !important; } .m-xxxl-auto { margin: auto !important; } .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; } .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; } .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; } .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 360px) { .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1660px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1900px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #FFFFFF !important; } .text-primary { color: #00acac !important; } a.text-primary:hover, a.text-primary:focus { color: #006060 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #00acac !important; } a.text-success:hover, a.text-success:focus { color: #006060 !important; } .text-info { color: #49b6d6 !important; } a.text-info:hover, a.text-info:focus { color: #278eac !important; } .text-warning { color: #f59c1a !important; } a.text-warning:hover, a.text-warning:focus { color: #ba7208 !important; } .text-danger { color: #ff5b57 !important; } a.text-danger:hover, a.text-danger:focus { color: #ff100b !important; } .text-light { color: #f2f3f4 !important; } a.text-light:hover, a.text-light:focus { color: #c9cdd1 !important; } .text-dark { color: #2d353c !important; } a.text-dark:hover, a.text-dark:focus { color: #0c0e10 !important; } .text-inverse { color: #2d353c !important; } a.text-inverse:hover, a.text-inverse:focus { color: #0c0e10 !important; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .text-white { color: #FFFFFF !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-grey { color: #b6c2c9 !important; } a.text-grey:hover, a.text-grey:focus { color: #8a9da8 !important; } .text-muted { color: #b6c2c9 !important; } a.text-muted:hover, a.text-muted:focus { color: #8a9da8 !important; } .text-silver { color: #b6c2c9 !important; } a.text-silver:hover, a.text-silver:focus { color: #8a9da8 !important; } .text-lime { color: #90ca4b !important; } a.text-lime:hover, a.text-lime:focus { color: #699b2e !important; } .text-aqua { color: #49b6d6 !important; } a.text-aqua:hover, a.text-aqua:focus { color: #278eac !important; } .text-body { color: #333333 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #FFFFFF !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #e4e7ea; } .table .thead-dark th { color: inherit; border-color: #e4e7ea; } } html { height: 100%; } body { height: 100%; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b { font-weight: bold; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; font-weight: normal; color: #6f8293; } a:focus { outline: none; } .footer { z-index: 1020; padding: 10px 0; margin: 0 30px 0 250px; border-top: 1px solid #c6ced5; line-height: 20px; font-weight: 600; color: #4e5c68; } @media (max-width: 767.98px) { .footer { margin-left: 20px; } } @-webkit-keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @-webkit-keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } @keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } .header { position: relative; top: 0; left: 0; right: 0; z-index: 1020; margin-bottom: 0; padding: 0; transition: box-shadow 0.2s linear; display: flex; flex: 1; } .header:before, .header:after { content: ""; display: table; clear: both; } @media (max-width: 767.98px) { .header { display: block; } } .header .navbar-toggle { position: relative; padding: 10px; margin-right: 10px; margin-left: auto; background-color: transparent; background-image: none; border: none; outline: none; border-radius: 4px; } @media (min-width: 768px) { .header .navbar-toggle { display: none; } } .header .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 4px; } .header .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .header .navbar-toggle:hover { background: none; opacity: 0.75; } .header .navbar-toggle.pull-left { margin-left: 10px; margin-right: 0; } .header .navbar-header { display: flex; align-items: center; } .header .navbar-header:before, .header .navbar-header:after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .header .navbar-header { width: 220px; } } .header .navbar-brand { padding: 10px 20px; height: 50px; font-weight: 100; font-size: 18px; line-height: 30px; text-decoration: none; flex: 1; align-items: center; display: flex; } .header .navbar-brand img { max-width: 100%; max-height: 100%; } .header .navbar-brand b { font-weight: bold; } .header .navbar-brand .navbar-logo { margin-right: 10px; background: #00acac; border: 10px solid transparent; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; border-radius: 4px; } .header .navbar-nav { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; } @media (max-width: 767.98px) { .header .navbar-nav { justify-content: flex-end; flex: 1; border-top: 1px solid #edf0f2; padding-left: 15px; padding-right: 15px; } } .header .navbar-nav > li { position: relative; } .header .navbar-nav > li > a { display: block; text-decoration: none; line-height: 20px; padding: 15px; border: none; } .header .navbar-nav > li > a .label { position: absolute; top: 8px; right: 5px; display: block; background: #00acac; line-height: 12px; font-weight: 600; color: #FFFFFF; padding: 3px 6px; border-radius: 30px; } .header .navbar-nav > li > a i { top: 1px; position: relative; font-size: 16px; } .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus { opacity: 0.75; } .header .navbar-nav > li > a.icon i { font-size: 24px; height: 24px; margin: -2px 0; display: block; } .header .navbar-nav > li.active > a { background: #f2f3f4; opacity: 1; } .header .navbar-nav > li.dropdown .dropdown-menu { margin: 0; } .header .navbar-nav > li.dropdown.dropdown-lg { position: static; } .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { left: 20px !important; right: 20px !important; padding: 20px; transform: none !important; } @media (min-width: 768px) { .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { top: 100% !important; } } @media (max-width: 767.98px) { .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { overflow: scroll; top: 101px !important; max-height: calc(100vh - 101px); } } .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu.dropdown-menu-lg .nav > li > a { padding: 0; background: none; line-height: 24px; } .header .navbar-nav > li.show > a, .header .navbar-nav > li.show > a:hover, .header .navbar-nav > li.show > a:focus { background: none; color: #2d353c; opacity: 1; } .header .navbar-nav > li.divider { height: 34px; margin-top: 10px; background: #f2f3f4; width: 1px; } .header .navbar-nav.navbar-right { margin-left: auto; } .header .navbar-form { padding: 0 15px; margin: 9px 0; } @media (max-width: 767.98px) { .header .navbar-form { padding-left: 5px; padding-right: 5px; flex: 1; } } .header .navbar-form .form-group { margin: 0; position: relative; } .header .navbar-form .form-control { width: 220px; padding: 5px 15px; height: 32px; background: #f2f3f4; border-color: #f2f3f4; border-radius: 30px; } @media (max-width: 767.98px) { .header .navbar-form .form-control { width: 100%; } } .header .navbar-form .form-control:focus { width: 300px; border-color: #f2f3f4; box-shadow: none; -webkit-animation: navbar-input-expand 0.2s; animation: navbar-input-expand 0.2s; } @media (max-width: 767.98px) { .header .navbar-form .form-control:focus { width: 100%; -webkit-animation: none; animation: none; } } .header .navbar-form .btn-search { position: absolute; right: 0; top: 0; bottom: 0; border: none; background: none; border-radius: 0 30px 30px 0; display: flex; align-items: center; } .header .navbar-form .btn-search > i[class*=ion-] { font-size: 22px; display: block; } .header .navbar-user img { float: left; width: 30px; height: 30px; margin: -5px 10px -5px 0; border-radius: 30px; } .header .navbar-user .image { float: left; width: 30px; height: 30px; margin: -5px 10px -5px 0; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 30px; } .header .navbar-user .image.image-icon { font-size: 22px; text-align: center; display: flex; align-items: center; justify-content: center; } .header .navbar-user .image.image-icon i { float: none; display: block; font-size: 22px; text-align: center; width: auto; margin: 0 auto -8px; } .header .navbar-language .flag-icon { font-size: 15px; margin-right: 7px; } @media (min-width: 768px) { .header .navbar-collapse { display: block; flex-basis: auto; } } @media (min-width: 768px) and (max-width: 991.98px) { .header .navbar-collapse { display: none; } } @media (max-width: 991.98px) { .header .navbar-collapse .navbar-nav > li { flex: 1; } .header .navbar-collapse .navbar-nav > li > a { display: flex; align-items: center; justify-content: center; } } .header.navbar-default { background: #FFFFFF; } .header.navbar-default .navbar-brand { color: #2d353c; } .header.navbar-default .navbar-toggle .icon-bar { background: #2d353c; } .header.navbar-default .navbar-nav > li > a { color: #2d353c; } .header.navbar-inverse { background: #1a2229; } .header.navbar-inverse .navbar-toggle { color: #6f8293; } .header.navbar-inverse .navbar-toggle .icon-bar { background: #6f8293; } .header.navbar-inverse .navbar-brand { color: #FFFFFF; } @media (max-width: 767.98px) { .header.navbar-inverse .navbar-nav { border-color: #2d353c; } } .header.navbar-inverse .navbar-nav > li > a { color: rgba(255, 255, 255, 0.65); } .header.navbar-inverse .navbar-nav > li.active > a { background: #2d353c; opacity: 1; } .header.navbar-inverse .navbar-nav > li.divider { background: rgba(255, 255, 255, 0.2); } .header.navbar-inverse .navbar-form { margin: 10px 0; } .header.navbar-inverse .navbar-form .form-control { background: rgba(255, 255, 255, 0.25); border-color: transparent; height: 30px; color: #FFFFFF; } .header.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header.navbar-inverse .navbar-form .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .header.navbar-inverse .navbar-form .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header.navbar-inverse .navbar-form .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .header.navbar-inverse .navbar-form .btn-search { color: rgba(255, 255, 255, 0.5); } .has-scroll .header { box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); } .sidebar { width: 220px; position: absolute; left: 0; top: 0; bottom: 0; padding-top: 50px; background: #2d353c; z-index: 1010; transform: translateZ(0); } @media (max-width: 767.98px) { .sidebar { padding-top: 0; left: -220px; z-index: 1021; } } .sidebar .nav { display: block; } .sidebar .nav > li { position: relative; } .sidebar .nav > li:before, .sidebar .nav > li:after { content: ""; display: table; clear: both; } .sidebar .nav > li > a { padding: 7px 20px; line-height: 20px; color: rgba(255, 255, 255, 0.6); display: block; text-decoration: none; } .sidebar .nav > li > a:before, .sidebar .nav > li > a:after { content: ""; display: table; clear: both; } .sidebar .nav > li > a i { float: left; margin-right: 10px; width: 14px; text-align: center; line-height: 20px; font-size: 14px; } .sidebar .nav > li > a i[class^=ion-] { margin-right: 8px; width: 18px; font-size: 18px; margin-left: -2px; } .sidebar .nav > li > a .icon-img { float: left; margin-right: 10px; margin-top: 3px; width: 14px; height: 14px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 4px; display: flex; align-items: center; } .sidebar .nav > li > a .icon-img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .sidebar .nav > li > a .badge { padding: 5px 8px; background: #1a2229; font-weight: 600; font-size: 10px; } .sidebar .nav > li > a .label { padding-top: 0; padding-bottom: 0; margin-left: 8px; } .gradient-enabled .sidebar .nav > li > a .label.label-theme { background: linear-gradient(to bottom, #00c6c6 0%, #009393 100%); } .sidebar .nav > li > a > span { display: flex; flex: 1; flex-wrap: wrap; } .sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus { background: none; color: #FFFFFF; } .sidebar .nav > li.active > a { position: relative; z-index: 10; color: #FFFFFF; background: #242b30; } .gradient-enabled .sidebar .nav > li.active > a { background: linear-gradient(to bottom, #00c6c6 0%, #009393 100%); } .sidebar .nav > li.active > a i { color: #00acac; } .gradient-enabled .sidebar .nav > li.active > a i { color: rgba(0, 0, 0, 0.65); } .gradient-enabled .sidebar .nav > li.active > a .caret { color: rgba(0, 0, 0, 0.5); } .sidebar .nav > li.active > a .badge { background: rgba(0, 0, 0, 0.65); } .gradient-enabled .sidebar .nav > li.active > a .label.label-theme { background: rgba(0, 0, 0, 0.65); } .sidebar .nav > li.nav-header { margin: 0; padding: 15px 20px 3px; line-height: 20px; font-size: 11px; color: rgba(255, 255, 255, 0.45); font-weight: 600; } .sidebar .nav > li.nav-header a { padding: 0; margin: 0; display: inline; } .sidebar .nav > li.nav-header a:hover, .sidebar .nav > li.nav-header a:focus { background: none; color: #FFFFFF; } .sidebar .nav > li.nav-header a i { float: none; margin: 0; } .sidebar .nav > li.nav-profile { padding: 20px; color: #FFFFFF; background: #1a2229; overflow: hidden; } .sidebar .nav > li.nav-profile a { padding: 0; } .sidebar .nav > li.nav-profile > a { margin: -20px; padding: 20px; display: block; color: #FFFFFF; font-weight: 600; } .sidebar .nav > li.nav-profile > a:hover .cover.with-shadow:before { opacity: 0.75; } .sidebar .nav > li.nav-profile .image { width: 34px; height: 34px; margin-bottom: 10px; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; border-radius: 30px; } .sidebar .nav > li.nav-profile .image img { max-width: 100%; max-height: 100%; } .sidebar .nav > li.nav-profile .image.image-icon i { float: none; display: block; font-size: 24px; text-align: center; width: auto; margin: 0 auto -12px; } .sidebar .nav > li.nav-profile .info { font-size: 14px; position: relative; } .sidebar .nav > li.nav-profile .info .caret { margin-top: 2px; } .sidebar .nav > li.nav-profile .info small { display: block; color: rgba(255, 255, 255, 0.75); font-size: 12px; margin-bottom: -5px; } .sidebar .nav > li.nav-profile .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/images/cover-sidebar-user.jpg?154f15e00072c113d023e4d251ea10ef); background-repeat: no-repeat; background-size: cover; } .sidebar .nav > li.nav-profile .cover.with-shadow:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(26, 34, 41, 0.75); transition: all 0.2s linear; } .sidebar .nav > li.nav-search { padding: 20px; } .sidebar .nav > li.nav-search + li { padding-top: 0; } .sidebar .nav > li.nav-search .form-control { background: none; border: none; padding-left: 0; padding-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; border-radius: 0; } .sidebar .nav > li.nav-search .form-control:focus { border-color: rgba(255, 255, 255, 0.5); box-shadow: none; } .sidebar .nav > li.nav-widget { padding: 10px 20px; } .sidebar .nav > li.nav-widget i { margin-right: auto; } .sidebar .nav > li .text-theme { margin-left: 5px; } .sidebar .nav .has-sub.active > .sub-menu { display: block; } .sidebar .nav .sub-menu > li > a { color: rgba(255, 255, 255, 0.45); } .sidebar .nav .sub-menu > li > a .caret { margin-top: -1px; left: -5px; color: rgba(255, 255, 255, 0.25); } .sidebar .nav.nav-profile { padding: 5px 0; border-bottom: 1px solid #1a2229; display: none; } .sidebar .nav.nav-profile.active { display: block; } .sidebar li > a .caret { display: block; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; border: none; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .sidebar li > a .caret:before { content: "\f054"; display: block; text-align: center; opacity: 0.5; transition: all 0.2s linear; } .sidebar li.active > a .caret:before, .sidebar li.expanding > a .caret:before, .sidebar li.expand > a .caret:before { opacity: 1; transform: rotate(90deg); } .sidebar li.closed > a .caret:before, .sidebar li.closing > a .caret:before { transform: rotate(0deg); } .sidebar .sub-menu { list-style-type: none; padding: 5px 0 10px 39px; margin: 0; position: relative; display: none; } .sidebar .sub-menu > li { position: relative; } .sidebar .sub-menu > li > a { padding: 3px 20px 3px 15px; display: block; color: rgba(255, 255, 255, 0.6); text-decoration: none; position: relative; } .sidebar .sub-menu > li > a:hover, .sidebar .sub-menu > li > a:focus { color: #FFFFFF; } .sidebar .sub-menu > li > a:after { content: ""; position: absolute; left: -11px; top: 11px; width: 11px; height: 2px; background: #242b30; } .sidebar .sub-menu > li:before { content: ""; position: absolute; left: -13px; top: 0; bottom: 0; width: 2px; background: #242b30; } .sidebar .sub-menu > li:after { content: ""; position: absolute; left: 0; width: 6px; height: 6px; border: 1px solid rgba(255, 255, 255, 0.6); top: 11px; margin-top: -2px; z-index: 10; background: #2d353c; border-radius: 4px; } .sidebar .sub-menu > li:first-child:before { top: -14px; } .sidebar .sub-menu > li:first-child:last-child:before { height: 27px; } .sidebar .sub-menu > li:last-child:before { bottom: auto; height: 13px; } .sidebar .sub-menu > li.has-sub > a:before { background: #242b30; } .sidebar .sub-menu > li.active > a { color: #FFFFFF; } .sidebar .sub-menu > li.active:after { border-color: #00acac; } .sidebar .sub-menu .sub-menu { padding: 0 0 0 15px; background: none; } .sidebar .sidebar-minify-btn { margin: 10px 0; float: right; padding: 5px 20px 5px 10px !important; background: #242b30; color: #FFFFFF; border-radius: 20px 0 0 20px; } .sidebar .sidebar-minify-btn i { margin: 0 !important; color: #FFFFFF; } .sidebar .sidebar-minify-btn:hover, .sidebar .sidebar-minify-btn:focus { background: #1c2025 !important; } .sidebar .slimScrollDiv .slimScrollBar:before { background: rgba(255, 255, 255, 0.5) !important; } .sidebar.sidebar-grid .nav > li + li { margin-top: -1px; } .sidebar.sidebar-grid .nav > li > a { border-top: 1px solid #3d4852; border-bottom: 1px solid #3d4852; } .sidebar.sidebar-grid .nav > li.expanding > a, .sidebar.sidebar-grid .nav > li.expand > a { border-bottom-color: transparent; } .sidebar.sidebar-grid .nav > li.active > a { border-color: #2d353c; } .sidebar.sidebar-transparent { background: none; } .sidebar.sidebar-transparent + .sidebar-bg { background: url(/images/cover-sidebar.jpg?e2b23e5414eff4f98325f5366f32377b); background-size: cover; } .sidebar.sidebar-transparent + .sidebar-bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(45, 53, 60, 0.75); } .sidebar.sidebar-transparent .nav > li.active > a { background: rgba(0, 0, 0, 0.3); } .sidebar.sidebar-transparent .nav > li.nav-profile { background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-transparent .nav > li.nav-profile a:hover, .sidebar.sidebar-transparent .nav > li.nav-profile a:focus { background: none; } .sidebar.sidebar-transparent .nav > li.nav-profile .cover { background: none; } .sidebar.sidebar-transparent .nav > li.nav-profile .cover.with-shadow:before { background: none; } .sidebar.sidebar-transparent .nav > li.nav-profile.active { background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-transparent .sub-menu { background: none; } .sidebar.sidebar-transparent .sub-menu > li:before { background: rgba(0, 0, 0, 0.45); } .sidebar.sidebar-transparent .sub-menu > li > a:after { background: rgba(0, 0, 0, 0.45); } .sidebar.sidebar-transparent .sub-menu > li.has-sub > a:after { background: rgba(0, 0, 0, 0.45); } .sidebar-bg { background: #2d353c; position: fixed; top: 0; left: 0; bottom: 0; width: 220px; z-index: 1000; } @media (max-width: 767.98px) { .sidebar-bg { padding-top: 0; left: -220px; z-index: 1020; } } @-webkit-keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @-webkit-keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } @keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } .top-menu { background: #1a2229; left: 0; right: 0; z-index: 1015; } @media (min-width: 768px) { .top-menu { top: 50px; position: fixed; height: 40px; } } @media (max-width: 767.98px) { .top-menu { display: none; } } @media (min-width: 576px) { .top-menu .nav { display: flex; flex-wrap: nowrap; } } @media (max-width: 767.98px) { .top-menu .nav { display: block; margin: 0 !important; } } .top-menu .nav > li { position: relative; display: block; } .top-menu .nav > li > a { padding: 10px 20px; color: rgba(255, 255, 255, 0.6); line-height: 20px; text-decoration: none; white-space: nowrap; display: flex; align-items: center; } @media (min-width: 768px) { .top-menu .nav > li > a { justify-content: center; } } .top-menu .nav > li > a i { font-size: 14px; margin-right: 10px; line-height: 20px; width: 14px; text-align: center; } .top-menu .nav > li > a .badge { margin-left: 5px; background: #2d353c; } .top-menu .nav > li > a .label { padding-top: 0; padding-bottom: 0; margin-left: 5px; } .top-menu .nav > li > a .icon-img { float: left; margin-right: 7px; margin-left: -3px; width: 20px; height: 20px; overflow: hidden; border-radius: 4px; display: flex; align-items: center; } .top-menu .nav > li > a .icon-img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .top-menu .nav > li > a > span { display: inline-flex; } .top-menu .nav > li > a:hover, .top-menu .nav > li > a:focus { background: none; color: #FFFFFF; } .top-menu .nav > li.active > a { position: relative; z-index: 10; color: #FFFFFF; } .top-menu .nav > li.active > a i { color: #00acac; } .top-menu .nav > li.active > a.label, .top-menu .nav > li.active > a.badge { background: rgba(0, 0, 0, 0.4); } .top-menu .nav > li.menu-control { position: absolute; top: 0; margin: 0; z-index: 10; } @media (max-width: 767.98px) { .top-menu .nav > li.menu-control { display: none !important; } } .top-menu .nav > li.menu-control > a { padding: 0; text-align: center; line-height: 40px; width: 40px; height: 40px; background: #2d353c; } .top-menu .nav > li.menu-control > a i { float: none; margin: 0; font-size: 18px; display: block; line-height: 40px; color: #FFFFFF; width: auto; } .top-menu .nav > li.menu-control > a:hover, .top-menu .nav > li.menu-control > a:focus { background: #242b30; } .top-menu .nav > li.menu-control.menu-control-left { left: -50px; } .top-menu .nav > li.menu-control.menu-control-left > a { box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5); } .top-menu .nav > li.menu-control.menu-control-left.show { left: 0; -webkit-animation: topMenuControlSlideInLeft 0.2s; animation: topMenuControlSlideInLeft 0.2s; } .top-menu .nav > li.menu-control.menu-control-right { right: -50px; } .top-menu .nav > li.menu-control.menu-control-right > a { box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5); } .top-menu .nav > li.menu-control.menu-control-right.show { right: 0; -webkit-animation: topMenuControlSlideInRight 0.2s; animation: topMenuControlSlideInRight 0.2s; } @media (min-width: 768px) { .top-menu .nav > li.has-sub:hover > .sub-menu { display: block; } } .top-menu .nav > li:hover > a, .top-menu .nav > li:focus > a { background: none; color: #FFFFFF; } .top-menu .nav .caret { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; border: none; margin-left: 5px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } @media (max-width: 767.98px) { .top-menu .nav .caret { margin-left: auto; } } .top-menu .nav .caret:before { content: "\f054"; display: block; text-align: center; opacity: 0.5; transition: all 0.2s linear; transform: rotate(90deg); } .top-menu .nav .sub-menu { display: none; top: 40px; background: #2d353c; list-style-type: none; margin: 0; padding: 10px 0; } @media (min-width: 768px) { .top-menu .nav .sub-menu { width: 220px; position: absolute; left: 0; max-height: calc(100vh - 90px); } } .top-menu .nav .sub-menu > li > a { padding: 5px 20px; color: rgba(255, 255, 255, 0.6); text-decoration: none; position: relative; display: flex; align-items: center; } @media (max-width: 767.98px) { .top-menu .nav .sub-menu > li > a { padding-left: 44px; } } .top-menu .nav .sub-menu > li > a .caret { margin-left: auto; } .top-menu .nav .sub-menu > li > a:hover, .top-menu .nav .sub-menu > li > a:focus { color: #FFFFFF; } .top-menu .nav .sub-menu > li.active > a { background: #1a2229; color: #FFFFFF; } .top-menu .nav .sub-menu .sub-menu { background: rgba(0, 0, 0, 0.2); position: relative; left: 0; top: 0; max-height: auto; overflow: initial; } #page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #dee2e6; z-index: 9999; } #page-loader.fade { display: none; } #page-loader.fade.in, #page-loader.fade.show { display: block; } #page-loader.fade.d-none .spinner { -webkit-animation: none; animation: none; } .content { margin-left: 220px; padding: 20px 30px; } @media (max-width: 767.98px) { .content { margin-left: 0; padding: 20px 20px; } } .content.content-full-width { padding: 0; } .content.content-full-width .page-header { margin: 20px 30px; position: relative; z-index: 10; } @media (max-width: 767.98px) { .content.content-full-width .page-header { margin: 20px 20px; } .content.content-full-width .page-header + .page-header { margin-top: -20px; } } .content.content-full-width .breadcrumb { position: relative; z-index: 20; margin: 0 30px 0 0; } @media (max-width: 1199.98px) { .content.content-full-width .breadcrumb { margin: 20px 30px; } .content.content-full-width .breadcrumb + .page-header { margin-top: -20px; } } @media (max-width: 767.98px) { .content.content-full-width .breadcrumb { margin: 20px 20px; } .content.content-full-width .breadcrumb + .page-header { margin-top: -20px; } } .content.content-inverse-mode h1, .content.content-inverse-mode h2, .content.content-inverse-mode h3, .content.content-inverse-mode h4, .content.content-inverse-mode h5, .content.content-inverse-mode h6 { color: #FFFFFF; } .content.content-inverse-mode .breadcrumb { color: #FFFFFF; } .content.content-inverse-mode .breadcrumb a { color: #FFFFFF; } .content.content-inverse-mode .breadcrumb > li { color: rgba(255, 255, 255, 0.75); } .content.content-inverse-mode .page-header { color: #FFFFFF; } .content.content-inverse-mode .page-header small { color: rgba(255, 255, 255, 0.75); } .content.content-inverse-mode .slimScrollDiv .slimScrollBar:before { background: rgba(255, 255, 255, 0.5) !important; } .float-sub-menu-container { position: fixed; width: 220px; margin: 0; background: #242b30; z-index: 1020; } .float-sub-menu-container .float-sub-menu { margin: 0; list-style-type: none; padding: 9px 0 9px 39px; } .float-sub-menu-container .float-sub-menu li { position: relative; } .float-sub-menu-container .float-sub-menu li > a { line-height: 18px; padding: 3px 20px 3px 15px; display: block; text-decoration: none; position: relative; color: rgba(255, 255, 255, 0.6); padding: 3px 20px 3px 15px; } .float-sub-menu-container .float-sub-menu li > a .caret { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; margin-top: -1px; border: none; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; float: right; } .float-sub-menu-container .float-sub-menu li > a .caret:before { display: block; text-align: center; opacity: 0.5; content: "\f054"; transition: all 0.2s linear; } .float-sub-menu-container .float-sub-menu li > a:hover, .float-sub-menu-container .float-sub-menu li > a:focus { color: #FFFFFF; } .float-sub-menu-container .float-sub-menu li > a:after { content: ""; position: absolute; background: #2d353c; top: 11px; width: 11px; height: 2px; left: -11px; } .float-sub-menu-container .float-sub-menu li:before { content: ""; background: #2d353c; position: absolute; top: 0; bottom: 0; width: 2px; left: -13px; } .float-sub-menu-container .float-sub-menu li:after { content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid rgba(255, 255, 255, 0.25); top: 11px; margin-top: -2px; z-index: 10; background: #242b30; border-radius: 4px; left: 0; } .float-sub-menu-container .float-sub-menu li:first-child:before { top: -14px; } .float-sub-menu-container .float-sub-menu li:first-child:last-child:before { height: 27px; } .float-sub-menu-container .float-sub-menu li:last-child:before { bottom: auto; height: 13px; } .float-sub-menu-container .float-sub-menu li.has-sub > a:before { background: #2d353c; } .float-sub-menu-container .float-sub-menu li.active > a { color: #FFFFFF; } .float-sub-menu-container .float-sub-menu li.active > a .caret:before { opacity: 1; transform: rotate(90deg); } .float-sub-menu-container .float-sub-menu li.active:after { border-color: #00acac; } .float-sub-menu-container .float-sub-menu li.expanding > a, .float-sub-menu-container .float-sub-menu li.expand > a { color: #FFFFFF; } .float-sub-menu-container .float-sub-menu li.expanding > a .caret:before, .float-sub-menu-container .float-sub-menu li.expand > a .caret:before { opacity: 1; transform: rotate(90deg); } .float-sub-menu-container .float-sub-menu li.closed > a .caret:before, .float-sub-menu-container .float-sub-menu li.closing > a .caret:before { transform: rotate(0deg); } .float-sub-menu-container .float-sub-menu > li:first-child:before { top: 11px; } .float-sub-menu-container .float-sub-menu > li:first-child:last-child:before { height: 0 !important; } .float-sub-menu-container .float-sub-menu .active > .sub-menu { display: block; } .float-sub-menu-container .float-sub-menu .sub-menu { display: none; list-style-type: none; background: none; padding: 0 0 0 15px; } .float-sub-menu-container .float-sub-menu-arrow { position: absolute; top: 20px; width: 28px; height: 2px; background: #2d353c; left: 0; } .float-sub-menu-container .float-sub-menu-line { position: absolute; top: 20px; width: 2px; background: #2d353c; left: 26px; } .float-sub-menu-container .foat-sub-menu-arrow:before, .float-sub-menu-container .foat-sub-menu-arrow:after { display: none; } .boxed-layout { height: 100%; background-image: url(/images/cover-pattern.png?c3437d3371f119024def49ac75d53fe4); } .boxed-layout .top-menu { max-width: 1280px; width: 100%; left: 50%; margin-left: -640px; position: absolute; } @media (max-width: 767.98px) { .boxed-layout .top-menu { position: relative; left: 0; margin: 0; } } .boxed-layout .pace .pace-progress { top: 0; } .boxed-layout .pace .pace-activity { top: 13px; } .boxed-layout .page-container { max-width: 1280px; width: 100%; margin: 0 auto; min-height: 100%; background: #dee2e6; position: relative; overflow: hidden; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5); } .boxed-layout .header { max-width: 1280px; width: 100%; right: auto; left: auto; } @media (min-width: 768px) { .boxed-layout .sidebar, .boxed-layout .sidebar-bg { left: auto; right: auto; } } @media (max-width: 1280px) { .boxed-layout .top-menu { left: 0; margin-left: 0; } } .page-content-full-height { height: 100%; } @media (min-width: 768px) { .page-content-full-height .content { height: calc(100vh - 50px); } } @media (min-width: 768px) { .page-content-full-height.page-without-header .content, .page-content-full-height.page-empty .content { height: 100vh; } } .page-empty .content { margin: 0; top: 0; } .page-header-fixed { padding-top: 50px; } @media (max-width: 767.98px) { .page-header-fixed { padding-top: 101px; } } .page-header-fixed .header { position: fixed; } @-webkit-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-webkit-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @media (max-width: 767.98px) { .page-with-two-sidebar .sidebar-right.sidebar, .page-with-two-sidebar .sidebar-right.sidebar-bg { position: fixed; right: -220px; left: auto; } .page-with-two-sidebar .header .navbar-brand { margin: 0; display: flex; align-items: center; justify-content: center; } .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg { right: 0; left: auto; -webkit-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar-bg { right: -250px; left: auto; } .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar, .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg { right: 0; left: auto; -webkit-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } } .page-sidebar-fixed .sidebar { position: fixed; } .page-sidebar-minified .sidebar { width: 60px; position: absolute; } .page-sidebar-minified .sidebar .nav > li > a { padding: 10px 20px; } .page-sidebar-minified .sidebar .nav > li > a span { display: none; } .page-sidebar-minified .sidebar .nav > li > a i { margin: 0; } .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { display: none !important; } .page-sidebar-minified .sidebar .nav-profile { display: none; } .page-sidebar-minified .sidebar .nav-profile.expand { display: none !important; } .page-sidebar-minified .sidebar .nav-header, .page-sidebar-minified .sidebar .nav-search { display: none; } .page-sidebar-minified .sidebar .caret { position: absolute; top: 10px; right: 5px; } .page-sidebar-minified .sidebar .caret:before { transform: rotate(0deg) !important; } .page-sidebar-minified .sidebar .slimScrollDiv .slimScrollBar, .page-sidebar-minified .sidebar .slimScrollDiv .slimScrollRail { display: none !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv, .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollBar { display: block !important; } .page-sidebar-minified .sidebar-bg { width: 60px; } .page-sidebar-minified .content { margin-left: 60px; } @media (max-width: 767.98px) { .page-sidebar-minified .content { margin-left: 0; } } .page-sidebar-minified .footer { margin-left: 90px; } @media (max-width: 767.98px) { .page-sidebar-minified .footer { margin-left: 20px; } } .page-sidebar-minified .sidebar-minify-btn i:before { content: "\f101"; } @media (min-width: 768px) { .page-sidebar-minified .map { left: 60px; } } @media (min-width: 768px) { .page-sidebar-minified.page-with-right-sidebar { right: 60px; left: 0; } } .page-sidebar-minified.page-with-right-sidebar .content { margin-right: 60px; margin-left: 0; } @media (max-width: 767.98px) { .page-sidebar-minified.page-with-right-sidebar .content { margin-right: 0; } } .page-sidebar-minified.page-with-right-sidebar .footer { margin-right: 90px; margin-left: 30px; } @media (max-width: 767.98px) { .page-sidebar-minified.page-with-right-sidebar .footer { margin-right: 20px; } } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .icon-img, .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a i { float: none; width: auto; margin: 0 0 0 5px; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .caret { position: absolute; right: auto; left: 3px; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .caret:before { content: "\f053"; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > .sub-menu { padding: 10px 30px 10px 0; } .page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before { content: "\f100"; } .page-sidebar-minified.page-sidebar-fixed .sidebar { position: fixed; } .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv, .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv, .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv > div { overflow: visible !important; height: auto !important; } @-webkit-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-webkit-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @media (max-width: 767.98px) { .page-sidebar-toggled .sidebar, .page-sidebar-toggled .sidebar-bg { left: 0; -webkit-animation: sidebarSlideInLeft 0.2s; animation: sidebarSlideInLeft 0.2s; } .page-sidebar-toggled .sidebar-bg { position: fixed; } .page-sidebar-toggled.page-with-right-sidebar .sidebar, .page-sidebar-toggled.page-with-right-sidebar .sidebar-bg { left: auto; right: 0; -webkit-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-sidebar-toggled.page-with-right-sidebar.page-sidebar-minified .sidebar, .page-sidebar-toggled.page-with-right-sidebar.page-sidebar-minified .sidebar-bg { left: auto; right: 0; -webkit-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar, .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar-bg { -webkit-animation: none; animation: none; } .page-sidebar-toggled.page-sidebar-minified.sidebar, .page-sidebar-toggled.page-sidebar-minified.sidebar-bg { position: fixed; left: 0; -webkit-animation: sidebarSlideInLeft 0.2s; animation: sidebarSlideInLeft 0.2s; } } .page-with-light-sidebar .sidebar { background: #FFFFFF; } .page-with-light-sidebar .sidebar .nav > li > a { color: #6f8293; font-weight: 600; } .page-with-light-sidebar .sidebar .nav > li > a:hover, .page-with-light-sidebar .sidebar .nav > li > a:focus { color: #2d353c; } .page-with-light-sidebar .sidebar .nav > li.active > a { color: #2d353c; background: #f2f3f4; } .page-with-light-sidebar .sidebar .nav > li.active > a:hover, .page-with-light-sidebar .sidebar .nav > li.active > a:focus { color: #2d353c; background: #f2f3f4; } .page-with-light-sidebar .sidebar .nav > li.nav-header { color: #6f8293; } .page-with-light-sidebar .sidebar .nav > li.nav-search .form-control { background: none; border: none; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d5dbe0; color: #2d353c; border-radius: 0; } .page-with-light-sidebar .sidebar .nav > li.nav-search .form-control:focus { border-color: #a9b5bf; box-shadow: none; } .page-with-light-sidebar .sidebar .nav > li.nav-profile > a { color: #FFFFFF !important; } .page-with-light-sidebar .sidebar .nav > li.nav-profile.active > a { color: #FFFFFF !important; } .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn { background: #f2f3f4; color: #2d353c; } .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn i { color: #9ba8b4; } .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn:hover, .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn:focus { background: #f2f3f4 !important; color: #2d353c !important; } .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn:hover i, .page-with-light-sidebar .sidebar .nav .sidebar-minify-btn:focus i { color: #2d353c !important; } .page-with-light-sidebar .sidebar .nav.nav-profile { border-color: #f2f3f4; } .page-with-light-sidebar .sidebar .sub-menu > li > a { color: #6f8293; font-weight: 600 !important; } .page-with-light-sidebar .sidebar .sub-menu > li > a .caret { color: #6f8293; } .page-with-light-sidebar .sidebar .sub-menu > li > a:hover, .page-with-light-sidebar .sidebar .sub-menu > li > a:focus { color: #2d353c; } .page-with-light-sidebar .sidebar .sub-menu > li > a:after { background: #dde0e2; } .page-with-light-sidebar .sidebar .sub-menu > li:before { background: #dde0e2; } .page-with-light-sidebar .sidebar .sub-menu > li:after { border-width: 2px; border-color: #dde0e2; background: #FFFFFF; } .page-with-light-sidebar .sidebar .sub-menu > li.active:after { border-color: #00acac; } .page-with-light-sidebar .sidebar .sub-menu > li.has-sub > a:before { background: #dde0e2; } .page-with-light-sidebar .sidebar-bg { background: #FFFFFF; } .page-with-light-sidebar .slimScrollDiv .slimScrollBar { background: #000000 !important; } .page-with-light-sidebar .float-sub-menu-container { background: #f2f3f4; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu-arrow, .page-with-light-sidebar .float-sub-menu-container .float-sub-menu-line { background: #dde0e2; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li > a { color: #6f8293; font-weight: 600; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li > a:hover, .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li > a:focus { color: #2d353c; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li > a:after { background: #dde0e2; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li:before { background: #dde0e2; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li:after { background: #f2f3f4; border-color: #dde0e2; border-width: 2px; } .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li.active > a, .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li.expand > a, .page-with-light-sidebar .float-sub-menu-container .float-sub-menu li.expanding > a { color: #2d353c; } .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a { background: #f2f3f4; } .page-with-light-sidebar.gradient-enabled .sidebar .nav > li.active > a { color: #FFFFFF; background: linear-gradient(to bottom, #00c6c6 0%, #009393 100%); } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu-line { left: auto; right: 26px; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu-arrow { left: auto; right: 0; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li:after { left: auto; right: 0; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu { padding-left: 0; padding-right: 39px; text-align: right; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a { padding-left: 15px; padding-right: 20px; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a .caret { float: left; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a .caret:before { content: "\f053"; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a:after { right: -11px; left: auto; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.active > a .caret:before, .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.expanding > a .caret:before, .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.expand > a .caret:before { transform: rotate(-90deg); } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li:before { right: -13px; left: auto; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu .sub-menu { padding-left: 0; padding-right: 15px; } .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { left: auto; right: 0; } @media (max-width: 767.98px) { .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { right: -220px; } } .page-with-right-sidebar .content { margin-left: 0; margin-right: 220px; } @media (max-width: 767.98px) { .page-with-right-sidebar .content { margin-right: 0; } } .page-with-right-sidebar .footer { margin-left: 30px; margin-right: 250px; } @media (max-width: 767.98px) { .page-with-right-sidebar .footer { margin-right: 30px; } } .page-with-right-sidebar .btn-scroll-to-top { left: 25px; right: auto; } @media (min-width: 768px) { .page-with-right-sidebar .map { right: 220px; left: 0; } } .page-with-right-sidebar.page-with-wide-sidebar .content { margin-right: 250px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar .content { margin-right: 0; } } .page-with-right-sidebar.page-with-wide-sidebar .footer { margin-right: 280px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar .footer { margin-right: 20px; } } .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .content { margin-right: 60px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .content { margin-right: 0; } } .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .footer { margin-right: 90px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .footer { margin-right: 20px; } } @media (min-width: 768px) { .page-with-top-menu { padding-top: 90px; } } @media (min-width: 768px) { .page-with-top-menu .sidebar { padding-top: 90px; } } @media (min-width: 768px) { .page-with-top-menu.page-header-fixed { padding-top: 90px; } } @media (min-width: 768px) { .page-with-two-sidebar .sidebar-right.sidebar, .page-with-two-sidebar .sidebar-right.sidebar-bg { right: 0; left: auto; } } @media (min-width: 768px) { .page-with-two-sidebar .content { margin-right: 220px; } } @media (min-width: 768px) { .page-with-two-sidebar .footer { margin-right: 250px; } } .page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar, .page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg { width: 220px; } .page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar-bg { width: 250px; } @media (min-width: 768px) { .page-with-two-sidebar.page-with-wide-sidebar .footer { margin-right: 280px; } } .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right { position: fixed; } .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg { right: -220px; } .page-with-two-sidebar.page-right-sidebar-collapsed .content { margin-right: 0; } .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar-bg { right: -250px; } .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .content { margin-right: 0; } @-webkit-keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @-webkit-keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } @keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg { width: 250px; } @media (max-width: 767.98px) { .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg { width: 250px; left: -250px; } } @media (min-width: 768px) { .page-with-wide-sidebar .content { margin-left: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar .footer { margin-left: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar .map { left: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .content { margin-left: 0; margin-right: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .footer { margin-left: 30px; margin-right: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .map { right: 250px; left: 0; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-two-sidebar .content { margin-right: 250px; margin-left: 250px; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled .sidebar, .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg { left: auto; right: 0; -webkit-animation: wideSidebarSlideInRight 0.2s; animation: wideSidebarSlideInRight 0.2s; } } .page-with-wide-sidebar.page-sidebar-minified .sidebar { width: 60px; } .page-with-wide-sidebar.page-sidebar-minified .sidebar + .sidebar-bg { width: 60px; } .page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar, .page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg { width: 250px; } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .content { margin-left: 60px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .footer { margin-left: 90px; margin-right: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified .map { left: 60px; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-sidebar-toggled .sidebar, .page-with-wide-sidebar.page-sidebar-toggled .sidebar-bg { left: 0; -webkit-animation: wideSidebarSlideInLeft 0.2s; animation: wideSidebarSlideInLeft 0.2s; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar, .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg { left: auto; right: 0; -webkit-animation: wideSidebarSlideInRight 0.2s; animation: wideSidebarSlideInRight 0.2s; } } .page-without-sidebar .content { margin-left: 0; } .page-without-sidebar .footer { margin-left: 30px; } @media (max-width: 767.98px) { .page-without-sidebar .header .navbar-brand { justify-content: center; } } .alert.alert-primary { color: #10416d; background-color: #cce3f8; border-color: #348fe2; } .alert.alert-primary hr { border-top-color: #2083dd; } .alert.alert-primary .alert-link { color: #092641; } .alert.alert-secondary { color: #25282b; background-color: #dadddf; border-color: #6c757d; } .alert.alert-secondary hr { border-top-color: #60686f; } .alert.alert-secondary .alert-link { color: #0d0f10; } .alert.alert-success { color: #001313; background-color: #bfeaea; border-color: #00acac; } .alert.alert-success hr { border-top-color: #009393; } .alert.alert-success .alert-link { color: black; } .alert.alert-info { color: #195a6d; background-color: #d2edf5; border-color: #49b6d6; } .alert.alert-info hr { border-top-color: #34aed1; } .alert.alert-info .alert-link { color: #0f3844; } .alert.alert-warning { color: #714505; background-color: #fde6c6; border-color: #f59c1a; } .alert.alert-warning hr { border-top-color: #eb900a; } .alert.alert-warning .alert-link { color: #402703; } .alert.alert-danger { color: #bd0500; background-color: #ffd6d5; border-color: #ff5b57; } .alert.alert-danger hr { border-top-color: #ff423e; } .alert.alert-danger .alert-link { color: #8a0300; } .alert.alert-light { color: #9fa7ae; background-color: #fcfcfc; border-color: #f2f3f4; } .alert.alert-light hr { border-top-color: #e4e6e8; } .alert.alert-light .alert-link { color: #848d97; } .alert.alert-dark { color: black; background-color: #cbcdce; border-color: #2d353c; } .alert.alert-dark hr { border-top-color: #22282d; } .alert.alert-dark .alert-link { color: black; } .alert.alert-inverse { color: black; background-color: #cbcdce; border-color: #2d353c; } .alert.alert-inverse hr { border-top-color: #22282d; } .alert.alert-inverse .alert-link { color: black; } .alert.alert-black { color: black; background-color: #bfbfbf; border-color: #000000; } .alert.alert-black hr { border-top-color: black; } .alert.alert-black .alert-link { color: black; } .alert.alert-white { color: #b3b3b3; background-color: white; border-color: #FFFFFF; } .alert.alert-white hr { border-top-color: #f2f2f2; } .alert.alert-white .alert-link { color: #999999; } .alert.alert-grey { color: #627884; background-color: #edf0f2; border-color: #b6c2c9; } .alert.alert-grey hr { border-top-color: #a7b6be; } .alert.alert-grey .alert-link { color: #4c5d67; } .alert.alert-muted { color: #627884; background-color: #edf0f2; border-color: #b6c2c9; } .alert.alert-muted hr { border-top-color: #a7b6be; } .alert.alert-muted .alert-link { color: #4c5d67; } .alert.alert-silver { color: #627884; background-color: #edf0f2; border-color: #b6c2c9; } .alert.alert-silver hr { border-top-color: #a7b6be; } .alert.alert-silver .alert-link { color: #4c5d67; } .alert.alert-lime { color: #41601c; background-color: #e3f2d2; border-color: #90ca4b; } .alert.alert-lime hr { border-top-color: #84c239; } .alert.alert-lime .alert-link { color: #263811; } .alert.alert-aqua { color: #195a6d; background-color: #d2edf5; border-color: #49b6d6; } .alert.alert-aqua hr { border-top-color: #34aed1; } .alert.alert-aqua .alert-link { color: #0f3844; } .alert.alert-blue { color: #10416d; background-color: #cce3f8; border-color: #348fe2; } .alert.alert-blue hr { border-top-color: #2083dd; } .alert.alert-blue .alert-link { color: #092641; } .alert.alert-indigo { color: #3f1880; background-color: #e1d4f7; border-color: #8753de; } .alert.alert-indigo hr { border-top-color: #783eda; } .alert.alert-indigo .alert-link { color: #2a1055; } .alert.alert-purple { color: #31375e; background-color: #dcdeed; border-color: #727cb6; } .alert.alert-purple hr { border-top-color: #616cad; } .alert.alert-purple .alert-link { color: #1f243d; } .alert.alert-pink { color: #b3044a; background-color: #fed5e5; border-color: #fb5597; } .alert.alert-pink hr { border-top-color: #fa3c88; } .alert.alert-pink .alert-link { color: #810335; } .alert.alert-red { color: #bd0500; background-color: #ffd6d5; border-color: #ff5b57; } .alert.alert-red hr { border-top-color: #ff423e; } .alert.alert-red .alert-link { color: #8a0300; } .alert.alert-orange { color: #714505; background-color: #fde6c6; border-color: #f59c1a; } .alert.alert-orange hr { border-top-color: #eb900a; } .alert.alert-orange .alert-link { color: #402703; } .alert.alert-yellow { color: #665700; background-color: #fff6bf; border-color: #ffd900; } .alert.alert-yellow hr { border-top-color: #e6c300; } .alert.alert-yellow .alert-link { color: #332b00; } .alert.alert-green { color: #0f330f; background-color: #cceacc; border-color: #32a932; } .alert.alert-green hr { border-top-color: #2c952c; } .alert.alert-green .alert-link { color: #030c03; } .alert.alert-teal { color: #001313; background-color: #bfeaea; border-color: #00acac; } .alert.alert-teal hr { border-top-color: #009393; } .alert.alert-teal .alert-link { color: black; } .alert.alert-cyan { color: #195a6d; background-color: #d2edf5; border-color: #49b6d6; } .alert.alert-cyan hr { border-top-color: #34aed1; } .alert.alert-cyan .alert-link { color: #0f3844; } .alert.alert-white { color: #b3b3b3; background-color: white; border-color: #FFFFFF; } .alert.alert-white hr { border-top-color: #f2f2f2; } .alert.alert-white .alert-link { color: #999999; } .alert.alert-gray { color: #25282b; background-color: #dadddf; border-color: #6c757d; } .alert.alert-gray hr { border-top-color: #60686f; } .alert.alert-gray .alert-link { color: #0d0f10; } .alert.alert-gray-dark { color: black; background-color: #cccecf; border-color: #343a40; } .alert.alert-gray-dark hr { border-top-color: #292d32; } .alert.alert-gray-dark .alert-link { color: black; } .alert.alert-black { color: black; background-color: #bfbfbf; border-color: #000000; } .alert.alert-black hr { border-top-color: black; } .alert.alert-black .alert-link { color: black; } .alert.alert-dark { color: black; background-color: #cbcdce; border-color: #2d353c; } .alert.alert-dark hr { border-top-color: #22282d; } .alert.alert-dark .alert-link { color: black; } .alert.alert-dark-darker { color: black; background-color: #c6c8ca; border-color: #1a2229; } .alert.alert-dark-darker hr { border-top-color: #101519; } .alert.alert-dark-darker .alert-link { color: black; } .alert.alert-lime { color: #41601c; background-color: #e3f2d2; border-color: #90ca4b; } .alert.alert-lime hr { border-top-color: #84c239; } .alert.alert-lime .alert-link { color: #263811; } .alert.alert-light { color: #9fa7ae; background-color: #fcfcfc; border-color: #f2f3f4; } .alert.alert-light hr { border-top-color: #e4e6e8; } .alert.alert-light .alert-link { color: #848d97; } .alert.alert-silver { color: #627884; background-color: #edf0f2; border-color: #b6c2c9; } .alert.alert-silver hr { border-top-color: #a7b6be; } .alert.alert-silver .alert-link { color: #4c5d67; } .alert.alert-muted { color: #21282c; background-color: #d8dde0; border-color: #627884; } .alert.alert-muted hr { border-top-color: #576a76; } .alert.alert-muted .alert-link { color: #0b0e0f; } .alert.alert-aqua { color: #195a6d; background-color: #d2edf5; border-color: #49b6d6; } .alert.alert-aqua hr { border-top-color: #34aed1; } .alert.alert-aqua .alert-link { color: #0f3844; } .alert.alert-gray-100 { color: #9fadba; background-color: #fdfefe; border-color: #f8f9fa; } .alert.alert-gray-100 hr { border-top-color: #e9ecef; } .alert.alert-gray-100 .alert-link { color: #8193a5; } .alert.alert-gray-200 { color: #90a0af; background-color: #fafafb; border-color: #e9ecef; } .alert.alert-gray-200 hr { border-top-color: #dadfe4; } .alert.alert-gray-200 .alert-link { color: #738699; } .alert.alert-gray-300 { color: #8796a4; background-color: #f7f8f9; border-color: #dee2e6; } .alert.alert-gray-300 hr { border-top-color: #cfd5db; } .alert.alert-gray-300 .alert-link { color: #6b7c8d; } .alert.alert-gray-400 { color: #778898; background-color: #f3f4f6; border-color: #ced4da; } .alert.alert-gray-400 hr { border-top-color: #bfc7cf; } .alert.alert-gray-400 .alert-link { color: #5f6e7d; } .alert.alert-gray-500 { color: #5d6974; background-color: #ebedef; border-color: #adb5bd; } .alert.alert-gray-500 hr { border-top-color: #9fa8b2; } .alert.alert-gray-500 .alert-link { color: #464f58; } .alert.alert-gray-600 { color: #25282b; background-color: #dadddf; border-color: #6c757d; } .alert.alert-gray-600 hr { border-top-color: #60686f; } .alert.alert-gray-600 .alert-link { color: #0d0f10; } .alert.alert-gray-700 { color: #030404; background-color: #d2d3d5; border-color: #495057; } .alert.alert-gray-700 hr { border-top-color: #3d4349; } .alert.alert-gray-700 .alert-link { color: black; } .alert.alert-gray-800 { color: black; background-color: #cccecf; border-color: #343a40; } .alert.alert-gray-800 hr { border-top-color: #292d32; } .alert.alert-gray-800 .alert-link { color: black; } .alert.alert-gray-900 { color: black; background-color: #cbcdce; border-color: #2d353c; } .alert.alert-gray-900 hr { border-top-color: #22282d; } .alert.alert-gray-900 .alert-link { color: black; } .badge { font-size: 75%; font-weight: 600; display: inline-block; min-width: 10px; padding: 3px 7px; color: #FFFFFF; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 12px; } .badge.badge-primary { background: #348fe2; } .badge.badge-secondary { background: #6c757d; } .badge.badge-success { background: #00acac; } .badge.badge-info { background: #49b6d6; } .badge.badge-warning { background: #f59c1a; } .badge.badge-danger { background: #ff5b57; } .badge.badge-light { color: #2d353c; background: #f2f3f4; } .badge.badge-dark { background: #2d353c; } .badge.badge-inverse { background: #2d353c; } .badge.badge-black { background: #000000; } .badge.badge-white { background: #FFFFFF; } .badge.badge-grey { background: #b6c2c9; } .badge.badge-muted { background: #b6c2c9; } .badge.badge-silver { background: #b6c2c9; } .badge.badge-lime { background: #90ca4b; } .badge.badge-aqua { background: #49b6d6; } .badge.badge-blue { background: #348fe2; } .badge.badge-indigo { background: #8753de; } .badge.badge-purple { background: #727cb6; } .badge.badge-pink { background: #fb5597; } .badge.badge-red { background: #ff5b57; } .badge.badge-orange { background: #f59c1a; } .badge.badge-yellow { background: #ffd900; } .badge.badge-green { background: #32a932; } .badge.badge-teal { background: #00acac; } .badge.badge-cyan { background: #49b6d6; } .badge.badge-white { background: #FFFFFF; } .badge.badge-gray { background: #6c757d; } .badge.badge-gray-dark { background: #343a40; } .badge.badge-black { background: #000000; } .badge.badge-dark { background: #2d353c; } .badge.badge-dark-darker { background: #1a2229; } .badge.badge-lime { background: #90ca4b; } .badge.badge-light { background: #f2f3f4; } .badge.badge-silver { background: #b6c2c9; } .badge.badge-muted { background: #627884; } .badge.badge-aqua { background: #49b6d6; } .badge.badge-gray-100 { background: #f8f9fa; } .badge.badge-gray-200 { background: #e9ecef; } .badge.badge-gray-300 { background: #dee2e6; } .badge.badge-gray-400 { background: #ced4da; } .badge.badge-gray-500 { background: #adb5bd; } .badge.badge-gray-600 { background: #6c757d; } .badge.badge-gray-700 { background: #495057; } .badge.badge-gray-800 { background: #343a40; } .badge.badge-gray-900 { background: #2d353c; } .badge.badge-square { border-radius: 0; } .badge.badge-default { background: #e4e7ea; color: #2d353c; } .breadcrumb { padding: 0; margin: 0; background: none; } .breadcrumb .breadcrumb-item { line-height: 32px; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #9ba8b4; } .breadcrumb .breadcrumb-item a { color: #2d353c; } .btn-scroll-to-top { position: fixed; bottom: 20px; right: 25px; z-index: 1020; } .btn { font-weight: 600; } .btn.btn-circle, .btn.btn-rounded { border-radius: 200px; } .btn.btn-icon { width: 28px; height: 28px; padding: 0; border: none; line-height: 28px; text-align: center; font-size: 14px; } .btn.btn-icon.btn-xs { width: 16px; height: 16px; font-size: 8px; line-height: 16px; } .btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon { width: 22px; height: 22px; font-size: 11px; line-height: 22px; } .btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon { width: 34px; height: 34px; font-size: 17px; line-height: 34px; } .btn.btn-theme { padding: 12px 30px; font-weight: bold; border-radius: 6px; } .btn.btn-xs { font-size: 12px; line-height: 18px; padding: 1px 5px; } .btn.btn-white.btn-white-without-border { border-color: #FFFFFF; } .btn.btn-white.btn-white-without-border:not(.active):hover, .btn.btn-white.btn-white-without-border:not(.active):focus { border-color: #f2f4f5 !important; background: #f2f4f5 !important; } .btn.btn-white.btn-white-without-border.active { border-color: #e4e7ea !important; } .btn-default { color: #2d353c; background-color: #f1f3f4; border-color: #f1f3f4; box-shadow: 0; } .btn-default:hover { color: #2d353c; background-color: #d3dadf; border-color: #d3dadf; } .btn-default:focus, .btn-default.focus { color: #2d353c; background-color: #d3dadf; border-color: #d3dadf; box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-default.disabled, .btn-default:disabled { color: #2d353c; background-color: #f1f3f4; border-color: #f1f3f4; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { color: #2d353c; background-color: #d3dadf; border-color: #d3dadf; } .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-primary { color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; box-shadow: 0; } .btn-primary:hover { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; } .btn-primary:focus, .btn-primary.focus { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; box-shadow: 0 0 0 0 rgba(82, 160, 230, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 160, 230, 0.5); } .btn-secondary { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; box-shadow: 0; } .btn-secondary:hover { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #FFFFFF; background-color: #545b62; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-success { color: #FFFFFF; background-color: #00acac; border-color: #00acac; box-shadow: 0; } .btn-success:hover { color: #FFFFFF; background-color: #007979; border-color: #007979; } .btn-success:focus, .btn-success.focus { color: #FFFFFF; background-color: #007979; border-color: #007979; box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #FFFFFF; background-color: #007979; border-color: #007979; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-info { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; box-shadow: 0; color: #FFFFFF; } .btn-info:hover { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-info:focus, .btn-info.focus { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-warning { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; box-shadow: 0; color: #FFFFFF; } .btn-warning:hover { color: #FFFFFF; background-color: #d38109; border-color: #d38109; } .btn-warning:focus, .btn-warning.focus { color: #FFFFFF; background-color: #d38109; border-color: #d38109; box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #FFFFFF; background-color: #d38109; border-color: #d38109; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-danger { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; box-shadow: 0; } .btn-danger:hover { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; } .btn-danger:focus, .btn-danger.focus { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-light { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; box-shadow: 0; } .btn-light:hover { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; } .btn-light:focus, .btn-light.focus { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-dark { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; box-shadow: 0; } .btn-dark:hover { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-dark:focus, .btn-dark.focus { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-inverse { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; box-shadow: 0; } .btn-inverse:hover { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-inverse:focus, .btn-inverse.focus { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-inverse.disabled, .btn-inverse:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-inverse:not(:disabled):not(.disabled):active, .btn-inverse:not(:disabled):not(.disabled).active, .show > .btn-inverse.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-inverse:not(:disabled):not(.disabled):active:focus, .btn-inverse:not(:disabled):not(.disabled).active:focus, .show > .btn-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-black { color: #FFFFFF; background-color: #000000; border-color: #000000; box-shadow: 0; } .btn-black:hover { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #FFFFFF; background-color: black; border-color: black; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-white { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; box-shadow: 0; } .btn-white:hover { color: #2d353c; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { color: #2d353c; background-color: #e6e6e6; border-color: #e6e6e6; box-shadow: 0 0 0 0 rgba(224, 225, 226, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #2d353c; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #2d353c; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(224, 225, 226, 0.5); } .btn-grey { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; box-shadow: 0; color: #FFFFFF; } .btn-grey:hover { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-grey:focus, .btn-grey.focus { color: #2d353c; background-color: #99aab3; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-grey.disabled, .btn-grey:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-grey:hover, .btn-grey:focus { color: #FFFFFF; } .btn-muted { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; box-shadow: 0; } .btn-muted:hover { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-muted:focus, .btn-muted.focus { color: #2d353c; background-color: #99aab3; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-silver { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; box-shadow: 0; } .btn-silver:hover { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-silver:focus, .btn-silver.focus { color: #2d353c; background-color: #99aab3; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-silver:not(:disabled):not(.disabled):active, .btn-silver:not(:disabled):not(.disabled).active, .show > .btn-silver.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-silver:not(:disabled):not(.disabled):active:focus, .btn-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-lime { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; box-shadow: 0; } .btn-lime:hover { color: #FFFFFF; background-color: #76af33; border-color: #76af33; } .btn-lime:focus, .btn-lime.focus { color: #FFFFFF; background-color: #76af33; border-color: #76af33; box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active, .show > .btn-lime.dropdown-toggle { color: #FFFFFF; background-color: #76af33; border-color: #76af33; } .btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-aqua { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; box-shadow: 0; } .btn-aqua:hover { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-aqua:focus, .btn-aqua.focus { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-aqua:not(:disabled):not(.disabled):active, .btn-aqua:not(:disabled):not(.disabled).active, .show > .btn-aqua.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-aqua:not(:disabled):not(.disabled):active:focus, .btn-aqua:not(:disabled):not(.disabled).active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-blue { color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; box-shadow: 0; } .btn-blue:hover { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; } .btn-blue:focus, .btn-blue.focus { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; box-shadow: 0 0 0 0 rgba(82, 160, 230, 0.5); } .btn-blue.disabled, .btn-blue:disabled { color: #FFFFFF; background-color: #348fe2; border-color: #348fe2; } .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active, .show > .btn-blue.dropdown-toggle { color: #FFFFFF; background-color: #1c75c7; border-color: #1c75c7; } .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 160, 230, 0.5); } .btn-indigo { color: #FFFFFF; background-color: #8753de; border-color: #8753de; box-shadow: 0; } .btn-indigo:hover { color: #FFFFFF; background-color: #6929d5; border-color: #6929d5; } .btn-indigo:focus, .btn-indigo.focus { color: #FFFFFF; background-color: #6929d5; border-color: #6929d5; box-shadow: 0 0 0 0 rgba(153, 109, 227, 0.5); } .btn-indigo.disabled, .btn-indigo:disabled { color: #FFFFFF; background-color: #8753de; border-color: #8753de; } .btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { color: #FFFFFF; background-color: #6929d5; border-color: #6929d5; } .btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(153, 109, 227, 0.5); } .btn-purple { color: #FFFFFF; background-color: #727cb6; border-color: #727cb6; box-shadow: 0; } .btn-purple:hover { color: #FFFFFF; background-color: #545fa1; border-color: #545fa1; } .btn-purple:focus, .btn-purple.focus { color: #FFFFFF; background-color: #545fa1; border-color: #545fa1; box-shadow: 0 0 0 0 rgba(135, 144, 193, 0.5); } .btn-purple.disabled, .btn-purple:disabled { color: #FFFFFF; background-color: #727cb6; border-color: #727cb6; } .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { color: #FFFFFF; background-color: #545fa1; border-color: #545fa1; } .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(135, 144, 193, 0.5); } .btn-pink { color: #FFFFFF; background-color: #fb5597; border-color: #fb5597; box-shadow: 0; } .btn-pink:hover { color: #FFFFFF; background-color: #fa2379; border-color: #fa2379; } .btn-pink:focus, .btn-pink.focus { color: #FFFFFF; background-color: #fa2379; border-color: #fa2379; box-shadow: 0 0 0 0 rgba(252, 111, 167, 0.5); } .btn-pink.disabled, .btn-pink:disabled { color: #FFFFFF; background-color: #fb5597; border-color: #fb5597; } .btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active, .show > .btn-pink.dropdown-toggle { color: #FFFFFF; background-color: #fa2379; border-color: #fa2379; } .btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(252, 111, 167, 0.5); } .btn-red { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; box-shadow: 0; } .btn-red:hover { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; } .btn-red:focus, .btn-red.focus { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-red.disabled, .btn-red:disabled { color: #FFFFFF; background-color: #ff5b57; border-color: #ff5b57; } .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show > .btn-red.dropdown-toggle { color: #FFFFFF; background-color: #ff2924; border-color: #ff2924; } .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 116, 112, 0.5); } .btn-orange { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; box-shadow: 0; color: #FFFFFF; } .btn-orange:hover { color: #FFFFFF; background-color: #d38109; border-color: #d38109; } .btn-orange:focus, .btn-orange.focus { color: #FFFFFF; background-color: #d38109; border-color: #d38109; box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-orange.disabled, .btn-orange:disabled { color: #2d353c; background-color: #f59c1a; border-color: #f59c1a; } .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show > .btn-orange.dropdown-toggle { color: #FFFFFF; background-color: #d38109; border-color: #d38109; } .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(215, 141, 31, 0.5); } .btn-yellow { color: #2d353c; background-color: #ffd900; border-color: #ffd900; box-shadow: 0; } .btn-yellow:hover { color: #2d353c; background-color: #ccae00; border-color: #ccae00; } .btn-yellow:focus, .btn-yellow.focus { color: #2d353c; background-color: #ccae00; border-color: #ccae00; box-shadow: 0 0 0 0 rgba(224, 192, 9, 0.5); } .btn-yellow.disabled, .btn-yellow:disabled { color: #2d353c; background-color: #ffd900; border-color: #ffd900; } .btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { color: #2d353c; background-color: #ccae00; border-color: #ccae00; } .btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(224, 192, 9, 0.5); } .btn-green { color: #FFFFFF; background-color: #32a932; border-color: #32a932; box-shadow: 0; } .btn-green:hover { color: #FFFFFF; background-color: #268226; border-color: #268226; } .btn-green:focus, .btn-green.focus { color: #FFFFFF; background-color: #268226; border-color: #268226; box-shadow: 0 0 0 0 rgba(81, 182, 81, 0.5); } .btn-green.disabled, .btn-green:disabled { color: #FFFFFF; background-color: #32a932; border-color: #32a932; } .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle { color: #FFFFFF; background-color: #268226; border-color: #268226; } .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(81, 182, 81, 0.5); } .btn-teal { color: #FFFFFF; background-color: #00acac; border-color: #00acac; box-shadow: 0; } .btn-teal:hover { color: #FFFFFF; background-color: #007979; border-color: #007979; } .btn-teal:focus, .btn-teal.focus { color: #FFFFFF; background-color: #007979; border-color: #007979; box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-teal.disabled, .btn-teal:disabled { color: #FFFFFF; background-color: #00acac; border-color: #00acac; } .btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle { color: #FFFFFF; background-color: #007979; border-color: #007979; } .btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 184, 184, 0.5); } .btn-cyan { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; box-shadow: 0; } .btn-cyan:hover { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-cyan:focus, .btn-cyan.focus { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-cyan.disabled, .btn-cyan:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-white { color: #2d353c; background-color: #FFFFFF; border-color: #d5dbe0; box-shadow: 0; } .btn-white:hover { color: #2d353c; background-color: #f2f4f5; border-color: #d5dbe0; } .btn-white:focus, .btn-white.focus { color: #2d353c; background-color: #f2f4f5; border-color: #d5dbe0; box-shadow: 0 0 0 0 rgba(188, 194, 199, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #2d353c; background-color: #FFFFFF; border-color: #d5dbe0; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #2d353c; background-color: #e4e7ea; border-color: #d5dbe0; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(188, 194, 199, 0.5); } .btn-gray { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; box-shadow: 0; } .btn-gray:hover { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-gray:focus, .btn-gray.focus { color: #FFFFFF; background-color: #545b62; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-gray.disabled, .btn-gray:disabled { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-gray-dark { color: #FFFFFF; background-color: #343a40; border-color: #343a40; box-shadow: 0; } .btn-gray-dark:hover { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; } .btn-gray-dark:focus, .btn-gray-dark.focus { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-gray-dark.disabled, .btn-gray-dark:disabled { color: #FFFFFF; background-color: #343a40; border-color: #343a40; } .btn-gray-dark:not(:disabled):not(.disabled):active, .btn-gray-dark:not(:disabled):not(.disabled).active, .show > .btn-gray-dark.dropdown-toggle { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; } .btn-gray-dark:not(:disabled):not(.disabled):active:focus, .btn-gray-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-black { color: #FFFFFF; background-color: #000000; border-color: #000000; box-shadow: 0; } .btn-black:hover { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #FFFFFF; background-color: black; border-color: black; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #FFFFFF; background-color: #000000; border-color: #000000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #FFFFFF; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; box-shadow: 0; } .btn-dark:hover { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-dark:focus, .btn-dark.focus { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-dark-darker { color: #FFFFFF; background-color: #1a2229; border-color: #1a2229; box-shadow: 0; } .btn-dark-darker:hover { color: #FFFFFF; background-color: #06080a; border-color: #06080a; } .btn-dark-darker:focus, .btn-dark-darker.focus { color: #FFFFFF; background-color: #06080a; border-color: #06080a; box-shadow: 0 0 0 0 rgba(60, 67, 73, 0.5); } .btn-dark-darker.disabled, .btn-dark-darker:disabled { color: #FFFFFF; background-color: #1a2229; border-color: #1a2229; } .btn-dark-darker:not(:disabled):not(.disabled):active, .btn-dark-darker:not(:disabled):not(.disabled).active, .show > .btn-dark-darker.dropdown-toggle { color: #FFFFFF; background-color: #06080a; border-color: #06080a; } .btn-dark-darker:not(:disabled):not(.disabled):active:focus, .btn-dark-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-darker.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(60, 67, 73, 0.5); } .btn-lime { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; box-shadow: 0; color: #FFFFFF; } .btn-lime:hover { color: #FFFFFF; background-color: #76af33; border-color: #76af33; } .btn-lime:focus, .btn-lime.focus { color: #FFFFFF; background-color: #76af33; border-color: #76af33; box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #2d353c; background-color: #90ca4b; border-color: #90ca4b; } .btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active, .show > .btn-lime.dropdown-toggle { color: #FFFFFF; background-color: #76af33; border-color: #76af33; } .btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(129, 180, 73, 0.5); } .btn-lime:hover, .btn-lime:focus { color: #FFFFFF; } .btn-light { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; box-shadow: 0; } .btn-light:hover { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; } .btn-light:focus, .btn-light.focus { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #2d353c; background-color: #f2f3f4; border-color: #f2f3f4; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #2d353c; background-color: #d6dadd; border-color: #d6dadd; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(212, 215, 216, 0.5); } .btn-silver { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; box-shadow: 0; } .btn-silver:hover { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-silver:focus, .btn-silver.focus { color: #2d353c; background-color: #99aab3; border-color: #99aab3; box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #2d353c; background-color: #b6c2c9; border-color: #b6c2c9; } .btn-silver:not(:disabled):not(.disabled):active, .btn-silver:not(:disabled):not(.disabled).active, .show > .btn-silver.dropdown-toggle { color: #2d353c; background-color: #99aab3; border-color: #99aab3; } .btn-silver:not(:disabled):not(.disabled):active:focus, .btn-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(161, 173, 180, 0.5); } .btn-muted { color: #FFFFFF; background-color: #627884; border-color: #627884; box-shadow: 0; } .btn-muted:hover { color: #FFFFFF; background-color: #4c5d67; border-color: #4c5d67; } .btn-muted:focus, .btn-muted.focus { color: #FFFFFF; background-color: #4c5d67; border-color: #4c5d67; box-shadow: 0 0 0 0 rgba(122, 140, 150, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #FFFFFF; background-color: #627884; border-color: #627884; } .btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle { color: #FFFFFF; background-color: #4c5d67; border-color: #4c5d67; } .btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(122, 140, 150, 0.5); } .btn-aqua { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; box-shadow: 0; color: #FFFFFF; } .btn-aqua:hover { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-aqua:focus, .btn-aqua.focus { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #2d353c; background-color: #49b6d6; border-color: #49b6d6; } .btn-aqua:not(:disabled):not(.disabled):active, .btn-aqua:not(:disabled):not(.disabled).active, .show > .btn-aqua.dropdown-toggle { color: #FFFFFF; background-color: #2b9fc1; border-color: #2b9fc1; } .btn-aqua:not(:disabled):not(.disabled):active:focus, .btn-aqua:not(:disabled):not(.disabled).active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(69, 163, 191, 0.5); } .btn-gray-100 { color: #2d353c; background-color: #f8f9fa; border-color: #f8f9fa; box-shadow: 0; } .btn-gray-100:hover { color: #2d353c; background-color: #dae0e5; border-color: #dae0e5; } .btn-gray-100:focus, .btn-gray-100.focus { color: #2d353c; background-color: #dae0e5; border-color: #dae0e5; box-shadow: 0 0 0 0 rgba(218, 220, 222, 0.5); } .btn-gray-100.disabled, .btn-gray-100:disabled { color: #2d353c; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { color: #2d353c; background-color: #dae0e5; border-color: #dae0e5; } .btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(218, 220, 222, 0.5); } .btn-gray-200 { color: #2d353c; background-color: #e9ecef; border-color: #e9ecef; box-shadow: 0; } .btn-gray-200:hover { color: #2d353c; background-color: #cbd3da; border-color: #cbd3da; } .btn-gray-200:focus, .btn-gray-200.focus { color: #2d353c; background-color: #cbd3da; border-color: #cbd3da; box-shadow: 0 0 0 0 rgba(205, 209, 212, 0.5); } .btn-gray-200.disabled, .btn-gray-200:disabled { color: #2d353c; background-color: #e9ecef; border-color: #e9ecef; } .btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { color: #2d353c; background-color: #cbd3da; border-color: #cbd3da; } .btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(205, 209, 212, 0.5); } .btn-gray-300 { color: #2d353c; background-color: #dee2e6; border-color: #dee2e6; box-shadow: 0; } .btn-gray-300:hover { color: #2d353c; background-color: #c1c9d0; border-color: #c1c9d0; } .btn-gray-300:focus, .btn-gray-300.focus { color: #2d353c; background-color: #c1c9d0; border-color: #c1c9d0; box-shadow: 0 0 0 0 rgba(195, 200, 205, 0.5); } .btn-gray-300.disabled, .btn-gray-300:disabled { color: #2d353c; background-color: #dee2e6; border-color: #dee2e6; } .btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { color: #2d353c; background-color: #c1c9d0; border-color: #c1c9d0; } .btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(195, 200, 205, 0.5); } .btn-gray-400 { color: #2d353c; background-color: #ced4da; border-color: #ced4da; box-shadow: 0; } .btn-gray-400:hover { color: #2d353c; background-color: #b1bbc4; border-color: #b1bbc4; } .btn-gray-400:focus, .btn-gray-400.focus { color: #2d353c; background-color: #b1bbc4; border-color: #b1bbc4; box-shadow: 0 0 0 0 rgba(182, 188, 194, 0.5); } .btn-gray-400.disabled, .btn-gray-400:disabled { color: #2d353c; background-color: #ced4da; border-color: #ced4da; } .btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { color: #2d353c; background-color: #b1bbc4; border-color: #b1bbc4; } .btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(182, 188, 194, 0.5); } .btn-gray-500 { color: #2d353c; background-color: #adb5bd; border-color: #adb5bd; box-shadow: 0; } .btn-gray-500:hover { color: #2d353c; background-color: #919ca6; border-color: #919ca6; } .btn-gray-500:focus, .btn-gray-500.focus { color: #2d353c; background-color: #919ca6; border-color: #919ca6; box-shadow: 0 0 0 0 rgba(154, 162, 170, 0.5); } .btn-gray-500.disabled, .btn-gray-500:disabled { color: #2d353c; background-color: #adb5bd; border-color: #adb5bd; } .btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { color: #2d353c; background-color: #919ca6; border-color: #919ca6; } .btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(154, 162, 170, 0.5); } .btn-gray-600 { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; box-shadow: 0; } .btn-gray-600:hover { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-gray-600:focus, .btn-gray-600.focus { color: #FFFFFF; background-color: #545b62; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-gray-600.disabled, .btn-gray-600:disabled { color: #FFFFFF; background-color: #6c757d; border-color: #6c757d; } .btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { color: #FFFFFF; background-color: #545b62; border-color: #545b62; } .btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-gray-700 { color: #FFFFFF; background-color: #495057; border-color: #495057; box-shadow: 0; } .btn-gray-700:hover { color: #FFFFFF; background-color: #32373b; border-color: #32373b; } .btn-gray-700:focus, .btn-gray-700.focus { color: #FFFFFF; background-color: #32373b; border-color: #32373b; box-shadow: 0 0 0 0 rgba(100, 106, 112, 0.5); } .btn-gray-700.disabled, .btn-gray-700:disabled { color: #FFFFFF; background-color: #495057; border-color: #495057; } .btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { color: #FFFFFF; background-color: #32373b; border-color: #32373b; } .btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(100, 106, 112, 0.5); } .btn-gray-800 { color: #FFFFFF; background-color: #343a40; border-color: #343a40; box-shadow: 0; } .btn-gray-800:hover { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; } .btn-gray-800:focus, .btn-gray-800.focus { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-gray-800.disabled, .btn-gray-800:disabled { color: #FFFFFF; background-color: #343a40; border-color: #343a40; } .btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { color: #FFFFFF; background-color: #1d2124; border-color: #1d2124; } .btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-gray-900 { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; box-shadow: 0; } .btn-gray-900:hover { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-gray-900:focus, .btn-gray-900.focus { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-gray-900.disabled, .btn-gray-900:disabled { color: #FFFFFF; background-color: #2d353c; border-color: #2d353c; } .btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { color: #FFFFFF; background-color: #171b1f; border-color: #171b1f; } .btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 83, 89, 0.5); } .btn-group .btn-default + .btn-default, .input-group-prepend .btn-default + .btn-default, .input-group-append .btn-default + .btn-default { border-left-color: #d3dadf; } .btn-group .btn-primary + .btn-primary, .input-group-prepend .btn-primary + .btn-primary, .input-group-append .btn-primary + .btn-primary { border-left-color: #1c75c7; } .btn-group .btn-secondary + .btn-secondary, .input-group-prepend .btn-secondary + .btn-secondary, .input-group-append .btn-secondary + .btn-secondary { border-left-color: #545b62; } .btn-group .btn-success + .btn-success, .input-group-prepend .btn-success + .btn-success, .input-group-append .btn-success + .btn-success { border-left-color: #007979; } .btn-group .btn-info + .btn-info, .input-group-prepend .btn-info + .btn-info, .input-group-append .btn-info + .btn-info { border-left-color: #2b9fc1; } .btn-group .btn-warning + .btn-warning, .input-group-prepend .btn-warning + .btn-warning, .input-group-append .btn-warning + .btn-warning { border-left-color: #d38109; } .btn-group .btn-danger + .btn-danger, .input-group-prepend .btn-danger + .btn-danger, .input-group-append .btn-danger + .btn-danger { border-left-color: #ff2924; } .btn-group .btn-light + .btn-light, .input-group-prepend .btn-light + .btn-light, .input-group-append .btn-light + .btn-light { border-left-color: #d6dadd; } .btn-group .btn-dark + .btn-dark, .input-group-prepend .btn-dark + .btn-dark, .input-group-append .btn-dark + .btn-dark { border-left-color: #171b1f; } .btn-group .btn-inverse + .btn-inverse, .input-group-prepend .btn-inverse + .btn-inverse, .input-group-append .btn-inverse + .btn-inverse { border-left-color: #171b1f; } .btn-group .btn-black + .btn-black, .input-group-prepend .btn-black + .btn-black, .input-group-append .btn-black + .btn-black { border-left-color: black; } .btn-group .btn-white + .btn-white, .input-group-prepend .btn-white + .btn-white, .input-group-append .btn-white + .btn-white { border-left-color: #e6e6e6; } .btn-group .btn-grey + .btn-grey, .input-group-prepend .btn-grey + .btn-grey, .input-group-append .btn-grey + .btn-grey { border-left-color: #99aab3; } .btn-group .btn-muted + .btn-muted, .input-group-prepend .btn-muted + .btn-muted, .input-group-append .btn-muted + .btn-muted { border-left-color: #99aab3; } .btn-group .btn-silver + .btn-silver, .input-group-prepend .btn-silver + .btn-silver, .input-group-append .btn-silver + .btn-silver { border-left-color: #99aab3; } .btn-group .btn-lime + .btn-lime, .input-group-prepend .btn-lime + .btn-lime, .input-group-append .btn-lime + .btn-lime { border-left-color: #76af33; } .btn-group .btn-aqua + .btn-aqua, .input-group-prepend .btn-aqua + .btn-aqua, .input-group-append .btn-aqua + .btn-aqua { border-left-color: #2b9fc1; } .btn-group .btn-blue + .btn-blue, .input-group-prepend .btn-blue + .btn-blue, .input-group-append .btn-blue + .btn-blue { border-left-color: #1c75c7; } .btn-group .btn-indigo + .btn-indigo, .input-group-prepend .btn-indigo + .btn-indigo, .input-group-append .btn-indigo + .btn-indigo { border-left-color: #6929d5; } .btn-group .btn-purple + .btn-purple, .input-group-prepend .btn-purple + .btn-purple, .input-group-append .btn-purple + .btn-purple { border-left-color: #545fa1; } .btn-group .btn-pink + .btn-pink, .input-group-prepend .btn-pink + .btn-pink, .input-group-append .btn-pink + .btn-pink { border-left-color: #fa2379; } .btn-group .btn-red + .btn-red, .input-group-prepend .btn-red + .btn-red, .input-group-append .btn-red + .btn-red { border-left-color: #ff2924; } .btn-group .btn-orange + .btn-orange, .input-group-prepend .btn-orange + .btn-orange, .input-group-append .btn-orange + .btn-orange { border-left-color: #d38109; } .btn-group .btn-yellow + .btn-yellow, .input-group-prepend .btn-yellow + .btn-yellow, .input-group-append .btn-yellow + .btn-yellow { border-left-color: #ccae00; } .btn-group .btn-green + .btn-green, .input-group-prepend .btn-green + .btn-green, .input-group-append .btn-green + .btn-green { border-left-color: #268226; } .btn-group .btn-teal + .btn-teal, .input-group-prepend .btn-teal + .btn-teal, .input-group-append .btn-teal + .btn-teal { border-left-color: #007979; } .btn-group .btn-cyan + .btn-cyan, .input-group-prepend .btn-cyan + .btn-cyan, .input-group-append .btn-cyan + .btn-cyan { border-left-color: #2b9fc1; } .btn-group .btn-white + .btn-white, .input-group-prepend .btn-white + .btn-white, .input-group-append .btn-white + .btn-white { border-left-color: #d5dbe0; } .btn-group .btn-gray + .btn-gray, .input-group-prepend .btn-gray + .btn-gray, .input-group-append .btn-gray + .btn-gray { border-left-color: #545b62; } .btn-group .btn-gray-dark + .btn-gray-dark, .input-group-prepend .btn-gray-dark + .btn-gray-dark, .input-group-append .btn-gray-dark + .btn-gray-dark { border-left-color: #1d2124; } .btn-group .btn-black + .btn-black, .input-group-prepend .btn-black + .btn-black, .input-group-append .btn-black + .btn-black { border-left-color: black; } .btn-group .btn-dark + .btn-dark, .input-group-prepend .btn-dark + .btn-dark, .input-group-append .btn-dark + .btn-dark { border-left-color: #171b1f; } .btn-group .btn-dark-darker + .btn-dark-darker, .input-group-prepend .btn-dark-darker + .btn-dark-darker, .input-group-append .btn-dark-darker + .btn-dark-darker { border-left-color: #06080a; } .btn-group .btn-lime + .btn-lime, .input-group-prepend .btn-lime + .btn-lime, .input-group-append .btn-lime + .btn-lime { border-left-color: #76af33; } .btn-group .btn-light + .btn-light, .input-group-prepend .btn-light + .btn-light, .input-group-append .btn-light + .btn-light { border-left-color: #d6dadd; } .btn-group .btn-silver + .btn-silver, .input-group-prepend .btn-silver + .btn-silver, .input-group-append .btn-silver + .btn-silver { border-left-color: #99aab3; } .btn-group .btn-muted + .btn-muted, .input-group-prepend .btn-muted + .btn-muted, .input-group-append .btn-muted + .btn-muted { border-left-color: #4c5d67; } .btn-group .btn-aqua + .btn-aqua, .input-group-prepend .btn-aqua + .btn-aqua, .input-group-append .btn-aqua + .btn-aqua { border-left-color: #2b9fc1; } .btn-group .btn-gray-100 + .btn-gray-100, .input-group-prepend .btn-gray-100 + .btn-gray-100, .input-group-append .btn-gray-100 + .btn-gray-100 { border-left-color: #dae0e5; } .btn-group .btn-gray-200 + .btn-gray-200, .input-group-prepend .btn-gray-200 + .btn-gray-200, .input-group-append .btn-gray-200 + .btn-gray-200 { border-left-color: #cbd3da; } .btn-group .btn-gray-300 + .btn-gray-300, .input-group-prepend .btn-gray-300 + .btn-gray-300, .input-group-append .btn-gray-300 + .btn-gray-300 { border-left-color: #c1c9d0; } .btn-group .btn-gray-400 + .btn-gray-400, .input-group-prepend .btn-gray-400 + .btn-gray-400, .input-group-append .btn-gray-400 + .btn-gray-400 { border-left-color: #b1bbc4; } .btn-group .btn-gray-500 + .btn-gray-500, .input-group-prepend .btn-gray-500 + .btn-gray-500, .input-group-append .btn-gray-500 + .btn-gray-500 { border-left-color: #919ca6; } .btn-group .btn-gray-600 + .btn-gray-600, .input-group-prepend .btn-gray-600 + .btn-gray-600, .input-group-append .btn-gray-600 + .btn-gray-600 { border-left-color: #545b62; } .btn-group .btn-gray-700 + .btn-gray-700, .input-group-prepend .btn-gray-700 + .btn-gray-700, .input-group-append .btn-gray-700 + .btn-gray-700 { border-left-color: #32373b; } .btn-group .btn-gray-800 + .btn-gray-800, .input-group-prepend .btn-gray-800 + .btn-gray-800, .input-group-append .btn-gray-800 + .btn-gray-800 { border-left-color: #1d2124; } .btn-group .btn-gray-900 + .btn-gray-900, .input-group-prepend .btn-gray-900 + .btn-gray-900, .input-group-append .btn-gray-900 + .btn-gray-900 { border-left-color: #171b1f; } .btn-group > .btn-group:not(:first-child) { margin-left: 0; margin-right: -1px; } .card .card-header .card-header-tabs { margin-top: -5px; } .card .card-header .card-header-pills { margin-top: -8px; margin-bottom: -8px; } .card > .widget-list .widget-list-item { border-radius: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .carousel .carousel-control .fa { position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; text-align: center; line-height: 30px; margin-left: -15px; z-index: 5; } .carousel .carousel-control.left .fa { margin-left: 15px; } .chats { list-style-type: none; margin: 0; padding: 12px 15px 15px; } .chats > li + li { margin-top: 15px; } .chats > li + li:before, .chats > li + li:after { content: ""; display: table; clear: both; } .chats > div + div { margin-top: 15px; } .chats > div + div:before, .chats > div + div:after { content: ""; display: table; clear: both; } .chats .name { color: #2d353c; display: block; margin-bottom: 5px; font-weight: 600; text-decoration: none; } .chats .name .label { font-size: 8px; padding: 1px 4px 2px; margin-left: 3px; position: relative; top: -1px; } .chats .date-time { font-size: 10px; display: block; float: right; color: #6f8293; margin-top: 3px; font-weight: 600; } .chats .image { float: left; width: 60px; height: 60px; overflow: hidden; border-radius: 4px; } .chats .image img { max-width: 100%; } .chats .image + .message { margin-left: 75px; } .chats .message { padding: 7px 12px; font-size: 12px; position: relative; background: #FFFFFF; border-radius: 12px; } .chats .message:before { content: ""; position: absolute; left: -13px; top: 15px; border: 7px solid transparent; border-right-color: #FFFFFF; } .chats .right .name { text-align: right; } .chats .right .date-time { float: left; } .chats .right .image { float: right; } .chats .right .image + .message { margin-left: 0; margin-right: 75px; } .chats .right .message { text-align: right; } .chats .right .message:before { left: auto; right: -13px; border-right-color: transparent; border-left-color: #FFFFFF; } .panel-body .chats { padding: 0; } .slimScrollDiv .chats { padding-right: 15px; } .has-success.checkbox.checkbox-css label, .has-success .checkbox.checkbox-css label, .is-valid.checkbox.checkbox-css label, .is-valid .checkbox.checkbox-css label { color: #009393; } .has-success.checkbox.checkbox-css label:before, .has-success .checkbox.checkbox-css label:before, .is-valid.checkbox.checkbox-css label:before, .is-valid .checkbox.checkbox-css label:before { background: rgba(0, 172, 172, 0.5); } .has-error.checkbox.checkbox-css label, .has-error .checkbox.checkbox-css label, .is-invalid.checkbox.checkbox-css label, .is-invalid .checkbox.checkbox-css label { color: #ff423e; } .has-error.checkbox.checkbox-css label:before, .has-error .checkbox.checkbox-css label:before, .is-invalid.checkbox.checkbox-css label:before, .is-invalid .checkbox.checkbox-css label:before { background: rgba(255, 91, 87, 0.5); } .checkbox.checkbox-css { line-height: 16px; padding-top: 7px; } .checkbox.checkbox-css label { padding-left: 24px; margin: 0; position: relative; } .checkbox.checkbox-css label:before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #d5dbe0; border-radius: 4px; } .checkbox.checkbox-css input { display: none; } .checkbox.checkbox-css input:checked + label:before { background: #348fe2; border-color: #348fe2; } .checkbox.checkbox-css input:checked + label:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; position: absolute; top: 0; left: 0; color: #FFFFFF; height: 16px; width: 16px; text-align: center; } .checkbox.checkbox-css.checkbox-inline { padding-left: 0; display: inline-block; } .checkbox.checkbox-css.checkbox-inline + .checkbox-inline { margin-left: 15px; } .checkbox.checkbox-css.checkbox-success input:checked + label:before { background: #00acac; border-color: #00acac; } .checkbox.checkbox-css.checkbox-lime input:checked + label:before { background: #90ca4b; border-color: #90ca4b; } .checkbox.checkbox-css.checkbox-indigo input:checked + label:before { background: #8753de; border-color: #8753de; } .checkbox.checkbox-css.checkbox-purple input:checked + label:before { background: #727cb6; border-color: #727cb6; } .checkbox.checkbox-css.checkbox-inverse input:checked + label:before { background: #2d353c; border-color: #2d353c; } .checkbox.checkbox-css.checkbox-warning input:checked + label:before { background: #f59c1a; border-color: #f59c1a; } .checkbox.checkbox-css.checkbox-danger input:checked + label:before { background: #ff5b57; border-color: #ff5b57; } .checkbox.checkbox-css.checkbox-info input:checked + label:before { background: #49b6d6; border-color: #49b6d6; } .checkbox.checkbox-css.checkbox-pink input:checked + label:before { background: #fb5597; border-color: #fb5597; } .checkbox.checkbox-css.checkbox-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .close { margin-left: 15px; text-shadow: none; line-height: 14px; } code { padding: 2px 4px; font-size: 90%; color: #f90a69; background-color: #fff0f0; border-radius: 4px; } .inverse-mode code, code.inverse-mode { background: #2d353c; color: #fda0c5; } .coming-soon .brand { line-height: 40px; font-size: 28px; font-weight: 300; margin-bottom: 10px; color: #FFFFFF; text-align: center; } .coming-soon .brand .logo { border: 25px solid transparent; border-color: transparent rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); background: #00acac; position: relative; width: 0; height: 0; display: block; margin: 0 auto 15px; vertical-align: middle; border-radius: 6px; } @media (max-width: 991.98px) { .coming-soon .brand .logo { border-width: 20px; } } .coming-soon .coming-soon-header { background: url(/images/coming-soon.jpg?0dbf528de351f47dcf62cdea121fdb44); background-size: cover; background-repeat: no-repeat; padding: 100px 50px 50px; position: relative; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header { padding: 50px 25px 25px; } } .coming-soon .coming-soon-header .desc { position: relative; z-index: 10; text-align: center; font-size: 13px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.5px; margin-bottom: 50px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .desc { font-size: 12px; letter-spacing: 0.25px; margin-bottom: 15px; } } .coming-soon .coming-soon-header .timer { position: relative; z-index: 10; margin-bottom: 0; padding: 10px 0; } .coming-soon .coming-soon-header .timer:before, .coming-soon .coming-soon-header .timer:after { content: ""; display: table; clear: both; } .coming-soon .coming-soon-header .timer .is-countdown { background: none; border: none; margin: 0 auto; width: 720px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: 520px; } } @media (max-width: 767.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: 480px; } } @media (max-width: 575.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: auto; } } .coming-soon .coming-soon-header .timer .is-countdown .countdown-row { display: flex; flex-wrap: wrap; } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section { padding: 0 10px; float: none; } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section + .countdown-section { border-left: 1px solid rgba(255, 255, 255, 0.2); } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount { font-size: 36px; color: #FFFFFF; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount { font-size: 24px; } } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period { font-size: 14px; color: rgba(255, 255, 255, 0.6); } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period { font-size: 12px; } } .coming-soon .coming-soon-header .brand { position: relative; z-index: 10; } .coming-soon .coming-soon-header .bg-cover { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80000000", endColorstr="#bf000000",GradientType=0 ); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 0; } .coming-soon .coming-soon-content { color: #2d353c; text-align: center; padding: 25px; } .coming-soon .coming-soon-content .desc { margin-bottom: 25px; font-size: 13px; } .coming-soon .coming-soon-content .input-group { width: 480px; margin: 0 auto 10px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-content .input-group { width: 360px; } } @media (max-width: 767.98px) { .coming-soon .coming-soon-content .input-group { width: 300px; } } @media (max-width: 575.98px) { .coming-soon .coming-soon-content .input-group { width: auto; } } .dropdown-menu { font-size: 12px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .dropdown-item { padding: 5px 15px; font-weight: 600; color: #4e5c68; text-decoration: none; } .dropdown-item:hover, .dropdown-item:focus { color: #2d353c; background: #f2f4f5; } .error { margin: 0 auto; text-align: center; height: 100vh; display: flex; flex-direction: column; justify-content: center; } .error .error-code, .error .error-content { flex: 1; transform: translateZ(0); } .error .error-code { color: #2d353c; font-size: 200px; line-height: 1; text-shadow: 10px 10px 0px rgba(45, 53, 60, 0.2); padding: 30px; display: flex; justify-content: center; align-items: flex-end; } @media (max-width: 767.98px) { .error .error-code { font-size: 160px; } } @media (max-width: 575.98px) { .error .error-code { font-size: 120px; } } .error .error-content { top: 50%; bottom: 0; padding: 30px; background: #2d353c; background-image: url(/images/error-page-pattern.png?fa336e7652e01ad93bf6b8936fdee5b8); } .error .error-message { color: #FFFFFF; font-size: 24px; letter-spacing: 0.5px; margin-bottom: 5px; } .error .error-desc { font-size: 12px; color: rgba(255, 255, 255, 0.6); letter-spacing: 0.5px; } .form-horizontal.form-bordered .form-group { border-bottom: 1px solid #e4e7ea; margin: 0; } .form-horizontal.form-bordered .form-group .col-form-label { padding: 15px; font-weight: 600; color: #4e5c68; display: flex; align-items: center; } @media (max-width: 991.98px) { .form-horizontal.form-bordered .form-group .col-form-label { padding-bottom: 8px; } } .form-horizontal.form-bordered .form-group .col-form-label + div { border-left: 1px solid #e4e7ea; } @media (max-width: 991.98px) { .form-horizontal.form-bordered .form-group .col-form-label + div { border-left: none; padding-top: 0; } } .form-horizontal.form-bordered .form-group > div { padding: 15px; } .form-horizontal.form-bordered .form-group:last-child { border-bottom: 0; } .gallery { margin: -5px; } .gallery .image { width: 25%; display: block; overflow: hidden; padding: 5px; } @media (max-width: 1199.98px) { .gallery .image { width: 33.33%; } } @media (max-width: 991.98px) { .gallery .image { width: 50%; } } @media (max-width: 575.98px) { .gallery .image { width: 100%; } } .gallery .image a { transition: all 0.2s linear; } .gallery .image a:hover, .gallery .image a:focus { opacity: 0.8; } .gallery .image img, .gallery .image .img { width: 100%; height: 200px; border-radius: 4px 4px 0 0; } .gallery .image .img { background-size: cover; background-repeat: no-repeat; background-position: center; } .gallery .image .image-inner { position: relative; background: #FFFFFF; border-radius: 4px 4px 0 0; } .gallery .image .image-caption { position: absolute; top: 15px; left: 0; background: rgba(26, 34, 41, 0.75); color: #FFFFFF; font-weight: 600; padding: 5px 15px; margin: 0; } .gallery .image .image-info { background: #FFFFFF; padding: 15px; color: #4e5c68; border-radius: 0 0 4px 4px; } .gallery .image .image-info .title { margin: 0 0 10px; line-height: 20px; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2d353c; } .gallery .image .image-info .rating { line-height: 20px; margin: 0 0 5px; display: flex; } .gallery .image .image-info .rating span.star { margin-right: 1px; } .gallery .image .image-info .rating span.star:before { content: "\f005"; color: #d5dbe0; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .gallery .image .image-info .rating span.star.active:before { color: #f59c1a; } .gallery .image .image-info .desc { line-height: 17px; font-size: 12px; height: 51px; overflow: hidden; } .gallery-option-set { display: block; margin-bottom: -5px; } .gallery-option-set .btn { margin: 0 5px 5px 0; } hr { border: none; height: 1px; background: rgba(0, 0, 0, 0.1); } .inbox .nav-title { font-size: 11px; color: #9ba8b4; padding: 15px 15px 7px; } .inbox .nav-inbox { list-style-type: none; margin: 0; padding: 0; display: block; } .inbox .nav-inbox > li { display: block; } .inbox .nav-inbox > li + li { margin-top: 0; } .inbox .nav-inbox > li > a { display: block; text-decoration: none; border-radius: 0; padding: 8px 20px; color: #2d353c; font-weight: 600; } .inbox .nav-inbox > li > a i { width: 20px; } .inbox .nav-inbox > li > a .badge { background: #6f8293; color: #FFFFFF; padding: 4px 8px; font-size: 10px; line-height: 11px; } .inbox .nav-inbox > li.active > a { background: #e4e7ea; color: #2d353c; } .inbox .float-right-link { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; } .inbox .email-to { position: relative; } .inbox .email-to .tagit { border: none !important; border-bottom: 1px solid #d5dbe0 !important; padding: 10px 12px 10px 45px !important; border-radius: 0; } .inbox .email-to .tagit input { font-weight: 500; } .inbox .email-to .form-control { border: none !important; border-bottom: 1px solid #d5dbe0 !important; padding: 10px 12px 10px 45px !important; border-radius: 0; } .inbox .email-to .control-label { position: absolute; left: 0; top: 0; bottom: 0; line-height: 16px; padding-left: 10px; width: 45px; margin-bottom: 0; display: flex; align-items: center; } .inbox .email-subject .form-control { border: none !important; border-bottom: 1px solid #d5dbe0 !important; padding: 10px 12px 10px 12px !important; border-radius: 0; } .inbox .email-subject .form-control:focus { box-shadow: none; } .inbox .email-content { padding: 0; margin: 0; } .inbox .email-content .wysihtml5-toolbar { padding: 10px 0 0; } .inbox .email-content .wysihtml5-toolbar .btn { font-size: 12px; margin-bottom: 5px; } .inbox .email-content .wysihtml5-toolbar .btn-group { margin-bottom: 5px; } .inbox .email-content .wysihtml5-toolbar .btn-group .btn { margin-bottom: 0; } .inbox .email-content .wysihtml5-toolbar > li { margin: 0 5px 5px 0; } .inbox .email-content .wysihtml5-sandbox { padding: 15px !important; border: 1px solid #d5dbe0 !important; border-radius: 0 !important; } .inbox .attached-document { list-style-type: none; margin: 15px 0 0; padding: 0; display: flex; flex-wrap: wrap; } .inbox .attached-document > li { width: 180px; background: #FFFFFF; color: #2d353c; font-weight: 600; position: relative; margin-right: 15px; margin-bottom: 15px; border: 1px solid #d5dbe0; } .inbox .attached-document > li:before { position: absolute; top: -1px; right: -1px; font-size: 12px; background: #d5dbe0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .inbox .attached-document > li img { max-width: 100%; } .inbox .attached-document > li .document-name { padding: 5px 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #f2f3f4; border-top: 1px solid #d5dbe0; } .inbox .attached-document > li .document-name a { color: #2d353c; } .inbox .attached-document > li .document-file { height: 70px; background: none; overflow: hidden; text-align: center; line-height: 70px; font-size: 32px; margin: -1px; } .inbox .list-email { border-top: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea; margin: -1px 0; } .inbox .list-email > li.list-group-item { border: none; margin-bottom: 0; padding: 15px; position: relative; width: 100%; overflow: hidden; border-radius: 0; display: flex; align-items: center; } .inbox .list-email > li.list-group-item:before, .inbox .list-email > li.list-group-item:after { content: ""; display: table; clear: both; } .inbox .list-email > li.list-group-item + li.list-group-item { border-top: 1px solid #e4e7ea; } .inbox .list-email > li.list-group-item a { color: #2d353c; text-decoration: none; } .inbox .list-email > li.list-group-item .email-info { max-width: calc(100% - 46px); flex: 1; } .inbox .list-email > li.list-group-item .email-info > a { margin-top: -15px; margin-right: -15px; margin-bottom: -15px; padding: 15px; max-width: 100%; display: flex; flex-wrap: wrap; } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-info > a { display: block; } } .inbox .list-email > li.list-group-item .email-user { width: 30px; height: 30px; min-width: 30px; overflow: hidden; font-size: 18px; line-height: 30px; text-align: center; color: #6f8293; background: #c6ced5; margin: -5px 0; border-radius: 30px; } .inbox .list-email > li.list-group-item .email-user img { max-width: 100%; display: block; } .inbox .list-email > li.list-group-item .email-sender { display: block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-sender { width: 160px; } } @media (max-width: 991.98px) { .inbox .list-email > li.list-group-item .email-sender { width: 120px; } } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-sender { width: auto; font-size: 14px; padding-right: 90px; } } .inbox .list-email > li.list-group-item .email-title { display: block; line-height: 20px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .inbox .list-email > li.list-group-item .email-title { padding-left: 15px; } } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-title { width: auto; flex: 1; } } @media (min-width: 768px) { .inbox .list-email > li.list-group-item .email-title + .email-desc { padding-left: 20px; } .inbox .list-email > li.list-group-item .email-title + .email-desc:before { content: ""; position: absolute; left: 6px; top: 8px; width: 4px; height: 4px; background: #9ba8b4; border-radius: 6px; } } .inbox .list-email > li.list-group-item .email-desc { display: block; position: relative; color: #4e5c68; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-desc { display: none; } } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-desc { display: block; padding-right: 0; } } .inbox .list-email > li.list-group-item .email-time { display: block; padding: 0 15px 0 0; font-size: 11px; font-weight: 500; color: #6f8293; text-align: right; width: 100px; position: absolute; right: 0; top: 15px; height: 20px; background: #FFFFFF; display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-time { width: 90px; } } .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox { width: 16px; padding-left: 16px; } .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::before, .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::after { left: -16px; } .inbox .list-email > li.list-group-item .email-checkbox + .email-user { margin-left: 15px; } .inbox .list-email > li.list-group-item.unread .email-title { font-weight: 600; color: #2d353c; } .inbox .list-email > li.list-group-item.unread .email-sender { font-weight: 600; } .inbox .list-email > li.list-group-item.selected { background: #fffceb; } .inbox .list-email > li.list-group-item.selected .email-time { background: #fffceb; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; color: #2d353c; text-align: center; background: #d5dbe0; border-radius: 4px; display: flex; align-items: center; } .input-group-addon:focus { outline: none; } .form-control + .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-prepend .input-group-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .invoice { background: #FFFFFF; padding: 20px; } .invoice > div:not(.invoice-footer) { margin-bottom: 20px; } .invoice .invoice-company { font-size: 20px; font-weight: 600; } .invoice .invoice-header { margin: 0 -20px; background: #f2f3f4; display: flex; } @media (max-width: 991.98px) { .invoice .invoice-header { display: block; } .invoice .invoice-header > div + div { border-top: 1px solid #e6e7e8; } } .invoice .invoice-from { padding: 20px; flex: 1; } .invoice .invoice-from strong { font-size: 16px; font-weight: 600; } .invoice .invoice-to { padding: 20px; flex: 1; } .invoice .invoice-to strong { font-size: 16px; font-weight: 600; } .invoice .invoice-date { text-align: right; padding: 20px; flex: 1; } @media (max-width: 991.98px) { .invoice .invoice-date { text-align: left; } } .invoice .invoice-date .date { font-size: 16px; font-weight: 600; } .invoice .invoice-price { background: #f2f3f4; width: 100%; display: flex; } @media (max-width: 575.98px) { .invoice .invoice-price { display: block; } } .invoice .invoice-price small { font-size: 12px; font-weight: normal; display: block; } .invoice .invoice-price .invoice-price-right { margin-left: auto; padding: 20px; font-size: 28px; font-weight: 300; position: relative; vertical-align: bottom; text-align: right; color: #FFFFFF; background: #2d353c; min-width: 25%; display: flex; justify-content: flex-end; align-items: center; } .invoice .invoice-price .invoice-price-right small { display: block; opacity: 0.6; position: absolute; top: 15px; left: 20px; font-size: 12px; } .invoice .invoice-price .invoice-price-left { padding: 20px; font-size: 20px; font-weight: 600; position: relative; vertical-align: middle; flex: 1; } .invoice .invoice-price .invoice-price-left .invoice-price-row { display: flex; align-items: center; } @media (max-width: 575.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row { display: block; text-align: center; } } .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price { padding: 0 20px; } @media (max-width: 991.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price { padding: 0; } .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price { padding-left: 20px; } } @media (max-width: 575.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price { padding-left: 0; } } .invoice .invoice-footer { border-top: 1px solid #d5dbe0; padding-top: 15px; font-size: 11px; color: #4e5c68; } .invoice .invoice-note { color: #4e5c68; margin-top: 80px; font-size: 11px; line-height: 1.75; } .invoice .table-invoice { font-size: 13px; } @media (max-width: 991.98px) { .invoice .table-invoice { white-space: nowrap; } } .label { display: inline; padding: 3px 6px 4px; font-size: 75%; font-weight: 600; color: #FFFFFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; } .label.label-primary { background: #348fe2; } .label.label-secondary { background: #6c757d; } .label.label-success { background: #00acac; } .label.label-info { background: #49b6d6; } .label.label-warning { background: #f59c1a; } .label.label-danger { background: #ff5b57; } .label.label-light { background: #FFFFFF; color: #2d353c; } .label.label-dark { background: #2d353c; } .label.label-inverse { background: #2d353c; } .label.label-black { background: #000000; } .label.label-white { background: #FFFFFF; } .label.label-grey { background: #b6c2c9; } .label.label-muted { background: #b6c2c9; } .label.label-silver { background: #b6c2c9; } .label.label-lime { background: #90ca4b; } .label.label-aqua { background: #49b6d6; } .label.label-blue { background: #348fe2; } .label.label-indigo { background: #8753de; } .label.label-purple { background: #727cb6; } .label.label-pink { background: #fb5597; } .label.label-red { background: #ff5b57; } .label.label-orange { background: #f59c1a; } .label.label-yellow { color: #2d353c; background: #ffd900; } .label.label-green { background: #32a932; } .label.label-teal { background: #00acac; } .label.label-cyan { background: #49b6d6; } .label.label-white { background: #FFFFFF; } .label.label-gray { background: #6c757d; } .label.label-gray-dark { background: #343a40; } .label.label-black { background: #000000; } .label.label-dark { background: #2d353c; } .label.label-dark-darker { background: #1a2229; } .label.label-lime { background: #90ca4b; } .label.label-light { background: #f2f3f4; } .label.label-silver { background: #b6c2c9; } .label.label-muted { background: #627884; } .label.label-aqua { background: #49b6d6; } .label.label-gray-100 { background: #f8f9fa; } .label.label-gray-200 { background: #e9ecef; } .label.label-gray-300 { background: #dee2e6; } .label.label-gray-400 { background: #ced4da; } .label.label-gray-500 { background: #adb5bd; } .label.label-gray-600 { background: #6c757d; } .label.label-gray-700 { background: #495057; } .label.label-gray-800 { background: #343a40; } .label.label-gray-900 { background: #2d353c; } .label.label-square { border-radius: 0; } .label.label-default { background: #e4e7ea; color: #2d353c; } .lead { margin-bottom: 15px; font-size: 21px; font-weight: 300; line-height: 1.4; } .list-group-item.list-group-item-inverse { background: #1a2229; border-color: #2d353c; color: #FFFFFF; } .list-group-item.list-group-item-inverse .label-inverse, .list-group-item.list-group-item-inverse .badge-inverse { background: rgba(0, 0, 0, 0.4); } .list-group-item.list-group-item-inverse:hover, .list-group-item.list-group-item-inverse:focus { color: #FFFFFF; background: #202a32; text-decoration: none; } .login.login-v1 { height: 100vh; width: 100%; display: flex; align-items: center; } @media (max-width: 575.98px) { .login.login-v1 { background: #2d353c; } } .login.login-v1 .login-container { flex: 1; } .login.login-v1 .login-container .login-header { width: 400px; padding: 0; margin: 0 auto; margin-bottom: 15px; font-weight: 300; position: relative; display: flex; align-items: center; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header { width: auto; left: 0; margin: 0; padding: 0 30px; } } .login.login-v1 .login-container .login-header .brand { padding: 0; font-size: 28px; color: #2d353c; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .brand { color: #FFFFFF; font-size: 24px; } } .login.login-v1 .login-container .login-header .brand .logo { border: 14px solid transparent; border-color: transparent rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); background-color: #00acac; width: 28px; height: 28px; position: relative; font-size: 0; margin-right: 10px; top: -11px; border-radius: 6px; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .brand .logo { width: 24px; height: 24px; top: -9px; } } .login.login-v1 .login-container .login-header .brand small { font-size: 14px; display: block; color: #4e5c68; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .brand small { font-size: 12px; color: #969a9e; } } .login.login-v1 .login-container .login-header .icon { margin-left: auto; color: rgba(45, 53, 60, 0.15); } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .icon { color: rgba(255, 255, 255, 0.15); } } .login.login-v1 .login-container .login-header .icon i { font-size: 64px; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .icon i { font-size: 36px; } } .login.login-v1 .login-container .login-body { padding: 30px; background: #2d353c; } .login.login-v1 .login-container .login-body .login-content { padding: 0; color: #c6ced5; width: 400px; margin: 0 auto; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-body .login-content { width: auto; } } .login.login-v1 .login-container .login-body .login-content .form-control { border-color: transparent; background: rgba(255, 255, 255, 0.15); color: #FFFFFF; } .login.login-v1 .login-container .login-body .login-content .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:focus { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } .login.login-v2 { width: 400px; position: absolute; top: 0; bottom: 0; margin: 0 0 0 -200px; left: 50%; display: flex; flex-direction: column; justify-content: center; border-radius: 4px; } @media (max-width: 575.98px) { .login.login-v2 { position: relative; margin: 0; left: 0; width: auto; padding: 30px 0; height: 100vh; } } .login.login-v2 a { color: #FFFFFF; } .login.login-v2 label { color: rgba(255, 255, 255, 0.6); } .login.login-v2 .login-header { padding: 0 20px; color: #FFFFFF; position: relative; } .login.login-v2 .login-header .brand { padding: 0; font-size: 28px; color: #FFFFFF; } @media (max-width: 575.98px) { .login.login-v2 .login-header .brand { font-size: 24px; } } .login.login-v2 .login-header .brand .logo { border: 14px solid transparent; border-color: transparent rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); background-color: #00acac; width: 28px; height: 28px; position: relative; font-size: 0; margin-right: 10px; top: -11px; border-radius: 6px; } @media (max-width: 575.98px) { .login.login-v2 .login-header .brand .logo { width: 24px; height: 24px; border-width: 12px; top: -9px; } } .login.login-v2 .login-header .brand small { font-size: 14px; display: block; color: rgba(255, 255, 255, 0.6); } @media (max-width: 575.98px) { .login.login-v2 .login-header .brand small { font-size: 12px; } } .login.login-v2 .login-header .icon { position: absolute; right: 20px; top: 0; bottom: 0; color: rgba(255, 255, 255, 0.85); display: flex; align-items: center; } .login.login-v2 .login-header .icon i { font-size: 56px; } @media (max-width: 575.98px) { .login.login-v2 .login-header .icon i { font-size: 36px; } } .login.login-v2 .login-content { padding: 20px; color: #9ba8b4; } .login.login-v2 .login-content .form-control { border: 1px solid transparent; } .login.login-v2 .login-content .form-control:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); } .login.login-with-news-feed { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .login.login-with-news-feed .news-feed { position: fixed; left: 0; right: 500px; top: 0; bottom: 0; overflow: hidden; transform: translateZ(0); } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed { right: 400px; } } @media (max-width: 767.98px) { .login.login-with-news-feed .news-feed { position: relative; right: 0; display: none; } } .login.login-with-news-feed .news-feed .news-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .login.login-with-news-feed .news-feed .news-caption { color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 60px 30px; font-size: 18px; letter-spacing: 0.25px; z-index: 20; font-weight: 300; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed .news-caption { padding: 45px 45px 30px; font-size: 16px; } } .login.login-with-news-feed .news-feed .news-caption .caption-title { font-weight: 300; color: #FFFFFF; font-size: 36px; } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed .news-caption .caption-title { font-size: 28px; } } .login.login-with-news-feed .right-content { min-height: 100%; background: #FFFFFF; width: 500px; margin-left: auto; padding: 60px; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 1199.98px) { .login.login-with-news-feed .right-content { width: 400px; padding: 45px; } } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content { width: auto; } } @media (max-width: 575.98px) { .login.login-with-news-feed .right-content { padding: 30px; } } .login.login-with-news-feed .right-content .login-content { width: auto; } .login.login-with-news-feed .right-content .login-header { position: relative; } .login.login-with-news-feed .right-content .login-header + .login-content { padding-top: 30px; } .login.login-with-news-feed .right-content .login-header .brand { padding: 0; font-size: 28px; color: #1a2229; } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content .login-header .brand { font-size: 20px; } } .login.login-with-news-feed .right-content .login-header .brand .logo { border: 14px solid transparent; border-color: transparent rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); background-color: #00acac; width: 28px; height: 28px; position: relative; font-size: 0; margin-right: 10px; top: -11px; border-radius: 6px; } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content .login-header .brand .logo { width: 20px; height: 20px; border-width: 10px; top: -7px; } } .login.login-with-news-feed .right-content .login-header .brand small { font-size: 14px; display: block; color: #557087; } @media (max-width: 1199.98px) { .login.login-with-news-feed .right-content .login-header .brand small { font-size: 12px; line-height: 18px; } } .login.login-with-news-feed .right-content .login-header .icon { position: absolute; right: 0; top: 0; bottom: 0; color: #dae1e8; display: flex; align-items: center; } .login.login-with-news-feed .right-content .login-header .icon i { font-size: 56px; } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content .login-header .icon i { font-size: 36px; } } .login-cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: background 0.2s linear; } .login-cover .login-cover-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9)); } .login-cover .login-cover-image { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .login-bg-list { list-style-type: none; position: absolute; right: 20px; bottom: 20px; margin: 0; padding: 0 0 0 20px; z-index: 1020; display: flex; flex-wrap: wrap; } .login-bg-list > li { width: 66px; height: 66px; overflow: hidden; border: 3px solid transparent; border-radius: 66px; } @media (max-width: 575.98px) { .login-bg-list > li { width: 46px; height: 46px; } } .login-bg-list > li a { display: block; height: 60px; height: 60px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } .login-bg-list > li img { max-height: 100%; max-width: 100%; } .login-bg-list > li:hover, .login-bg-list > li:focus { border-color: rgba(255, 255, 255, 0.5); } .login-bg-list > li.active { border-color: #FFFFFF; z-index: 1020; position: relative; } .map { position: absolute; top: 50px; bottom: 0; left: 220px; right: 0; z-index: 0; overflow: hidden; transform: translateZ(0); } @media (max-width: 767.98px) { .map { left: 0; top: 101px; } } .map .map-float-table { position: absolute; right: 25px; bottom: 25px; background: rgba(45, 53, 60, 0.9); } .map-content { padding: 0 30px; z-index: 10; position: relative; } .media-list { padding-left: 0; padding-right: 0; list-style: none; } .media-list.media-list-with-divider .media + .media { border-top: 1px solid #d5dbe0; padding-top: 15px; } .dropdown-menu.media-list { max-width: 360px; padding: 0; } .dropdown-menu.media-list .media { border-top: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea; margin-top: 0; margin-bottom: -1px; } .dropdown-menu.media-list .media .media-object { height: 48px; width: 48px; line-height: 48px; font-size: 18px; color: #FFFFFF; text-align: center; border-radius: 6px; } .dropdown-menu.media-list .media .media-object-icon { position: absolute; margin-left: 30px; border: 2px solid #FFFFFF; background: #FFFFFF; margin-top: -11px; display: block; width: 22px; height: 22px; text-align: center; font-size: 18px; line-height: 18px; border-radius: 40px; } .dropdown-menu.media-list .media .media-left { padding-right: 12px; } .dropdown-menu.media-list .media .media-right { padding-left: 12px; } .dropdown-menu.media-list .media .media-heading { color: #2d353c; margin-bottom: 0; font-size: 12.5px; line-height: 18px; } .dropdown-menu.media-list .media p { text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; line-height: 14px; max-width: 270px; color: #4e5c68; font-size: 11px; } .dropdown-menu.media-list .dropdown-header { font-weight: bold; color: #2d353c; font-size: 10px; background: #f2f3f4; padding: 10px 15px; } .dropdown-menu.media-list .dropdown-item { padding: 10px 15px; } .dropdown-menu.media-list .dropdown-footer { padding: 10px 15px; } .media-messaging .media { padding: 15px; } .media-messaging .media + .media { margin-top: 0; padding-top: 15px; } .media-messaging .media:first-child { padding-top: 0; } .media-messaging .media:last-child { padding-bottom: 0; } .media-messaging .media p { margin: 0; } .media { display: flex; flex: 1; } .media + .media { margin-top: 15px; } .media .media-heading { margin-top: 0; margin-bottom: 5px; } .media .media-object { width: 128px; } .media.media-lg .media-object { width: 256px; } .media.media-sm .media-object { width: 64px; } .media.media-xs .media-object { width: 32px; } .media > .pull-left, .media > .media-left { padding-right: 15px; } .media > .pull-right, .media > .media-right { padding-left: 15px; } .modal .modal-header { display: flex; flex: 1; align-items: center; } .modal.modal-message .modal-dialog { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .modal.modal-message .modal-content { border-radius: 0; } .modal.modal-message .modal-body, .modal.modal-message .modal-header, .modal.modal-message .modal-footer { width: 60%; border: none; margin: 0 auto; } @media (max-width: 767.98px) { .modal.modal-message .modal-body, .modal.modal-message .modal-header, .modal.modal-message .modal-footer { width: 90%; } } .nav.nav-tabs .nav-item .nav-link { padding: 10px 15px; font-weight: 600; color: #6f8293; } .nav.nav-tabs .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link:hover, .nav.nav-tabs .nav-item .nav-link:focus { color: #2d353c; } .nav.nav-tabs.nav-tabs-inverse { background: #1a2229; border-radius: 4px 4px 0 0; } .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link { color: #c6ced5; } .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active { color: #2d353c; } .nav.nav-tabs + .tab-content { padding: 15px; background: #FFFFFF; margin-bottom: 20px; border-radius: 0 0 4px 4px; } .nav.nav-pills .nav-item .nav-link { padding: 10px 15px; font-weight: 600; color: #6f8293; } .nav.nav-pills .nav-item .nav-link:hover, .nav.nav-pills .nav-item .nav-link:focus { color: #2d353c; } .nav.nav-pills .nav-item .nav-link.active { color: #FFFFFF; } @media (max-width: 991.98px) { .nav-wizards-container { overflow: scroll; } .nav-wizards-container .nav.nav-wizards-1, .nav-wizards-container .nav.nav-wizards-2, .nav-wizards-container .nav.nav-wizards-3 { min-width: 600px; } } .nav.nav-wizards-1 .nav-item { padding: 0; } .nav.nav-wizards-1 .nav-item .nav-link { position: relative; color: #495057; } .nav.nav-wizards-1 .nav-item .nav-link .nav-no { width: 40px; height: 40px; margin: 0 auto; font-weight: 600; background: #FFFFFF; border: 2px solid #e9ecef; position: relative; z-index: 10; font-size: 0.9375rem; border-radius: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.2s linear; } .nav.nav-wizards-1 .nav-item .nav-link .nav-text { text-align: center; margin-top: 5px; font-weight: 600; font-size: 0.75rem; } .nav.nav-wizards-1 .nav-item .nav-link.active, .nav.nav-wizards-1 .nav-item .nav-link.completed { color: #348fe2; } .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no, .nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no { border-color: #348fe2; color: #348fe2; } .nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:after { width: 100%; } .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no { box-shadow: 0 0 0 5px rgba(52, 143, 226, 0.2); } .nav.nav-wizards-1 .nav-item .nav-link.disabled { color: #dee2e6; } .nav.nav-wizards-1 .nav-item .nav-link:before, .nav.nav-wizards-1 .nav-item .nav-link:after { content: ""; position: absolute; left: 0; top: 1.6875rem; right: 0; height: 2px; background: #e9ecef; } .nav.nav-wizards-1 .nav-item .nav-link:after { width: 0%; background: #348fe2; right: 0; transition: all 0.2s linear; } .nav.nav-wizards-1 .nav-item:first-child .nav-link:before, .nav.nav-wizards-1 .nav-item:first-child .nav-link:after { left: 50%; } .nav.nav-wizards-1 .nav-item:last-child .nav-link:before, .nav.nav-wizards-1 .nav-item:last-child .nav-link:after { right: 50%; } .nav.nav-wizards-2 .nav-item { padding: 0 1rem; } .nav.nav-wizards-2 .nav-item .nav-link { position: relative; color: #343a40; background: #e9ecef; border-radius: 60px; } .nav.nav-wizards-2 .nav-item .nav-link .nav-text { text-align: center; font-weight: 600; font-size: 0.75rem; position: relative; z-index: 10; background: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav.nav-wizards-2 .nav-item .nav-link:before, .nav.nav-wizards-2 .nav-item .nav-link:after { content: ""; position: absolute; left: -1rem; right: -1rem; height: 2px; top: 50%; margin-top: -1px; background-color: #e9ecef; transition: all 0.2s linear; } .nav.nav-wizards-2 .nav-item .nav-link:after { width: 0%; background: #348fe2; } .nav.nav-wizards-2 .nav-item .nav-link.disabled { color: #ced4da; } .nav.nav-wizards-2 .nav-item .nav-link.active, .nav.nav-wizards-2 .nav-item .nav-link.completed { background: #348fe2; color: #FFFFFF; } .nav.nav-wizards-2 .nav-item .nav-link.active:after, .nav.nav-wizards-2 .nav-item .nav-link.completed:after { width: calc(100% + 2rem); } .nav.nav-wizards-2 .nav-item .nav-link.active { box-shadow: 0 0 0 4px rgba(52, 143, 226, 0.2); } .nav.nav-wizards-2 .nav-item:first-child .nav-link:before, .nav.nav-wizards-2 .nav-item:first-child .nav-link:after { left: 50%; } .nav.nav-wizards-2 .nav-item:last-child .nav-link:before, .nav.nav-wizards-2 .nav-item:last-child .nav-link:after { right: 50%; } .nav.nav-wizards-3 .nav-item { padding: 0; } .nav.nav-wizards-3 .nav-item .nav-link { position: relative; color: #495057; } .nav.nav-wizards-3 .nav-item .nav-link .nav-dot { width: 16px; height: 16px; margin: 0 auto; font-weight: 500; background: #FFFFFF; border: 3px solid #e9ecef; position: relative; z-index: 10; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: all 0.2s linear; } .nav.nav-wizards-3 .nav-item .nav-link .nav-title { margin-top: 10px; font-weight: 600; text-align: center; font-size: 0.875rem; } .nav.nav-wizards-3 .nav-item .nav-link .nav-text { text-align: center; font-size: 0.75rem; color: #6c757d; font-weight: 600; } .nav.nav-wizards-3 .nav-item .nav-link.active, .nav.nav-wizards-3 .nav-item .nav-link.completed { color: #2d353c; } .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot, .nav.nav-wizards-3 .nav-item .nav-link.completed .nav-dot { border-color: #348fe2; color: #348fe2; } .nav.nav-wizards-3 .nav-item .nav-link.active:after, .nav.nav-wizards-3 .nav-item .nav-link.completed:after { width: 100%; } .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot { box-shadow: 0 0 0 5px rgba(52, 143, 226, 0.2); } .nav.nav-wizards-3 .nav-item .nav-link.disabled { color: #dee2e6; } .nav.nav-wizards-3 .nav-item .nav-link.disabled .nav-text { color: inherit; } .nav.nav-wizards-3 .nav-item .nav-link:before, .nav.nav-wizards-3 .nav-item .nav-link:after { content: ""; position: absolute; left: 0; top: 0.875rem; right: 0; height: 3px; background: #e9ecef; } .nav.nav-wizards-3 .nav-item .nav-link:after { right: 0; width: 0%; background: #348fe2; transition: all 0.2s linear; } .nav.nav-wizards-3 .nav-item:first-child .nav-link:before, .nav.nav-wizards-3 .nav-item:first-child .nav-link:after { left: 50%; } .nav.nav-wizards-3 .nav-item:last-child .nav-link:before, .nav.nav-wizards-3 .nav-item:last-child .nav-link:after { right: 50%; } .navbar.navbar-sticky { top: 70px; position: -webkit-sticky; position: sticky; border-left: 1px solid #ced4da; padding: 0; } .navbar.navbar-sticky .nav { width: 100%; flex-direction: column; } .navbar.navbar-sticky .nav .nav-link { color: #6c757d; padding: 3px 24px; font-weight: 600; } .navbar.navbar-sticky .nav .nav-link:hover { color: #343a40; } .navbar.navbar-sticky .nav .nav-link.active { color: #2d353c; font-weight: bold; } .note { margin-bottom: 20px; border-left: 3px solid; position: relative; border-radius: 4px; display: flex; flex: 1; } .note .note-icon { width: 80px; font-size: 56px; display: flex; align-items: center; justify-content: center; } .note .note-content { padding: 15px; flex: 1; } .note .note-content h1, .note .note-content h2, .note .note-content h3, .note .note-content h4, .note .note-content h5, .note .note-content h6 { color: inherit; } .note.note-with-right-icon { border-left: none; border-right: 3px solid; } .note.note-primary { background: #61a8e8; color: #10416d; } .note.note-secondary { border-color: #6c757d; background: #868e96; color: #25282b; } .note.note-success { border-color: #00acac; background: #00dfdf; color: #001313; } .note.note-info { border-color: #49b6d6; background: #73c7df; color: #195a6d; } .note.note-warning { border-color: #f59c1a; background: #f7b14b; color: #714505; } .note.note-danger { border-color: #ff5b57; background: #ff8d8a; color: #bd0500; } .note.note-light { background: #FFFFFF; color: #2d353c; } .note.note-dark { border-color: #2d353c; background: #434f59; color: black; } .note.note-inverse { border-color: #2d353c; background: #434f59; color: black; } .note.note-black { border-color: #000000; background: #1a1a1a; color: black; } .note.note-white { border-color: #FFFFFF; background: white; color: #b3b3b3; } .note.note-grey { border-color: #b6c2c9; background: #d3dadf; color: #627884; } .note.note-muted { border-color: #b6c2c9; background: #d3dadf; color: #627884; } .note.note-silver { border-color: #b6c2c9; background: #d3dadf; color: #627884; } .note.note-lime { border-color: #90ca4b; background: #a8d672; color: #41601c; } .note.note-aqua { border-color: #49b6d6; background: #73c7df; color: #195a6d; } .note.note-blue { border-color: #348fe2; background: #77b4ec; } .note.note-indigo { border-color: #8753de; background: #b493ea; } .note.note-purple { border-color: #727cb6; background: #a4abd0; } .note.note-pink { border-color: #fb5597; background: #fda0c5; } .note.note-red { border-color: #ff5b57; background: #ffa6a4; } .note.note-orange { border-color: #f59c1a; background: #f8bc63; } .note.note-yellow { border-color: #ffd900; background: #ffe44d; } .note.note-green { border-color: #32a932; background: #59ce59; } .note.note-teal { border-color: #00acac; background: #00f9f9; } .note.note-cyan { border-color: #49b6d6; background: #87cfe4; } .note.note-white { border-color: #FFFFFF; background: white; } .note.note-gray { border-color: #6c757d; background: #939ba2; } .note.note-gray-dark { border-color: #343a40; background: #56606a; } .note.note-black { border-color: #000000; background: #262626; } .note.note-dark { border-color: #2d353c; background: #4e5c68; } .note.note-dark-darker { border-color: #1a2229; background: #384958; } .note.note-lime { border-color: #90ca4b; background: #b4db86; } .note.note-light { border-color: #f2f3f4; background: white; } .note.note-silver { border-color: #b6c2c9; background: #e2e7ea; } .note.note-muted { border-color: #627884; background: #8a9da8; } .note.note-aqua { border-color: #49b6d6; background: #87cfe4; } .note.note-gray-100 { border-color: #f8f9fa; background: white; } .note.note-gray-200 { border-color: #e9ecef; background: white; } .note.note-gray-300 { border-color: #dee2e6; background: white; } .note.note-gray-400 { border-color: #ced4da; background: #fafafb; } .note.note-gray-500 { border-color: #adb5bd; background: #d7dbdf; } .note.note-gray-600 { border-color: #6c757d; background: #939ba2; } .note.note-gray-700 { border-color: #495057; background: #6c7681; } .note.note-gray-800 { border-color: #343a40; background: #56606a; } .note.note-gray-900 { border-color: #2d353c; background: #4e5c68; } .page-header { font-size: 24px; margin: 0 0 15px; padding: 0; border: none; line-height: 32px; font-weight: 500; } .page-header small { line-height: 20px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; display: flex; flex: 1; justify-content: center; } .pager:before, .pager:after { content: ""; display: table; clear: both; } .pager > li + li { margin-left: 5px; } .pager > li > a, .pager > li > span { display: block; padding: 5px 14px; background: #FFFFFF; border: 1px solid #d5dbe0; text-decoration: none; font-weight: 600; color: #2d353c; border-radius: 40px; } .pager > li.previous { margin-right: auto; } .pager > li.next { margin-left: auto; } .pager > li.disabled > a, .pager > li.disabled > span { opacity: 0.6; cursor: not-allowed; } .pager.pager-without-border > li > a, .pager.pager-without-border > li > span { border: none; } .pagination .page-item + .page-item { margin-left: 5px; } .pagination .page-item .page-link { font-weight: 600; border-radius: 4px; } .pagination.pagination-lg .page-item .page-link { border-radius: 6px; } .pagination.pagination-sm .page-item .page-link { border-radius: 3px; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: #FFFFFF; border: none; box-shadow: none; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; border-radius: 0; } .panel > .table, .panel > .tab-content, .panel > .list-group { margin-bottom: 0; } .panel > .tab-content { border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > div + .list-group .list-group-item:first-child { border-top-width: 1px; } .panel > .widget-list .widget-list-item { border-radius: 0; } .panel > .table > thead > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child { padding-left: 15px; } .panel > .table > thead > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: flex; flex: 1; align-items: center; flex-wrap: nowrap; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:hover, .panel .panel-heading .panel-title > a:focus { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: flex; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn.btn-sm, .panel .panel-heading .btn-group .btn-group-sm > .btn { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:before, .panel .panel-body:after { content: ""; display: table; clear: both; } .panel .panel-body.panel-form, .panel .panel-body.panel-table, .panel .panel-body.panel-full-width, .panel .panel-body.no-padding { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^=bg-] { border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: #FFFFFF; } .panel .panel-footer { background: #FFFFFF; border-top: 1px solid #d5dbe0; padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^=col-].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: #f2f4f5; color: #4e5c68; } .panel.panel-inverse > .panel-heading { background: #1d2226; color: #FFFFFF; } .panel.panel-success > .panel-heading { background: #008686; color: #FFFFFF; } .panel.panel-warning > .panel-heading { background: #df880a; color: #FFFFFF; } .panel.panel-danger > .panel-heading { background: #ff3631; color: #FFFFFF; } .panel.panel-primary > .panel-heading { background: #1e7cd2; color: #FFFFFF; } .panel.panel-info > .panel-heading { background: #2ea7cb; color: #FFFFFF; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #FFFFFF; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; animation: fadeIn 0.2s; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: flex; flex: 1; flex-direction: column; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading, .panel.panel-expand > .panel-footer { border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-expand > .hljs-wrapper { max-height: 50%; overflow: scroll; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .top-menu, .panel-expand .sidebar, .panel-expand .sidebar-bg { z-index: 0; } .panel-expand .content .row [class^=col-] { position: inherit; } .panel-expand .content .panel-expand .row > [class^=col-] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { transform: none; } .pos-booking { padding-top: 52px; } @media (min-width: 992px) { .pos-booking { height: 100%; display: flex; flex-direction: column; } } .pos-booking .pos-booking-header { background: #FFFFFF; padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; height: 52px; z-index: 1020; display: flex; align-items: center; } .pos-booking .pos-booking-header .logo, .pos-booking .pos-booking-header .time, .pos-booking .pos-booking-header .nav { width: 33.33%; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .logo, .pos-booking .pos-booking-header .time, .pos-booking .pos-booking-header .nav { width: 50%; } } .pos-booking .pos-booking-header .logo { display: flex; } .pos-booking .pos-booking-header .logo > div, .pos-booking .pos-booking-header .logo > a { text-align: center; color: #000000; text-decoration: none; display: flex; align-items: center; } .pos-booking .pos-booking-header .logo > div .logo-img img, .pos-booking .pos-booking-header .logo > a .logo-img img { height: 32px; } .pos-booking .pos-booking-header .logo > div .logo-text, .pos-booking .pos-booking-header .logo > a .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-booking .pos-booking-header .time { font-weight: 600; font-size: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .time { display: none; } } .pos-booking .pos-booking-header .nav { align-items: center; justify-content: flex-end; } .pos-booking .pos-booking-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #2d353c; display: flex; align-items: center; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #2d353c; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-img { height: 30px; border-radius: 30px; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-booking .pos-booking-body { height: calc(100% - 52px); flex: 1; display: flex; } .pos-booking .pos-booking-body .pos-booking-content { flex: 1; } .pos-booking .pos-booking-body .pos-booking-content .pos-booking-content-container { padding: 25px; height: 100%; } .pos-booking .pos-booking-body .pos-booking-content .table-booking { display: block; margin-bottom: 20px; text-decoration: none; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container { background: #343a40; color: #FFFFFF; border-radius: 6px; transition: box-shadow 0.1s linear; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container:hover { box-shadow: 0 0 0 5px rgba(52, 58, 64, 0.5); } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header { padding: 15px; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .title { font-weight: 600; color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .no { font-size: 2.1875rem; font-weight: 600; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .desc { font-weight: 600; color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body { background: #495057; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking { font-size: 11px; line-height: 16px; padding: 5px 15px; display: flex; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .time { width: 60px; font-weight: 600; color: #dee2e6; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .info { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status { font-size: 6px; color: #adb5bd; padding-left: 15px; display: flex; align-items: center; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status.upcoming { color: #f59c1a; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status.in-progress { color: #00acac; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking.highlight { background: #6c757d; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking + .booking { border-top: 1px solid #6c757d; } .pos-booking .pos-booking-body .pos-booking-content .date { border: 2px solid #495057; max-width: 240px; border-radius: 6px; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control { border: none; background: none; font-size: 0.875rem; font-weight: 600; color: #2d353c; box-shadow: none; border-radius: 0; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control::-webkit-input-placeholder { color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control::-moz-placeholder { color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control:-ms-input-placeholder { color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control:-moz-placeholder { color: #adb5bd; } .pos-booking .pos-booking-body .pos-booking-content .date .input-group-addon { background: none; } .pos-counter { padding-top: 52px; } @media (min-width: 992px) { .pos-counter { height: 100%; display: flex; flex-direction: column; } } .pos-counter .pos-counter-header { background: #FFFFFF; padding: 10px 25px; position: fixed; top: 0; left: 0; right: 0; z-index: 1020; height: 52px; display: flex; align-items: center; } .pos-counter .pos-counter-header .logo, .pos-counter .pos-counter-header .time, .pos-counter .pos-counter-header .nav { width: 33.33%; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .logo, .pos-counter .pos-counter-header .time, .pos-counter .pos-counter-header .nav { width: 50%; } } .pos-counter .pos-counter-header .logo { display: flex; } .pos-counter .pos-counter-header .logo > div, .pos-counter .pos-counter-header .logo > a { text-align: center; color: #000000; text-decoration: none; display: flex; align-items: center; } .pos-counter .pos-counter-header .logo > div .logo-img img, .pos-counter .pos-counter-header .logo > a .logo-img img { height: 32px; } .pos-counter .pos-counter-header .logo > div .logo-text, .pos-counter .pos-counter-header .logo > a .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-counter .pos-counter-header .time { font-weight: 600; font-size: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .time { display: none; } } .pos-counter .pos-counter-header .nav { align-items: center; justify-content: flex-end; } .pos-counter .pos-counter-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #2d353c; display: flex; align-items: center; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #2d353c; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-img { height: 30px; border-radius: 30px; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-counter .pos-counter-body { height: calc(100% - 52px); flex: 1; display: flex; } .pos-counter .pos-counter-body .pos-counter-content { flex: 1; } .pos-counter .pos-counter-body .pos-counter-content .pos-counter-content-container { padding: 2px; height: 100%; background: #2d353c; } .pos-counter .pos-counter-body .pos-counter-content .table-row { margin: -1px; display: flex; flex-wrap: wrap; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table { padding: 1px; margin: 0; height: 100%; width: 25%; flex: 0 0 25%; } @media (max-width: 1659.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 1199.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 50%; flex: 0 0 50%; } } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 767.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 50%; flex: 0 0 50%; } } @media (max-width: 575.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 100%; flex: 0 0 100%; } } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container { background: #343a40; color: #FFFFFF; display: block; height: 100%; text-decoration: none; font-weight: 600; position: relative; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-status { position: absolute; top: 5px; right: 5px; background: #495057; width: 8px; height: 8px; display: flex; align-items: center; justify-content: center; border-radius: 10px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-status i { font-size: 8px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name { text-align: center; padding: 15px; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name .name { font-size: 0.875rem; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name .no { font-size: 32px; margin-bottom: -4px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row { margin: 0 -1px 0 0; color: #6c757d; display: flex; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .table-info-col { width: 50%; padding: 1px 1px 0 0; margin: 0 auto; flex: 0 0 50%; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .table-info-col .table-info-container { height: 100%; background: #6c757d; padding: 2px 5px; display: flex; align-items: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .icon + .text { margin-left: 2px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .text { font-weight: 600; flex: 1; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row + .table-col-info { border-top: 1px solid #f8f9fa; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container + .table-col { border-left: 1px solid #f8f9fa; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) { position: relative; z-index: 10; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container { position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(108, 117, 125, 0.8); } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container:after { content: "\f00c"; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; color: #FFFFFF; font-size: 32px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; display: flex; align-items: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled), .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover { position: relative; z-index: 20; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container { background: #343a40; opacity: 1; color: #FFFFFF; position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container .table-info-row, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container .table-info-row { color: #FFFFFF; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container:before, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 172, 172, 0.9); } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container:after, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container:after { content: "\f00c"; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; color: #FFFFFF; font-size: 32px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; display: flex; align-items: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container { cursor: not-allowed; background: #343a40; color: #6c757d; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-status { background: #ff5b57; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-status { border-top-color: #ff5b57; border-right-color: #ff5b57; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-info-row { color: #495057; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-info-row .table-info-col .table-info-container { background: #495057; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container { cursor: initial; color: #dee2e6; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-status { background: #00acac; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-info-row { color: #495057; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-info-row .table-info-col .table-info-container { background: #495057; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container { background: #495057; position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-status { background: #f59c1a; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-info-row { color: #FFFFFF; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-info-row .table-info-col .table-info-container { background: #6c757d; } .pos-counter .pos-counter-body .pos-counter-sidebar { background: #495057; color: #FFFFFF; width: 50%; height: 100%; display: flex; flex-direction: column; flex: 0 0 50%; } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 1021; display: none; } } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header { padding: 10px 25px; background: #343a40; color: #FFFFFF; position: relative; display: flex; align-items: center; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn { width: 50px; margin-left: -25px; margin-right: 25px; margin-top: -10px; margin-bottom: -10px; height: 50px; border: none; background: #2d353c; display: none; } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn { display: block; } } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn .btn { color: #FFFFFF; padding: 0; width: 100%; height: 100%; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn .btn svg { width: 20px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .icon img { height: 30px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .icon + .title { padding-left: 10px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .title { font-size: 14px; font-weight: 600; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .order { display: block; font-size: 12px; background: #6c757d; color: #FFFFFF; padding: 2px 4px; border-radius: 4px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body { padding: 0; margin: 0; overflow: scroll; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table { padding: 0 25px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row { padding: 15px 0; margin: 0; position: relative; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row + .pos-table-row { border-top: 1px solid #6c757d; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div { padding: 0; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .price { font-size: 0.875rem; font-weight: 600; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-qty { font-size: 0.875rem; font-weight: 600; text-align: center; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-price { font-size: 0.875rem; font-weight: 600; text-align: right; text-align: right; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div a { display: inline-block; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb { display: flex; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img { width: 45px; height: 45px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 6px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info { padding-left: 15px; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info { flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .title { font-weight: 600; font-size: 14px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .single-price { font-weight: 600; color: #343a40; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer { position: relative; padding: 10px 25px; background: #2d353c; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .price { font-weight: 600; text-align: right; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total { line-height: 28px; font-size: 13px; display: flex; align-items: center; justify-content: flex-end; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal .text, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes .text, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .text { width: 72%; text-align: right; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal .price, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes .price, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .price { width: 28%; font-size: 0.875rem; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total { line-height: 36px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .price { font-size: 28px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row { padding: 10px 0 0; margin: 0 -25px -10px; display: flex; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn { display: block; padding: 10px 15px; font-size: 0.875rem; min-width: 100px; text-align: center; position: relative; border-radius: 0; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn i { display: block; margin: 8px auto 5px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn + .btn:before { content: ""; position: absolute; top: -1px; bottom: -1px; width: 2px; background: #2d353c; left: -1px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-default { background: #495057; border: none; color: #FFFFFF; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-default:hover { background: #6c757d; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-primary, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-success { flex: 1; } @media (max-width: 991.98px) { .pos-counter.pos-mobile-sidebar-toggled .pos-counter-sidebar { display: flex; } } @media (min-width: 992px) { .pos-customer { height: 100%; display: flex; } } .pos-customer .pos-menu { background: #FFFFFF; display: flex; } @media (min-width: 992px) { .pos-customer .pos-menu { width: 160px; flex-direction: column; } } @media (max-width: 991.98px) { .pos-customer .pos-menu { position: fixed; top: 0; left: 0; right: 0; z-index: 1020; overflow: scroll; align-items: center; } } .pos-customer .pos-menu .logo { padding: 25px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .pos-customer .pos-menu .logo { width: 160px; padding: 0 15px; max-height: 95px; flex: 0 0 160px; } } .pos-customer .pos-menu .logo a { display: block; text-decoration: none; color: inherit; } .pos-customer .pos-menu .logo .logo-img { text-align: center; height: 46px; } .pos-customer .pos-menu .logo .logo-text { font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-top: 6px; } @media (max-width: 991.98px) { .pos-customer .pos-menu .logo .logo-text { margin-top: 3px; margin-bottom: -3px; } } .pos-customer .pos-menu .logo img { max-width: 100%; max-height: 100%; } .pos-customer .pos-menu .nav-container { flex: 1; } @media (min-width: 992px) { .pos-customer .pos-menu .nav-container { overflow: hidden; } } @media (max-width: 991.98px) { .pos-customer .pos-menu .nav-container { padding: 12px 0; } } .pos-customer .pos-menu .nav.nav-tabs { margin: 0; padding: 0 25px; display: block; } @media (max-width: 991.98px) { .pos-customer .pos-menu .nav.nav-tabs { display: flex; flex-wrap: nowrap; } } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link { position: relative; padding: 9px 20px; font-size: 13px; white-space: nowrap; text-align: center; border: 2px solid transparent; color: #6c757d; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 6px; transition: color 0.2s linear; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link .fa { display: block; margin: 5px auto !important; font-size: 20px; color: #ced4da; transition: all 0.2s linear; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link:hover { color: #495057; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link:hover .fa { color: #6c757d; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link.active { color: #2d353c; border-color: #2d353c; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link.active .fa { color: #2d353c; } .pos-customer .pos-content { flex: 1; } @media (min-width: 992px) { .pos-customer .pos-content { overflow: scroll; } } @media (max-width: 991.98px) { .pos-customer .pos-content { padding-top: 95px; } } .pos-customer .pos-content .pos-content-container { padding: 25px; } .pos-customer .pos-content .product-row { padding: 0; margin: -10px; display: flex; flex-wrap: wrap; } .pos-customer .pos-content .product-row .product-container { padding: 10px; width: 100%; } @media (min-width: 576px) { .pos-customer .pos-content .product-row .product-container { width: 33.33%; } } @media (min-width: 992px) { .pos-customer .pos-content .product-row .product-container { width: 50%; } } @media (min-width: 1200px) { .pos-customer .pos-content .product-row .product-container { width: 33.33%; } } @media (min-width: 1660px) { .pos-customer .pos-content .product-row .product-container { width: 25%; } } .pos-customer .pos-content .product-row .product-container .product { height: 100%; } .pos-customer .pos-content .product { background: #FFFFFF; color: #2d353c; display: block; margin: 0; text-decoration: none; overflow: hidden; position: relative; border-radius: 4px; transition: all 0.2s linear; display: flex; flex-direction: column; } .pos-customer .pos-content .product:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .pos-customer .pos-content .product .img { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 180px; transition: all 0.2s linear; } .pos-customer .pos-content .product .text { flex: 1; display: flex; flex-direction: column; padding: 12px 15px; } .pos-customer .pos-content .product .text .title { font-size: 14px; line-height: 18px; font-weight: 600; color: #2d353c; margin: 0 0 3px; } .pos-customer .pos-content .product .text .desc { color: #adb5bd; font-weight: 600; margin: 0 0 3px; flex: 1; } .pos-customer .pos-content .product .text .price { margin: 0; font-weight: 600; color: #2d353c; font-size: 0.875rem; } .pos-customer .pos-content .product.not-available { cursor: not-allowed; box-shadow: none !important; } .pos-customer .pos-content .product.not-available .img, .pos-customer .pos-content .product.not-available .text { opacity: 0.65; } .pos-customer .pos-content .product.not-available .not-available-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 180px; background: rgba(73, 80, 87, 0.75); color: #FFFFFF; font-size: 24px; display: flex; align-items: center; justify-content: center; } .pos-customer .pos-sidebar { background: #FFFFFF; color: #2d353c; width: 360px; height: 100%; display: flex; flex-direction: column; flex: 0 0 360px; } @media (max-width: 991.98px) { .pos-customer .pos-sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 1021; display: none; } } .pos-customer .pos-sidebar .pos-sidebar-header { padding: 10px 25px; background: #6c757d; color: #FFFFFF; position: relative; display: flex; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn { width: 50px; margin-left: -25px; margin-right: 25px; margin-top: -10px; margin-bottom: -10px; height: 50px; border: none; background: #495057; display: none; } @media (max-width: 991.98px) { .pos-customer .pos-sidebar .pos-sidebar-header .back-btn { display: block; } } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn .btn { color: #FFFFFF; padding: 0; width: 100%; height: 100%; } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn .btn svg { width: 20px; } .pos-customer .pos-sidebar .pos-sidebar-header .icon img { height: 30px; } .pos-customer .pos-sidebar .pos-sidebar-header .icon + .title { padding-left: 10px; } .pos-customer .pos-sidebar .pos-sidebar-header .title { font-size: 14px; font-weight: 600; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-header .order { display: block; font-size: 12px; background: #2d353c; color: #FFFFFF; padding: 2px 4px; border-radius: 4px; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link { padding: 12px 15px; font-size: 13px; background: #dee2e6; color: #6c757d; border: none; border-bottom: 1px solid #dee2e6; border-radius: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link.active { color: #2d353c; background: #FFFFFF; border-bottom-color: #FFFFFF; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item + .nav-item { border-left: 1px solid #dee2e6; } .pos-customer .pos-sidebar .pos-sidebar-body { padding: 0; margin: 0; overflow: scroll; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table { padding: 0 25px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row { padding: 15px 0; margin: 0; position: relative; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row + .pos-table-row { border-top: 1px solid #e9ecef; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty { width: 85px; margin-top: 10px; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .form-control { margin: 0; background: none; border: 0; padding: 0; text-align: center; line-height: 1; height: 26px; font-weight: 600; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn { background: #e9ecef; padding: 0; color: #6c757d; border: none; width: 26px; height: 26px; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn:hover, .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn:focus { color: #177174; background: #99dede; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .price { font-size: 0.875rem; font-weight: 600; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-price { font-size: 0.875rem; font-weight: 600; text-align: right; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div a { display: inline-block; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb { display: flex; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img { width: 60px; height: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 6px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info { padding-left: 15px; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info { flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .title { font-weight: 600; font-size: 14px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .single-price { font-weight: 600; color: #343a40; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(233, 236, 239, 0.9); font-size: 0.875rem; font-weight: 600; z-index: 10; padding: 15px; display: flex; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation .btn { min-width: 60px; } .pos-customer .pos-sidebar .pos-sidebar-footer { background: #FFFFFF; position: relative; padding: 10px 25px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 -1px rgba(52, 58, 64, 0.1); } .pos-customer .pos-sidebar .pos-sidebar-footer .price { font-weight: 600; text-align: right; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes, .pos-customer .pos-sidebar .pos-sidebar-footer .total { line-height: 28px; font-size: 13px; display: flex; align-items: center; justify-content: flex-end; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal .text, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes .text, .pos-customer .pos-sidebar .pos-sidebar-footer .total .text { width: 50%; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal .price, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes .price, .pos-customer .pos-sidebar .pos-sidebar-footer .total .price { width: 50%; font-size: 0.875rem; } .pos-customer .pos-sidebar .pos-sidebar-footer .total .price { font-size: 18px; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row { padding: 10px 0 0; margin: 0 -25px -10px; display: flex; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn { display: block; padding: 10px 15px; font-size: 0.875rem; min-width: 100px; text-align: center; position: relative; border-radius: 0; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn .fa { display: block; margin: 8px auto 5px; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn + .btn:before { content: ""; position: absolute; top: -1px; bottom: -1px; width: 2px; background: #FFFFFF; left: -1px; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn.btn-primary, .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn.btn-success { flex: 1; } @media (max-width: 991.98px) { .pos-customer.pos-mobile-sidebar-toggled .pos-sidebar { display: flex; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .close { position: absolute; top: 25px; z-index: 10; right: 25px; } @media (min-width: 992px) { .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product { display: flex; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info { width: 50%; max-width: 50%; flex: 0 0 50%; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img .img { height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 250px; border-radius: 6px 6px 0 0; } @media (min-width: 992px) { .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img .img { min-height: 300px; border-radius: 6px 0 0 6px; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info { padding: 25px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .title { font-size: 22px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .desc { color: #adb5bd; font-size: 13px; font-weight: 600; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .price { font-weight: 600; font-size: 18px; margin: 8px 0; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .input-group { width: 95px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .form-control { font-weight: 600; font-size: 0.875rem; height: 30px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn { background: #e9ecef; padding: 0; color: #adb5bd; border: none; width: 30px; height: 30px; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn:hover, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn:focus { color: #177174; background: #99dede; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row { font-size: 13px; margin-bottom: 15px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-title { font-size: 0.875rem; font-weight: 600; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list { margin: -5px; padding: 5px 0; display: flex; flex-wrap: wrap; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option { width: 33.33%; max-width: 33.33%; padding: 5px; flex: 0 0 33.33%; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-input { display: none; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-input:checked + .option-label { border: 2px solid #00acac; background: #f2fbfb; padding: 9px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label { border: 1px solid #dee2e6; padding: 10px; height: 100%; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label .option-text { font-weight: 600; display: block; line-height: 16px; text-align: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label .option-price { font-weight: 600; color: #6c757d; margin-top: 5px; line-height: 16px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label { padding-top: 8px; padding-bottom: 8px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label:before, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label:after { top: 9px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list + .custom-control label { border-top: 1px solid #f8f9fa; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row { margin: 25px -25px -25px; display: flex; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn { padding: 20px; position: relative; font-size: 0.875rem; width: 50%; border-radius: 0; display: flex; align-items: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn + .btn:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -1px; border-left: 2 solid #FFFFFF; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn.btn-primary, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn.btn-success { flex: 1; } .pos-kitchen { min-height: 100%; padding-top: 52px; display: flex; flex-direction: column; } .pos-kitchen .pos-kitchen-header { background: #FFFFFF; padding: 10px 25px; position: fixed; top: 0; left: 0; right: 0; z-index: 1020; height: 52px; display: flex; align-items: center; } .pos-kitchen .pos-kitchen-header .logo, .pos-kitchen .pos-kitchen-header .time, .pos-kitchen .pos-kitchen-header .nav { width: 33.33%; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .logo, .pos-kitchen .pos-kitchen-header .time, .pos-kitchen .pos-kitchen-header .nav { width: 50%; } } .pos-kitchen .pos-kitchen-header .logo { display: flex; } .pos-kitchen .pos-kitchen-header .logo > div, .pos-kitchen .pos-kitchen-header .logo > a { text-align: center; color: #000000; text-decoration: none; display: flex; align-items: center; } .pos-kitchen .pos-kitchen-header .logo > div .logo-img img, .pos-kitchen .pos-kitchen-header .logo > a .logo-img img { height: 32px; } .pos-kitchen .pos-kitchen-header .logo > div .logo-text, .pos-kitchen .pos-kitchen-header .logo > a .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-kitchen .pos-kitchen-header .time { font-weight: 600; font-size: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .time { display: none; } } .pos-kitchen .pos-kitchen-header .nav { align-items: center; justify-content: flex-end; } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link { padding: 5px 15px; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #2d353c; } .pos-kitchen .pos-kitchen-body { flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task { border-bottom: 1px solid #ced4da; } @media (min-width: 768px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task { display: flex; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info { width: 30%; padding: 25px; text-align: right; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info { width: auto; position: relative; text-align: left; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .table-no { font-size: 24px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .order-type { font-size: 14px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .order-no { margin-bottom: 5px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .time-pass { font-size: 16px; font-weight: 600; margin-top: 25px; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .time-pass { position: absolute; right: 0; top: 0; margin: 0; padding: 25px; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body { padding: 25px; border-left: 1px solid #ced4da; flex: 1; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body { border-left: none; padding-top: 0; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-completed { font-size: 16px; line-height: 36px; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-completed { border-top: 1px solid #ced4da; margin-top: -10px; padding-top: 10px; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row { margin: 0 -10px -20px; display: flex; flex-wrap: wrap; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 25%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; flex: 0 0 25%; display: flex; flex-direction: column; } @media (max-width: 1199.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 575.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 100%; flex: 0 0 100%; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img { padding-top: 75%; position: relative; margin-bottom: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 6px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(108, 117, 125, 0.75); color: #FFFFFF; font-size: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info { display: flex; flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info { flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title { font-size: 16px; font-weight: 600; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title + .desc { padding-top: 3px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .desc { font-size: 12px; font-weight: 600; color: #6c757d; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .qty { font-size: 18px; font-weight: 600; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action { padding-top: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn { display: block; font-weight: 600; font-size: 14px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn + .btn { margin-top: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product.completed .pos-task-product-info { opacity: 0.75; } .pos-stock { padding-top: 52px; } @media (min-width: 992px) { .pos-stock { height: 100%; display: flex; flex-direction: column; } } .pos-stock .pos-stock-header { background: #FFFFFF; padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; z-index: 1020; height: 52px; display: flex; align-items: center; } .pos-stock .pos-stock-header .logo, .pos-stock .pos-stock-header .time, .pos-stock .pos-stock-header .nav { width: 33.33%; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .logo, .pos-stock .pos-stock-header .time, .pos-stock .pos-stock-header .nav { width: 50%; } } .pos-stock .pos-stock-header .logo { display: flex; } .pos-stock .pos-stock-header .logo > div, .pos-stock .pos-stock-header .logo > a { text-align: center; color: #000000; text-decoration: none; display: flex; align-items: center; } .pos-stock .pos-stock-header .logo > div .logo-img img, .pos-stock .pos-stock-header .logo > a .logo-img img { height: 32px; } .pos-stock .pos-stock-header .logo > div .logo-text, .pos-stock .pos-stock-header .logo > a .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-stock .pos-stock-header .time { font-weight: 600; font-size: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .time { display: none; } } .pos-stock .pos-stock-header .nav { align-items: center; justify-content: flex-end; } .pos-stock .pos-stock-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #2d353c; display: flex; align-items: center; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #2d353c; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-img { height: 30px; border-radius: 30px; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-stock .pos-stock-body { height: calc(100% - 52px); background: #2d353c; flex: 1; display: flex; } .pos-stock .pos-stock-body .pos-stock-content { flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container { padding: 1px; height: 100%; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product { height: 100%; padding: 1px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container { background: #FFFFFF; height: 100%; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product { height: 100%; display: flex; flex-direction: column; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-img .img { padding-top: 56.25%; padding-top: 75%; background-size: cover; background-position: center; background-repeat: no-repeat; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info { padding: 15px 20px; flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info .title { font-size: 0.875rem; font-weight: 600; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info .desc { color: #495057; margin-bottom: 15px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option { margin: 0 0 5px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option { padding: 0; flex: 1; display: flex; align-items: center; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-label { font-weight: 600; padding-right: 10px; width: 90px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input { flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-control { border-width: 2px; font-weight: 600; font-size: 0.875rem; height: 34px; padding: 3px 10px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option + .option { padding-top: 15px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-action { display: flex; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-action .btn { font-weight: 600; padding: 12px 0; flex: 1; border-radius: 0; } .pos { background: #e9ecef; } .pos .slimScrollBar { display: none !important; } .pos-mobile-sidebar-toggler { position: fixed; bottom: 60px; right: 12px; z-index: 1020; background: #FFFFFF; padding: 10px; width: 60px; height: 60px; text-decoration: none; color: #2d353c; display: none; border-radius: 50px; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); align-items: center; } @media (max-width: 991.98px) { .pos-mobile-sidebar-toggler { display: flex; } } .pos-mobile-sidebar-toggler:hover { color: #6c757d; } .pos-mobile-sidebar-toggler .img { width: 32px; height: 32px; display: block; margin: 0 auto; } .pos-mobile-sidebar-toggler .badge { position: absolute; right: 10px; top: 10px; background: #00acac; color: #FFFFFF; width: 20px; height: 20px; font-size: 0.875rem; font-weight: 600; padding: 0; display: flex; align-items: center; justify-content: center; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: #FFFFFF; border: none; box-shadow: none; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; border-radius: 0; } .panel > .table, .panel > .tab-content, .panel > .list-group { margin-bottom: 0; } .panel > .tab-content { border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > div + .list-group .list-group-item:first-child { border-top-width: 1px; } .panel > .widget-list .widget-list-item { border-radius: 0; } .panel > .table > thead > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child { padding-left: 15px; } .panel > .table > thead > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: flex; flex: 1; align-items: center; flex-wrap: nowrap; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:hover, .panel .panel-heading .panel-title > a:focus { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: flex; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn.btn-sm, .panel .panel-heading .btn-group .btn-group-sm > .btn { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:before, .panel .panel-body:after { content: ""; display: table; clear: both; } .panel .panel-body.panel-form, .panel .panel-body.panel-table, .panel .panel-body.panel-full-width, .panel .panel-body.no-padding { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^=bg-] { border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: #FFFFFF; } .panel .panel-footer { background: #FFFFFF; border-top: 1px solid #d5dbe0; padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^=col-].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: #f2f4f5; color: #4e5c68; } .panel.panel-inverse > .panel-heading { background: #1d2226; color: #FFFFFF; } .panel.panel-success > .panel-heading { background: #008686; color: #FFFFFF; } .panel.panel-warning > .panel-heading { background: #df880a; color: #FFFFFF; } .panel.panel-danger > .panel-heading { background: #ff3631; color: #FFFFFF; } .panel.panel-primary > .panel-heading { background: #1e7cd2; color: #FFFFFF; } .panel.panel-info > .panel-heading { background: #2ea7cb; color: #FFFFFF; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #FFFFFF; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; animation: fadeIn 0.2s; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: flex; flex: 1; flex-direction: column; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading, .panel.panel-expand > .panel-footer { border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-expand > .hljs-wrapper { max-height: 50%; overflow: scroll; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .top-menu, .panel-expand .sidebar, .panel-expand .sidebar-bg { z-index: 0; } .panel-expand .content .row [class^=col-] { position: inherit; } .panel-expand .content .panel-expand .row > [class^=col-] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { transform: none; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: #FFFFFF; border: none; box-shadow: none; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; border-radius: 0; } .panel > .table, .panel > .tab-content, .panel > .list-group { margin-bottom: 0; } .panel > .tab-content { border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > div + .list-group .list-group-item:first-child { border-top-width: 1px; } .panel > .widget-list .widget-list-item { border-radius: 0; } .panel > .table > thead > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child { padding-left: 15px; } .panel > .table > thead > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: flex; flex: 1; align-items: center; flex-wrap: nowrap; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:hover, .panel .panel-heading .panel-title > a:focus { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: flex; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn.btn-sm, .panel .panel-heading .btn-group .btn-group-sm > .btn { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:before, .panel .panel-body:after { content: ""; display: table; clear: both; } .panel .panel-body.panel-form, .panel .panel-body.panel-table, .panel .panel-body.panel-full-width, .panel .panel-body.no-padding { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^=bg-] { border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: #FFFFFF; } .panel .panel-footer { background: #FFFFFF; border-top: 1px solid #d5dbe0; padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^=col-].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: #f2f4f5; color: #4e5c68; } .panel.panel-inverse > .panel-heading { background: #1d2226; color: #FFFFFF; } .panel.panel-success > .panel-heading { background: #008686; color: #FFFFFF; } .panel.panel-warning > .panel-heading { background: #df880a; color: #FFFFFF; } .panel.panel-danger > .panel-heading { background: #ff3631; color: #FFFFFF; } .panel.panel-primary > .panel-heading { background: #1e7cd2; color: #FFFFFF; } .panel.panel-info > .panel-heading { background: #2ea7cb; color: #FFFFFF; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #FFFFFF; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; animation: fadeIn 0.2s; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: flex; flex: 1; flex-direction: column; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading, .panel.panel-expand > .panel-footer { border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-expand > .hljs-wrapper { max-height: 50%; overflow: scroll; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .top-menu, .panel-expand .sidebar, .panel-expand .sidebar-bg { z-index: 0; } .panel-expand .content .row [class^=col-] { position: inherit; } .panel-expand .content .panel-expand .row > [class^=col-] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { transform: none; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: #FFFFFF; border: none; box-shadow: none; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; border-radius: 0; } .panel > .table, .panel > .tab-content, .panel > .list-group { margin-bottom: 0; } .panel > .tab-content { border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > div + .list-group .list-group-item:first-child { border-top-width: 1px; } .panel > .widget-list .widget-list-item { border-radius: 0; } .panel > .table > thead > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child { padding-left: 15px; } .panel > .table > thead > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: flex; flex: 1; align-items: center; flex-wrap: nowrap; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:hover, .panel .panel-heading .panel-title > a:focus { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: flex; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn.btn-sm, .panel .panel-heading .btn-group .btn-group-sm > .btn { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:before, .panel .panel-body:after { content: ""; display: table; clear: both; } .panel .panel-body.panel-form, .panel .panel-body.panel-table, .panel .panel-body.panel-full-width, .panel .panel-body.no-padding { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^=bg-] { border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: #FFFFFF; } .panel .panel-footer { background: #FFFFFF; border-top: 1px solid #d5dbe0; padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^=col-].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: #f2f4f5; color: #4e5c68; } .panel.panel-inverse > .panel-heading { background: #1d2226; color: #FFFFFF; } .panel.panel-success > .panel-heading { background: #008686; color: #FFFFFF; } .panel.panel-warning > .panel-heading { background: #df880a; color: #FFFFFF; } .panel.panel-danger > .panel-heading { background: #ff3631; color: #FFFFFF; } .panel.panel-primary > .panel-heading { background: #1e7cd2; color: #FFFFFF; } .panel.panel-info > .panel-heading { background: #2ea7cb; color: #FFFFFF; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #FFFFFF; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; animation: fadeIn 0.2s; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: flex; flex: 1; flex-direction: column; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading, .panel.panel-expand > .panel-footer { border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-expand > .hljs-wrapper { max-height: 50%; overflow: scroll; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .top-menu, .panel-expand .sidebar, .panel-expand .sidebar-bg { z-index: 0; } .panel-expand .content .row [class^=col-] { position: inherit; } .panel-expand .content .panel-expand .row > [class^=col-] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { transform: none; } .profile-header { position: relative; overflow: hidden; } .profile-header .profile-header-cover { background-image: url(/images/profile-cover.jpg?f776f63e53744f90d70d3931947d963a); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .profile-header .profile-header-cover:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); } .profile-header .profile-header-content { color: #FFFFFF; padding: 30px; position: relative; } @media (max-width: 991.98px) { .profile-header .profile-header-content { padding: 20px; display: flex; align-items: center; } } .profile-header .profile-header-img { float: left; width: 120px; height: 120px; overflow: hidden; position: relative; z-index: 10; margin: -10px 0 -20px 0; padding: 3px; background: #FFFFFF; border-radius: 4px; } @media (max-width: 991.98px) { .profile-header .profile-header-img { margin: 0; width: 80px; height: 80px; } } .profile-header .profile-header-img + .profile-header-info { margin-left: 140px; } @media (max-width: 991.98px) { .profile-header .profile-header-img + .profile-header-info { margin-left: 20px; } } .profile-header .profile-header-img img { max-width: 100%; } .profile-header .profile-header-info h4 { font-weight: 600; color: #FFFFFF; } .profile-header .profile-header-tab { position: relative; background: #FFFFFF; list-style-type: none; margin: -10px 0 0; padding: 0 0 0 150px; border-radius: 0; } @media (max-width: 991.98px) { .profile-header .profile-header-tab { padding: 0; margin: 0; overflow: scroll; display: flex; flex-wrap: nowrap; } } .profile-header .profile-header-tab .nav-item { display: inline-block; margin: 0; } .profile-header .profile-header-tab .nav-item .nav-link { display: block; color: #6f8293; line-height: 20px; padding: 10px 20px; text-decoration: none; font-weight: bold; font-size: 12px; border: none; border-radius: 0; } .profile-header .profile-header-tab .nav-item .nav-link:hover, .profile-header .profile-header-tab .nav-item .nav-link:focus { background: none; color: #4e5c68; } .profile-header .profile-header-tab .nav-item .nav-link.active { color: #2d353c; background: none; } .profile-content { padding: 25px; } .profile-content:before, .profile-content:after { content: ""; display: table; clear: both; } .profile-content .tab-content, .profile-content .tab-pane { background: none; } .profile-content .table.table-profile > thead > tr > th { border: none; border-bottom: none !important; color: #2d353c; background: none; } .profile-content .table.table-profile > thead > tr > th h4 { font-size: 20px; margin-top: 0; } .profile-content .table.table-profile > thead > tr > th h4 small { display: block; font-size: 12px; font-weight: normal; margin-top: 5px; } .profile-content .table.table-profile tbody > tr td { border: none; color: #2d353c; background: none; } .profile-content .table.table-profile tbody > tr td .form-control { border-color: #ccd1d5; } .profile-content .table.table-profile tbody > tr td .form-control:focus { border-color: #5db0ff; } .profile-content .table.table-profile tbody > tr td.field { width: 20%; text-align: right; font-weight: 600; color: #2d353c; } @media (max-width: 991.98px) { .profile-content .table.table-profile tbody > tr td.field { width: 35%; } } .profile-content .table.table-profile tbody > tr.highlight > td { border-top: 1px solid #ccd1d5; border-bottom: 1px solid #ccd1d5; } .profile-content .table.table-profile tbody > tr.divider > td { padding: 0 !important; height: 10px; } .progress .progress-bar { font-weight: 600; } .progress.progress-xs { height: 5px; } .progress.progress-xs .progress-bar { line-height: 5px; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; } .progress.progress-lg { height: 30px; } .progress.progress-lg .progress-bar { line-height: 30px; } .has-success.radio.radio-css label, .has-success .radio.radio-css label, .is-valid.radio.radio-css label, .is-valid .radio.radio-css label { color: #009393; } .has-success.radio.radio-css label:before, .has-success .radio.radio-css label:before, .is-valid.radio.radio-css label:before, .is-valid .radio.radio-css label:before { background: rgba(0, 172, 172, 0.5); } .has-error.radio.radio-css label, .has-error .radio.radio-css label, .is-invalid.radio.radio-css label, .is-invalid .radio.radio-css label { color: #ff423e; } .has-error.radio.radio-css label:before, .has-error .radio.radio-css label:before, .is-invalid.radio.radio-css label:before, .is-invalid .radio.radio-css label:before { background: rgba(255, 91, 87, 0.5); } .radio.radio-css { position: relative; line-height: 16px; padding-top: 7px; } .radio.radio-css label { padding-left: 24px; margin: 0; position: relative; } .radio.radio-css label:before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #d5dbe0; border-radius: 16px; } .radio.radio-css input { display: none; } .radio.radio-css input:checked + label:before { background: #348fe2; border-color: #348fe2; } .radio.radio-css input:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; width: 6px; height: 6px; background: #FFFFFF; border-radius: 6px; } .radio.radio-css.radio-inline { padding-left: 0; display: inline-block; } .radio.radio-css.radio-inline + .radio-inline { margin-left: 15px; } .radio.radio-css.radio-success input:checked + label:before { background: #00acac; border-color: #00acac; } .radio.radio-css.radio-lime input:checked + label:before { background: #90ca4b; border-color: #90ca4b; } .radio.radio-css.radio-indigo input:checked + label:before { background: #8753de; border-color: #8753de; } .radio.radio-css.radio-purple input:checked + label:before { background: #727cb6; border-color: #727cb6; } .radio.radio-css.radio-inverse input:checked + label:before { background: #2d353c; border-color: #2d353c; } .radio.radio-css.radio-warning input:checked + label:before { background: #f59c1a; border-color: #f59c1a; } .radio.radio-css.radio-danger input:checked + label:before { background: #ff5b57; border-color: #ff5b57; } .radio.radio-css.radio-info input:checked + label:before { background: #49b6d6; border-color: #49b6d6; } .radio.radio-css.radio-pink input:checked + label:before { background: #fb5597; border-color: #fb5597; } .radio.radio-css.radio-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .register.register-with-news-feed { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .register.register-with-news-feed .news-feed { position: fixed; left: 0; right: 500px; top: 0; bottom: 0; overflow: hidden; transform: translateZ(0); } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed { right: 400px; } } @media (max-width: 767.98px) { .register.register-with-news-feed .news-feed { position: relative; right: 0; display: none; } } .register.register-with-news-feed .news-feed .news-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .register.register-with-news-feed .news-feed .news-caption { color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 60px 30px; font-size: 18px; letter-spacing: 0.25px; z-index: 20; font-weight: 300; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed .news-caption { padding: 45px 45px 30px; font-size: 16px; } } .register.register-with-news-feed .news-feed .news-caption .caption-title { font-weight: 300; color: #FFFFFF; font-size: 36px; } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed .news-caption .caption-title { font-size: 28px; } } .register.register-with-news-feed .right-content { min-height: 100%; background: #FFFFFF; width: 500px; margin-left: auto; padding: 60px; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content { width: 400px; padding: 45px; } } @media (max-width: 767.98px) { .register.register-with-news-feed .right-content { width: auto; } } @media (max-width: 575.98px) { .register.register-with-news-feed .right-content { padding: 30px; } } .register.register-with-news-feed .right-content .register-content { width: auto; } .register.register-with-news-feed .right-content .register-header { position: relative; font-size: 32px; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content .register-header { font-size: 24px; } } .register.register-with-news-feed .right-content .register-header + .register-content { padding-top: 15px; } .register.register-with-news-feed .right-content .register-header small { color: #6f8293; display: block; font-size: 14px; margin-top: 10px; line-height: 20px; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content .register-header small { font-size: 12px; line-height: 18px; } } .registered-users-list { list-style-type: none; margin: 7.5px; padding: 0; display: flex; flex-wrap: wrap; } .registered-users-list > li { width: 25%; font-size: 12px; padding: 7.5px; color: #2d353c; } .registered-users-list > li > a { display: block; margin-bottom: 10px; } .registered-users-list > li img { max-width: 100%; border-radius: 4px; } .registered-users-list > li .username { font-size: 12px; color: #2d353c; margin-bottom: 0; font-weight: 600; } .registered-users-list > li .username small { display: block; font-size: 11px; color: #6f8293; line-height: 15px; } .result-list { list-style-type: none; margin: 0; padding: 0; width: 100%; } .result-list:before, .result-list:after { content: ""; display: table; clear: both; } .result-list > li { background: #FFFFFF; overflow: hidden; position: relative; display: flex; flex-wrap: wrap; border-radius: 6px; } .result-list > li:before, .result-list > li:after { content: ""; display: table; clear: both; } @media (max-width: 991.98px) { .result-list > li { padding-top: 160px; } } @media (max-width: 575.98px) { .result-list > li { display: block; } } .result-list > li + li { margin-top: 10px; } .result-list > li .result-image { width: 240px; padding: 0; overflow: hidden; background: #2d353c; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199.98px) { .result-list > li .result-image { width: 180px; } } @media (max-width: 991.98px) { .result-list > li .result-image { width: auto; position: absolute; top: 0; left: 0; right: 0; height: 160px; } } .result-list > li .result-image a { display: block; } .result-list > li .result-image img { width: 100%; } .result-list > li .result-image:hover, .result-list > li .result-image:focus { opacity: 0.8; } .result-list > li .result-info { padding: 20px; position: relative; flex: 1; } @media (max-width: 1199.98px) { .result-list > li .result-info { padding: 15px; } } .result-list > li .result-info .title { margin: 0 0 5px; font-size: 18px; line-height: 22px; } @media (max-width: 991.98px) { .result-list > li .result-info .title { font-size: 16px; line-height: 20px; } } .result-list > li .result-info .title a { color: #2d353c; } .result-list > li .result-info .location { color: #6f8293; margin-bottom: 15px; } .result-list > li .result-info .decs { margin-bottom: 20px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; line-height: 16px; } .result-list > li .result-info .btn-row { display: flex; flex-wrap: wrap; } .result-list > li .result-info .btn-row:before, .result-list > li .result-info .btn-row:after { content: ""; display: table; clear: both; } .result-list > li .result-info .btn-row a { color: #2d353c; background: #f2f3f4; font-size: 14px; line-height: 18px; padding: 8px 10px; border-radius: 4px; } .result-list > li .result-info .btn-row a + a { margin-left: 5px; } .result-list > li .result-info .btn-row a:hover, .result-list > li .result-info .btn-row a:focus { background: #d5dbe0; } .result-list > li .result-price { width: 240px; font-size: 28px; text-align: center; background: #f2f3f4; color: #2d353c; padding: 20px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 1199.98px) { .result-list > li .result-price { width: 180px; padding: 15px; } } @media (max-width: 575.98px) { .result-list > li .result-price { width: auto; } } .result-list > li .result-price small { display: block; font-size: 11px; font-weight: 600; color: #6f8293; } .result-list > li .result-price .btn { margin-top: 30px; } @media (max-width: 575.98px) { .result-list > li .result-price .btn { margin-top: 15px; } } .row > [class^=col-].ui-sortable { min-height: 50px; } @-webkit-keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .spinner { height: 36px; width: 36px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; border: 2px solid rgba(45, 53, 60, 0.85); border-top: 2px solid #FFFFFF; border-radius: 36px; -webkit-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; } .spinner-small { height: 28px; width: 28px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border: 2px solid rgba(45, 53, 60, 0.85); border-top: 2px solid #FFFFFF; border-radius: 30px; -webkit-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; } .switcher { display: inline-block; } .switcher label { display: block; margin: 0; width: 46px; height: 28px; position: relative; } .switcher label:before { content: ""; display: block; width: 46px; height: 28px; background: #d5dbe0; border: 1px solid #d5dbe0; border-radius: 46px; transition: all 0.2s linear; } .switcher label:after { content: ""; height: 24px; width: 24px; position: absolute; left: 2px; top: 2px; background: #FFFFFF; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: all 0.2s linear; } .switcher input { display: none; } .switcher input:checked + label:before { background: #348fe2; border: 2px solid #348fe2; } .switcher input:checked + label:after { left: 20px; } .switcher.switcher-success input:checked + label:before { background: #00acac; border-color: #00acac; } .switcher.switcher-lime input:checked + label:before { background: #90ca4b; border-color: #90ca4b; } .switcher.switcher-indigo input:checked + label:before { background: #8753de; border-color: #8753de; } .switcher.switcher-purple input:checked + label:before { background: #727cb6; border-color: #727cb6; } .switcher.switcher-inverse input:checked + label:before { background: #2d353c; border-color: #2d353c; } .switcher.switcher-warning input:checked + label:before { background: #f59c1a; border-color: #f59c1a; } .switcher.switcher-danger input:checked + label:before { background: #ff5b57; border-color: #ff5b57; } .switcher.switcher-info input:checked + label:before { background: #49b6d6; border-color: #49b6d6; } .switcher.switcher-pink input:checked + label:before { background: #fb5597; border-color: #fb5597; } .switcher.switcher-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .tab-overflow { position: relative; overflow: hidden; border-radius: 3px 3px 0 0; flex: 1; } .tab-overflow .nav.nav-tabs { white-space: nowrap; display: table; margin: 0; border-radius: 4px 4px 0 0; } .tab-overflow .nav.nav-tabs > li { display: table-cell; float: none; } .tab-overflow .nav.nav-tabs > li > a { margin-left: -1px; } .tab-overflow .nav.nav-tabs .prev-button { position: absolute; left: 0; top: 0; z-index: 10; display: none !important; opacity: 0; box-shadow: 0 0 15px rgba(45, 53, 60, 0.25); transition: all 0.2s linear; } .tab-overflow .nav.nav-tabs .prev-button a { margin: 0; background: #f2f3f4; border-radius: 4px 0 0; } .tab-overflow .nav.nav-tabs .next-button { position: absolute; right: 0; top: 0; z-index: 10; display: none !important; opacity: 0; box-shadow: 0 0 15px rgba(45, 53, 60, 0.25); transition: all 0.2s linear; border-top-left-radius: 0; } .tab-overflow .nav.nav-tabs .next-button a { margin: 0; background: #f2f3f4; border-radius: 0 4px 0 0; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a { background: none; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a.active { background: #FFFFFF; color: #2d353c; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button { box-shadow: 0 0 15px #000000; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button + li > a.active, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button + li > a.active { border-radius: 0 4px 0 0; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button > a, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button > a { background: #1a2229; } .tab-overflow.overflow-right .nav.nav-tabs .next-button { display: block !important; opacity: 1; background: none; } .tab-overflow.overflow-left .nav.nav-tabs .prev-button { display: block !important; opacity: 1; background: none; } .flat-black .tab-overflow .next-button a, .flat-black .tab-overflow .prev-button a { background: #d2d2d2; } .table thead tr th { font-weight: 600; border-bottom: 1px solid #b8c1ca; } .table thead tr td.with-form-control, .table thead tr td.with-input-group, .table thead tr td.with-radio, .table thead tr td.with-img, .table thead tr td.with-btn, .table thead tr td.with-btn-group, .table thead tr td.with-checkbox, .table thead tr th.with-form-control, .table thead tr th.with-input-group, .table thead tr th.with-radio, .table thead tr th.with-img, .table thead tr th.with-btn, .table thead tr th.with-btn-group, .table thead tr th.with-checkbox, .table tbody tr td.with-form-control, .table tbody tr td.with-input-group, .table tbody tr td.with-radio, .table tbody tr td.with-img, .table tbody tr td.with-btn, .table tbody tr td.with-btn-group, .table tbody tr td.with-checkbox, .table tbody tr th.with-form-control, .table tbody tr th.with-input-group, .table tbody tr th.with-radio, .table tbody tr th.with-img, .table tbody tr th.with-btn, .table tbody tr th.with-btn-group, .table tbody tr th.with-checkbox, .table tfoot tr td.with-form-control, .table tfoot tr td.with-input-group, .table tfoot tr td.with-radio, .table tfoot tr td.with-img, .table tfoot tr td.with-btn, .table tfoot tr td.with-btn-group, .table tfoot tr td.with-checkbox, .table tfoot tr th.with-form-control, .table tfoot tr th.with-input-group, .table tfoot tr th.with-radio, .table tfoot tr th.with-img, .table tfoot tr th.with-btn, .table tfoot tr th.with-btn-group, .table tfoot tr th.with-checkbox { padding-top: 4px; padding-bottom: 4px; } .table thead tr td.with-radio .radio, .table thead tr td.with-radio .checkbox, .table thead tr td.with-checkbox .radio, .table thead tr td.with-checkbox .checkbox, .table thead tr th.with-radio .radio, .table thead tr th.with-radio .checkbox, .table thead tr th.with-checkbox .radio, .table thead tr th.with-checkbox .checkbox, .table tbody tr td.with-radio .radio, .table tbody tr td.with-radio .checkbox, .table tbody tr td.with-checkbox .radio, .table tbody tr td.with-checkbox .checkbox, .table tbody tr th.with-radio .radio, .table tbody tr th.with-radio .checkbox, .table tbody tr th.with-checkbox .radio, .table tbody tr th.with-checkbox .checkbox, .table tfoot tr td.with-radio .radio, .table tfoot tr td.with-radio .checkbox, .table tfoot tr td.with-checkbox .radio, .table tfoot tr td.with-checkbox .checkbox, .table tfoot tr th.with-radio .radio, .table tfoot tr th.with-radio .checkbox, .table tfoot tr th.with-checkbox .radio, .table tfoot tr th.with-checkbox .checkbox { padding-top: 0; } .table.table-transparent { color: rgba(255, 255, 255, 0.75); background: none; } .table.table-transparent thead tr th, .table.table-transparent thead tr td, .table.table-transparent tbody tr th, .table.table-transparent tbody tr td, .table.table-transparent tfoot tr th, .table.table-transparent tfoot tr td { border-color: rgba(255, 255, 255, 0.15); } .table.table-transparent thead tr th { border-bottom-color: rgba(255, 255, 255, 0.5); } .table:not(.table-bordered) thead tr th { border-top: none; } .theme-panel { position: fixed; right: -175px; top: 150px; z-index: 1035; background: #FFFFFF; padding: 15px; width: 175px; transition: right 0.2s linear; border-radius: 4px 0 0 4px; } .theme-panel .theme-list { list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .theme-panel .theme-list + .theme-list { margin-top: 10px; } .theme-panel .theme-list > li + li { margin-left: 5px; } .theme-panel .theme-list > li > a { width: 20px; height: 20px; display: block; text-decoration: none; border-radius: 4px; transition: all 0.2s linear; } .theme-panel .theme-list > li > a:hover, .theme-panel .theme-list > li > a:focus { opacity: 0.6; } .theme-panel .theme-list > li.active > a { position: relative; } .theme-panel .theme-list > li.active > a:before { content: "\f00c"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 14px; color: #FFFFFF; opacity: 0.4; text-align: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .theme-panel .theme-list > li.active > a.bg-white:before { color: #2d353c; } .theme-panel .theme-collapse-btn { position: absolute; left: -30px; top: 10%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #2d353c; background: #FFFFFF; text-align: center; border-radius: 4px 0 0 4px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } @media (max-width: 767.98px) { .theme-panel .theme-collapse-btn { top: 35%; } } .theme-panel .theme-panel-content { margin: -15px; padding: 15px; background: #FFFFFF; position: relative; z-index: 10; border-radius: 4px 0 0 4px; } .theme-panel .theme-version { margin: 0 0 5px; display: flex; flex-wrap: wrap; } .theme-panel .theme-version a { width: calc(50% - 2.5px); padding-top: 35%; position: relative; text-decoration: none; } .theme-panel .theme-version a + a { margin-left: 5px; } .theme-panel .theme-version a span { font-size: 14px; font-weight: bold; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: top left; } .theme-panel .theme-version a.active:before, .theme-panel .theme-version a:hover:before { content: ""; position: absolute; border: 12px solid transparent; border-left-color: #9ba8b4; border-top-color: #9ba8b4; left: 0; top: 0; z-index: 10; } .theme-panel .theme-version a.active:after, .theme-panel .theme-version a:hover:after { content: "\f00c"; position: absolute; top: 0; left: 0; color: #FFFFFF; z-index: 10; width: 16px; height: 16px; line-height: 16px; font-size: 10px; text-align: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .theme-panel .theme-version a.active:before { border-left-color: #007aff; border-top-color: #007aff; } .theme-panel .control-label { display: flex; align-items: center; } .theme-panel .divider { height: 1px; margin: 15px 0; background: #d5dbe0; } .theme-panel.active { right: 0; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); } .theme-panel.active .theme-collapse-btn .fa:before { content: "\f00d"; } .theme-panel.active a.bg-white { border: 1px solid #c6ced5; } .theme-panel.theme-panel-lg { top: 0; bottom: 0; width: 260px; right: -260px; } .theme-panel.theme-panel-lg .theme-list { margin-bottom: -3px; } .theme-panel.theme-panel-lg .theme-list > li { margin-right: 3px; margin-bottom: 3px; } .theme-panel.theme-panel-lg .theme-list > li + li { margin-left: 0; } .theme-panel.theme-panel-lg .theme-list > li > a { width: 28px; height: 28px; border-radius: 40px; } .theme-panel.theme-panel-lg .theme-list > li > a:before { line-height: 28px; } .theme-panel.theme-panel-lg .theme-version { margin: 0 0 5px; } .theme-panel.theme-panel-lg .theme-panel-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; margin: 0; padding: 20px; border-radius: 0; } .theme-panel.theme-panel-lg .theme-collapse-btn { top: 30%; } @media (max-width: 767.98px) { .theme-panel.theme-panel-lg .theme-collapse-btn { top: 35%; } } .theme-panel.theme-panel-lg.active { right: 0; } .timeline { list-style-type: none; margin: 0; padding: 0; position: relative; } .timeline:before { content: ""; position: absolute; top: 5px; bottom: 5px; width: 5px; background: #2d353c; left: 20%; margin-left: -2.5px; } @media (max-width: 991.98px) { .timeline:before { left: 15%; } } @media (max-width: 575.98px) { .timeline:before { left: 50%; } } .timeline > li { position: relative; min-height: 50px; padding: 20px 0; } .timeline img { max-width: 100%; display: block; } .timeline .timeline-time { position: absolute; left: 0; width: 18%; text-align: right; top: 30px; } @media (max-width: 991.98px) { .timeline .timeline-time { width: 12%; } } @media (max-width: 575.98px) { .timeline .timeline-time { width: 50%; text-align: right; padding-right: 20px; } } .timeline .timeline-time .date { display: block; font-weight: 600; line-height: 16px; font-size: 12px; } .timeline .timeline-time .time { display: block; font-weight: 600; line-height: 24px; font-size: 20px; color: #2d353c; } .timeline .timeline-icon { left: 15%; position: absolute; width: 10%; text-align: center; top: 40px; } @media (max-width: 991.98px) { .timeline .timeline-icon { left: 10%; } } @media (max-width: 575.98px) { .timeline .timeline-icon { left: 45%; } } .timeline .timeline-icon a { text-decoration: none; width: 20px; height: 20px; display: inline-block; background: #dee2e6; line-height: 10px; color: #FFFFFF; font-size: 14px; border: 5px solid #2d353c; transition: border-color 0.2s linear; border-radius: 24px; } .timeline .timeline-header { padding-bottom: 10px; border-bottom: 1px solid #d5dbe0; line-height: 30px; } .timeline .timeline-header .userimage { float: left; width: 34px; height: 34px; overflow: hidden; margin: -2px 10px -2px 0; border-radius: 36px; } .timeline .timeline-header .username { font-size: 16px; font-weight: 600; color: #2d353c; } .timeline .timeline-header .username a { color: #2d353c; } .timeline .timeline-header .views { float: right; color: #6f8293; font-weight: 600; } .timeline .timeline-body { margin-left: 23%; margin-right: 17%; background: #FFFFFF; position: relative; padding: 20px 25px; border-radius: 6px; } @media (max-width: 1199.98px) { .timeline .timeline-body { margin-left: 25%; margin-right: 10%; } } @media (max-width: 991.98px) { .timeline .timeline-body { margin-left: 20%; margin-right: 0; } } @media (max-width: 575.98px) { .timeline .timeline-body { margin-left: 0; margin-top: 60px; padding: 15px; } } .timeline .timeline-body:before { content: ""; display: block; position: absolute; border: 10px solid transparent; border-right-color: #FFFFFF; left: -20px; top: 20px; } @media (max-width: 575.98px) { .timeline .timeline-body:before { border-right-color: transparent; border-bottom-color: #FFFFFF; left: 50%; margin-left: -10px; top: -20px; } } .timeline .timeline-body > div + div { margin-top: 15px; } .timeline .timeline-body > div + div:last-child { margin-bottom: -20px; padding-bottom: 20px; border-radius: 0 0 6px 6px; } @media (max-width: 575.98px) { .timeline .timeline-body > div + div:last-child { margin-bottom: -15px; padding-bottom: 15px; } } .timeline .timeline-content { letter-spacing: 0.25px; line-height: 18px; font-size: 13px; } .timeline .timeline-content:before, .timeline .timeline-content:after { content: ""; display: table; clear: both; } .timeline .timeline-title { margin-top: 0; } .timeline .timeline-footer { background: #FFFFFF; border-top: 1px solid #d5dbe0; padding-top: 15px; font-weight: 600; } .timeline .timeline-footer a:not(.btn) { color: #6f8293; } .timeline .timeline-footer a:not(.btn):hover, .timeline .timeline-footer a:not(.btn):focus { color: #2d353c; } .timeline .timeline-likes { color: #6f8293; font-weight: 600; font-size: 12px; display: flex; flex-wrap: wrap; } .timeline .timeline-likes .stats-right { margin-left: auto; } .timeline .timeline-likes .stats { display: flex; } .timeline .timeline-likes .stats .stats-icon { font-size: 9px; } .timeline .timeline-likes .stats-total { margin-left: 3px; line-height: 20px; } .timeline .timeline-likes .stats-text { line-height: 20px; } .timeline .timeline-likes .stats-text + .stats-text { margin-left: 10px; } .timeline .timeline-comment-box { background: #f2f3f4; margin-left: -25px; margin-right: -25px; padding: 20px 25px; } @media (max-width: 575.98px) { .timeline .timeline-comment-box { margin-left: -15px; margin-right: -15px; padding: 15px; } } .timeline .timeline-comment-box .user { float: left; width: 34px; height: 34px; overflow: hidden; border-radius: 36px; } .timeline .timeline-comment-box .user + .input { margin-left: 44px; } .timeline .timeline-comment-box .user img { max-width: 100%; max-height: 100%; } .todolist { list-style-type: none; margin: 0; padding: 0; } .todolist > li { border-bottom: 1px solid #e4e7ea; } .todolist > li > a { display: block; color: #2d353c; } .todolist > li > a .todolist-title { display: table-cell; padding: 10px; } .todolist > li > a .todolist-input { display: table-cell; text-align: center; font-size: 14px; border-right: 1px solid #e4e7ea; padding: 10px; color: #e4e7ea; } .todolist > li > a .todolist-input i { display: block; width: 14px; text-align: center; } .todolist > li > a:hover, .todolist > li > a:focus { background: #f2f3f4; text-decoration: none; } .todolist > li > a:hover .todolist-input i:before, .todolist > li > a:focus .todolist-input i:before { content: "\f14a"; color: rgba(45, 53, 60, 0.4); font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .todolist > li.active > a .todolist-title { text-decoration: line-through; } .todolist > li.active > a i:before { content: "\f14a"; color: #00acac; } .todolist > li.active > a:hover i:before, .todolist > li.active > a:focus i:before { color: #00acac; } @media (min-width: 992px) { .vertical-box { display: table; table-layout: fixed; border-spacing: 0; height: 100%; width: 100%; } } @media (max-width: 991.98px) { .vertical-box .vertical-box-column { width: 100% !important; } } @media (min-width: 992px) { .vertical-box-column { display: table-cell; vertical-align: top; height: 100%; } } @media (min-width: 992px) { .vertical-box-row { display: table-row; height: 100%; } } .vertical-box-row > .vertical-box-cell { position: relative; height: 100%; width: 100%; float: none; } @media (min-width: 992px) { .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } } @media (min-width: 992px) { .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-left: 1px solid #d5dbe0; } } @media (max-width: 991.98px) { .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-top: 1px solid #d5dbe0; } } .vertical-box.with-grid .vertical-box-row + .vertical-box-row > div, .vertical-box.with-grid .vertical-box-row + .wrapper, .vertical-box.with-grid .wrapper + .vertical-box-row > div, .vertical-box.with-grid .wrapper + .wrapper { border-top: 1px solid #d5dbe0; } .vertical-box.with-grid, .vertical-box.with-border-top { border-top: 1px solid #d5dbe0; } .vertical-box.with-border-bottom { border-bottom: 1px solid #d5dbe0; } .widget-card { position: relative; margin-bottom: 15px; display: block; text-decoration: none !important; } .widget-card .widget-card-content { padding: 15px; position: relative; } .widget-card .widget-card-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #FFFFFF; } .widget-card .widget-card-cover .widget-card-cover-icon { position: absolute; top: 50%; left: 50%; width: 40%; height: 40%; margin: -20% 0 0 -20%; border-radius: 50%; background: rgba(0, 0, 0, 0.75); color: #FFFFFF; text-align: center; display: flex; align-items: center; justify-content: center; } .widget-card .widget-card-cover .widget-card-cover-icon .fa { font-size: 1.5vw; line-height: 1.5vw; } .widget-card.widget-card-rounded .widget-card-content, .widget-card.widget-card-rounded .widget-card-cover { border-radius: 4px; } .widget-card.square { padding-top: 100%; overflow: hidden; } .widget-card.square .widget-card-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .widget-card.square .widget-card-content.bottom { top: auto; } .inverse-mode .widget-card, .inverse-mode.widget-card { color: #FFFFFF; } .inverse-mode .widget-card .widget-card-cover, .inverse-mode.widget-card .widget-card-cover { background-color: #2d353c; } .widget-chart { position: relative; overflow: hidden; margin-bottom: 20px; border-radius: 4px; } @media (min-width: 576px) { .widget-chart { display: flex; } } .widget-chart .chart-title { font-size: 16px !important; line-height: 20px; color: #FFFFFF; font-weight: 600 !important; margin: 2px 5px 5px; } .widget-chart .chart-title small { display: block; margin-top: 3px; font-size: 12px; line-height: 16px; color: #9ba8b4; font-weight: normal; } .widget-chart .widget-chart-content { padding: 15px; flex: 1; } @media (min-width: 768px) { .widget-chart .widget-chart-content + .widget-chart-sidebar { border-radius: 0 4px 4px 0; } } @media (max-width: 575.98px) { .widget-chart .widget-chart-content + .widget-chart-sidebar { border-radius: 0 0 4px 4px; } } .widget-chart .widget-chart-full-width { margin: 0 -15px; } .widget-chart .widget-chart-sidebar { padding: 15px 15px; position: relative; display: flex; flex-direction: column; } @media (min-width: 768px) { .widget-chart .widget-chart-sidebar { width: 230px; } } @media (min-width: 576px) and (max-width: 767.98px) { .widget-chart .widget-chart-sidebar { width: 200px; } } .widget-chart .widget-chart-sidebar .chart-number { font-size: 24px; font-weight: 600; line-height: 28px; color: #FFFFFF; } .widget-chart .widget-chart-sidebar .chart-number small { font-size: 12px; line-height: 16px; margin-top: 3px; color: #9ba8b4; display: block; font-weight: normal; } .widget-chart .widget-chart-sidebar .chart-legend { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-weight: 600; } .widget-chart .widget-chart-sidebar .chart-legend > li { color: #FFFFFF; } .widget-chart .widget-chart-sidebar .chart-legend > li span { color: #9ba8b4; margin-left: 5px; font-weight: normal; } .widget-chart .widget-chart-sidebar .chart-legend > li + li { margin-top: 5px; } .widget-chart-info { color: #2d353c; } .widget-chart-info .widget-chart-info-title { margin: 0 0 5px; font-size: 14px; } .widget-chart-info .widget-chart-info-desc { font-size: 11px; color: #4e5c68; margin-bottom: 20px; } .widget-chart-info .widget-chart-info-progress { font-size: 11px; margin-bottom: 5px; } .widget-chart-info .widget-chart-info-progress .progress { margin-bottom: 0; } .widget-chart-content { padding: 10px; background: #f2f3f4; } .inverse-mode .widget-chart-content { background: #1d2226; } .inverse-mode .widget-chart-info { color: #c6ced5; } .inverse-mode .widget-chart-info .widget-chart-info-desc { color: #9ba8b4; } .inverse-mode .nvd3 text { fill: rgba(255, 255, 255, 0.75); } .inverse-mode .nvd3 .nv-axis line, .inverse-mode .nvd3 .nv-axis path { stroke: rgba(255, 255, 255, 0.15); } .widget-chat { background: #FFFFFF; } .widget-chat .widget-chat-header { display: table; width: 100%; border-bottom: 1px solid #d5dbe0; } .widget-chat .widget-chat-header > div + div { padding-left: 0; } .widget-chat .widget-chat-header .widget-chat-header-icon { padding: 12px 15px; display: table-cell; vertical-align: middle; width: 1%; } .widget-chat .widget-chat-header .widget-chat-header-content { padding: 12px 15px; display: table-cell; vertical-align: middle; } .widget-chat .widget-chat-header .widget-chat-header-title { font-size: 14px; margin: 0; } .widget-chat .widget-chat-header .widget-chat-header-desc { font-size: 12px; margin: 0; } .widget-chat .widget-chat-body { padding: 15px; background: #e4e7ea; } .widget-chat .widget-chat-item { color: #2d353c; position: relative; min-height: 38px; padding: 3px 0; } .widget-chat .widget-chat-media { width: 38px; height: 38px; position: absolute; bottom: 3px; left: 0px; overflow: hidden; text-align: center; line-height: 38px; border-radius: 40px; } .widget-chat .widget-chat-media img { max-width: 100%; max-height: 100%; display: block; } .widget-chat .widget-chat-info-container { background: #FFFFFF; display: inline-block; padding: 8px 12px; position: relative; color: #FFFFFF; border-radius: 16px; } .widget-chat .widget-chat-message { font-weight: 600; color: #2d353c; } .widget-chat .widget-chat-message:before { content: ""; position: absolute; bottom: 0; left: -24px; border: 0 solid transparent; border-top-width: 15px; border-right-width: 10px; border-right-color: #FFFFFF; border-radius: 50%; width: 35px; height: 35px; transform: rotate(10deg); } .widget-chat .widget-chat-message:after { content: ""; display: inline-block; width: 60px; height: 12px; } .widget-chat .widget-chat-name { font-weight: 600; } .widget-chat .widget-chat-time { position: absolute; right: 12px; bottom: 8px; font-style: italic; color: #9ba8b4; font-weight: 600; font-size: 10px; } .widget-chat .with-media .widget-chat-info { margin-left: 53px; min-width: 60%; } .widget-chat .with-media .right .widget-chat-info { margin-right: 53px; } .widget-chat .right .widget-chat-media { left: auto; right: 0; } .widget-chat .right .widget-chat-info { margin-left: 0; text-align: right; } .widget-chat .right .widget-chat-time { right: auto; left: 12px; } .widget-chat .right .widget-chat-message:after { float: left; } .widget-chat .right .widget-chat-message:before { left: auto; right: -24px; bottom: -5px; border-right-width: 0; border-right-color: transparent; border-left-width: 10px; border-left-color: #FFFFFF; } .widget-chat.widget-chat-rounded { border-radius: 4px; } .widget-chat.widget-chat-rounded.widget-chat-input { border-radius: 4px 4px 0 0; } .inverse-mode.widget-chat { background: #2d353c; } .inverse-mode.widget-chat .widget-chat-header { border-color: #2d353c; } .inverse-mode.widget-chat .widget-chat-header-title { color: #FFFFFF; } .inverse-mode.widget-chat .widget-chat-header-desc { color: #c6ced5; } .inverse-mode.widget-chat .widget-chat-body { background: #1a2229; } .widget-icon { position: relative; overflow: hidden; width: 40px; height: 40px; font-size: 28px; display: flex; align-items: center; justify-content: center; } .widget-icon.user { font-size: 36px; } .widget-icon.user i { display: block; margin: 0 auto; padding-top: 38%; } .widget-icon.widget-icon-xs { width: 20px; height: 20px; font-size: 14px; } .widget-icon.widget-icon-xs.user { font-size: 18px; } .widget-icon.widget-icon-sm { width: 30px; height: 30px; font-size: 21px; } .widget-icon.widget-icon-sm.user { font-size: 27px; } .widget-icon.widget-icon-lg { width: 60px; height: 60px; font-size: 42px; } .widget-icon.widget-icon-lg.user { font-size: 54px; } .widget-icon.widget-icon-xl { width: 80px; height: 80px; font-size: 56px; } .widget-icon.widget-icon-xl.user { font-size: 72px; } .widget-img { overflow: hidden; width: 40px; height: 40px; line-height: 40px; background-repeat: no-repeat; background-size: cover; background-position: center; } .widget-img.widget-img-xl { width: 80px; height: 80px; line-height: 80px; } .widget-img.widget-img-lg { width: 60px; height: 60px; line-height: 60px; } .widget-img.widget-img-sm { width: 30px; height: 30px; line-height: 30px; } .widget-img.widget-img-xs { width: 20px; height: 20px; line-height: 20px; } div + .widget-input { border-top: 1px solid #d5dbe0; } div + .widget-input.widget-input-rounded { border-radius: 0 0 4px 4px; } .widget-input { position: relative; background: #FFFFFF; } .widget-input.widget-input-rounded { border-radius: 4px; } .widget-input-container { display: table; width: 100%; } .widget-input-container .widget-input-icon { display: table-cell; vertical-align: middle; width: 1%; padding: 0 5px; } .widget-input-container .widget-input-icon a { display: block; padding: 10px; font-size: 18px; } .widget-input-container .widget-input-box { display: table-cell; vertical-align: middle; padding: 5px 0; } .widget-input-container .widget-input-box .form-control { border-color: #f2f4f5; background: #f2f4f5; border-radius: 40px; } .widget-input-container .widget-input-box .form-control:focus { box-shadow: none; } .widget-input-container .widget-input-divider { display: table-cell; vertical-align: middle; width: 1px; } .widget-input-container .widget-input-divider:after { content: ""; width: 1px; height: 26px; background: #d5dbe0; display: block; } .inverse-mode.widget-input, .inverse-mode .widget-input { background: #2d353c; } .inverse-mode .widget-input-box .form-control { background: #3d4852; border-color: #3d4852; color: #FFFFFF; } .inverse-mode .widget-input-box .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-divider:after { background: #4e5c68; } .inverse-mode div + .widget-input, div + .widget-input.inverse-mode { border-color: #2d353c; } .widget-list .widget-list-item { display: table; width: 100%; background: #FFFFFF; text-decoration: none; color: #2d353c; } .widget-list .widget-list-item > div:first-child { padding-left: 15px; } .widget-list .widget-list-item > div:last-child { padding-right: 15px; } .widget-list .widget-list-item + .widget-list-item .widget-list-content, .widget-list .widget-list-item + .widget-list-item .widget-list-action { border-top: 1px solid #e4e7ea; } .widget-list .widget-list-item .widget-list-media { width: 70px; height: 60px; padding: 10px; display: table-cell; vertical-align: middle; } .widget-list .widget-list-item .widget-list-media + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-media.icon { width: 30px; height: 30px; padding-top: 5px; padding-bottom: 5px; } .widget-list .widget-list-item .widget-list-media.icon i { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 8px; } .widget-list .widget-list-item .widget-list-media img { max-width: 100%; max-height: 100%; } .widget-list .widget-list-item .widget-list-content { padding: 10px; display: table-cell; vertical-align: middle; } .widget-list .widget-list-item .widget-list-content + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-action { padding: 10px; display: table-cell; vertical-align: middle; width: 10%; padding-left: 15px; text-align: center; } .widget-list .widget-list-item .widget-list-action + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-title { font-size: 12px; line-height: 16px; margin: 0; } .widget-list .widget-list-item .widget-list-desc { font-size: 11px; margin: 0; color: #6f8293; } .widget-list.widget-list-rounded .widget-list-item:first-child, .widget-list.widget-list-rounded.widget-list-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .widget-list.widget-list-rounded .widget-list-item:last-child, .widget-list.widget-list-rounded.widget-list-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .inverse-mode.widget-list-item, .inverse-mode .widget-list-item { background: #2d353c; } .inverse-mode.widget-list-item + .widget-list-item .widget-list-content, .inverse-mode.widget-list-item + .widget-list-item .widget-list-action, .inverse-mode .widget-list-item + .widget-list-item .widget-list-content, .inverse-mode .widget-list-item + .widget-list-item .widget-list-action { border-color: #3d4852; } .inverse-mode.widget-list-item .widget-list-title, .inverse-mode .widget-list-item .widget-list-title { color: #FFFFFF; } .inverse-mode.widget-list-item .widget-list-desc, .inverse-mode .widget-list-item .widget-list-desc { color: #c6ced5; } .widget-map { background: #FFFFFF; } .widget-map.widget-map-rounded { border-radius: 4px; } .widget-map.inverse-mode { background: #2d353c; } .widget-stats, .widget.widget-stats { position: relative; color: #FFFFFF; padding: 15px; border-radius: 4px; } .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 { font-size: 12px; margin: 5px 0; color: rgba(255, 255, 255, 0.7); } .widget-stats .stats-info p, .widget.widget-stats .stats-info p { font-size: 24px; font-weight: 600; margin-bottom: 0; } .widget-stats .stats-link a, .widget.widget-stats .stats-link a { display: block; margin: 15px -15px -15px; padding: 7px 15px; background: rgba(0, 0, 0, 0.4); text-align: right; color: rgba(255, 255, 255, 0.7); text-decoration: none; } .widget-stats .stats-link a:hover, .widget-stats .stats-link a:focus, .widget.widget-stats .stats-link a:hover, .widget.widget-stats .stats-link a:focus { background: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .widget-stats .stats-icon, .widget.widget-stats .stats-icon { font-size: 42px; height: 56px; width: 56px; text-align: center; line-height: 56px; color: rgba(0, 0, 0, 0.15); position: absolute; right: 15px; top: 15px; margin-left: 15px; } .widget-stats .stats-icon.stats-icon-lg, .widget.widget-stats .stats-icon.stats-icon-lg { font-size: 128px; top: 15px; right: 0; color: #FFFFFF; width: 128px; height: 50px; line-height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.25); opacity: 0.15; } .widget-stats .stats-icon.stats-icon-lg i, .widget.widget-stats .stats-icon.stats-icon-lg i { position: relative; } .widget-stats .stats-icon.stats-icon-square, .widget.widget-stats .stats-icon.stats-icon-square { opacity: 1; font-size: 42px; top: 15px; right: 15px; height: 56px; width: 56px; text-align: center; line-height: 56px; margin-left: 15px; border-radius: 16px; } .widget-stats .stats-content, .widget.widget-stats .stats-content { position: relative; } .widget-stats .stats-title, .widget.widget-stats .stats-title { position: relative; margin: 0 0 2px; font-size: 12px; color: rgba(255, 255, 255, 0.7); } .widget-stats .stats-desc, .widget.widget-stats .stats-desc { margin: -5px 0 -3px; color: rgba(255, 255, 255, 0.7); } .widget-stats .stats-number, .widget.widget-stats .stats-number { font-size: 24px; margin-bottom: 15px; font-weight: 600; letter-spacing: 1px; } .widget-stats .stats-progress, .widget.widget-stats .stats-progress { background: rgba(0, 0, 0, 0.5); height: 2px; margin: 0 0 15px; border-radius: 4px; } .widget-stats .stats-progress .progress-bar, .widget.widget-stats .stats-progress .progress-bar { background: #FFFFFF; border-radius: 0 4px 4px 0; } .widget-stats .stats-progress.stats-progress-light, .widget.widget-stats .stats-progress.stats-progress-light { background: rgba(255, 255, 255, 0.3); } .widget-stats.text-inverse.stats-desc, .widget.widget-stats.text-inverse.stats-desc { letter-spacing: 0; font-weight: 400; color: rgba(0, 0, 0, 0.85); } .widget-stats.text-inverse.stats-title, .widget.widget-stats.text-inverse.stats-title { font-weight: 700; color: rgba(0, 0, 0, 0.85); } .widget-stats.text-inverse.stats-number, .widget.widget-stats.text-inverse.stats-number { letter-spacing: 0; font-weight: 400; } .widget-stats.bg-white .stats-progress, .widget.widget-stats.bg-white .stats-progress { background: rgba(0, 0, 0, 0.1); } .widget-stats.bg-white .stats-progress .progress-bar, .widget.widget-stats.bg-white .stats-progress .progress-bar { background: #2d353c; } .widget-table.table { background: #FFFFFF; border-radius: 4px; } .widget-table.table .widget-table-img { width: 100px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 4px; } .widget-table.table .widget-table-title { font-size: 14px; margin: 0; line-height: 20px; } .widget-table.table .widget-table-desc { margin: 0; font-size: 11px; line-height: 16px; color: #4e5c68; } .widget-table.table.table-bordered { border: none; } .widget-table.table.table-bordered > tbody > tr td:first-child { border-left: none; } .widget-table.table.table-bordered > tbody > tr td:last-child { border-right: none; } .widget-table.table.table-bordered > tbody > tr:last-child > td { border-bottom: none; } .widget-table.table.table-bordered > thead > tr th:first-child { border-left: none; } .widget-table.table.table-bordered > thead > tr th:last-child { border-right: none; } .widget-table.table.table-bordered > thead:first-child > tr:first-child > td, .widget-table.table.table-bordered > thead:first-child > tr:first-child > th { border-top: none; } .widget-table.table.inverse-mode { background: #2d353c; color: #c6ced5; } .widget-table.table.inverse-mode .widget-table-desc { color: #9ba8b4; } .widget-table.table.inverse-mode thead th { color: #FFFFFF; } .widget-table.table.inverse-mode thead > tr > th { border-bottom-color: #4e5c68 !important; } .widget-table.table.inverse-mode thead tr td, .widget-table.table.inverse-mode thead tr th, .widget-table.table.inverse-mode tbody tr td, .widget-table.table.inverse-mode tbody tr th, .widget-table.table.inverse-mode tfoot tr td, .widget-table.table.inverse-mode tfoot tr th { border-color: #3d4852; } .widget-todolist { background: #FFFFFF; } .widget-todolist:before, .widget-todolist:after { content: ""; display: table; clear: both; } .widget-todolist .widget-todolist-header { display: table; width: 100%; } .widget-todolist .widget-todolist-header .widget-todolist-header-left, .widget-todolist .widget-todolist-header .widget-todolist-header-right { display: table-cell; vertical-align: middle; padding: 10px 15px; } .widget-todolist .widget-todolist-header .widget-todolist-header-right { width: 1%; text-align: center; } .widget-todolist .widget-todolist-header .widget-todolist-header-title { margin: 0; font-size: 18px; font-weight: 400; } .widget-todolist .widget-todolist-header .widget-todolist-header-total { font-size: 18px; font-weight: 600; color: #2d353c; } .widget-todolist .widget-todolist-header .widget-todolist-header-total small { display: block; font-size: 10px; line-height: 1; } .widget-todolist .widget-todolist-body { padding: 3px 0; border-top: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea; margin-bottom: 20px; } .widget-todolist .widget-todolist-item { display: table; width: 100%; } .widget-todolist .widget-todolist-item .widget-todolist-icon { display: table-cell; padding: 10px 15px; vertical-align: middle; width: 1%; text-align: center; border-top: 1px solid #d5dbe0; } .widget-todolist .widget-todolist-item .widget-todolist-input { display: table-cell; padding: 10px 15px; vertical-align: middle; width: 45px; text-align: center; } .widget-todolist .widget-todolist-item .widget-todolist-input + div { padding-left: 0; } .widget-todolist .widget-todolist-item .widget-todolist-content { display: table-cell; padding: 10px 15px; vertical-align: middle; border-top: 1px solid #e4e7ea; } .widget-todolist .widget-todolist-item .widget-todolist-content .form-control { margin: -5px 0; border: none !important; padding-left: 0; background: none; box-shadow: none !important; border-radius: 0 !important; } .widget-todolist .widget-todolist-item .widget-todolist-title { font-size: 12px; margin: 0; } .widget-todolist .widget-todolist-item .widget-todolist-desc { font-size: 12px; margin: 0; } .widget-todolist .widget-todolist-item:first-child .widget-todolist-content, .widget-todolist .widget-todolist-item:first-child .widget-todolist-icon { border-top: none; } .widget-todolist.widget-todolist-rounded { border-radius: 4px; } .inverse-mode.widget-todolist { background: #2d353c; } .inverse-mode.widget-todolist .widget-todolist-header .widget-todolist-header-title, .inverse-mode.widget-todolist .widget-todolist-header .widget-todolist-header-total { color: #FFFFFF; } .inverse-mode.widget-todolist .widget-todolist-body { border-color: #3d4852; } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-title { color: #FFFFFF; } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control { color: #FFFFFF; } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-desc { color: #c6ced5; } .inverse-mode.widget-todolist .widget-todolist-item + .widget-todolist-item .widget-todolist-content, .inverse-mode.widget-todolist .widget-todolist-item + .widget-todolist-item .widget-todolist-icon { border-color: #3d4852; } .widget { overflow: hidden; margin-bottom: 20px; background: #FFFFFF; color: inherit; padding: 0; border-radius: 0; } .widget .widget-header { display: table; width: 100%; } .widget .widget-header .widget-header-title { font-size: 12px; margin: 0; line-height: 20px; width: 100%; display: table-cell; padding: 10px 15px; } .widget .widget-header .widget-header-icon { width: 1%; display: table-cell; padding: 10px 15px; } .widget .widget-header .widget-header-icon + .widget-header-icon { padding-left: 0; } .widget .widget-body { padding: 15px; } .widget.widget-rounded { border-radius: 4px; } .widget.inverse-mode { background: #2d353c; } .widget.inverse-mode .vertical-box.with-border-top { border-color: #4e5c68; } .widget.inverse-mode .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-color: #4e5c68; } .widget.inverse-mode hr { background: #4e5c68; } .apexcharts-canvas .apexcharts-tooltip { border: none !important; font-size: inherit; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { font-family: inherit !important; padding: 6px 12px; margin: 0; border: 0 !important; font-weight: 600; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker { width: 8px; height: 8px; margin-right: 5px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group { padding-left: 12px; padding-right: 12px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group { padding: 6px 0; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group + .apexcharts-tooltip-series-group { margin-top: -6px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group.active, .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group:last-child { padding-bottom: 0; } .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #f2f3f4; } .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-title { background: rgba(0, 0, 0, 0.5); } .apexcharts-canvas .apexcharts-xaxistooltip, .apexcharts-canvas .apexcharts-yaxistooltip { border: 0 !important; font-size: inherit; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); border-radius: 4px; } .apexcharts-canvas .apexcharts-xaxistooltip:after, .apexcharts-canvas .apexcharts-yaxistooltip:after { display: none; } .apexcharts-canvas .apexcharts-xaxistooltip.light, .apexcharts-canvas .apexcharts-yaxistooltip.light { background: #FFFFFF; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-top:before { border-top-color: #FFFFFF; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-bottom:before { border-bottom-color: #FFFFFF; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-left:before { border-left-color: #FFFFFF; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-right:before { border-right-color: #FFFFFF; } .apexcharts-canvas .apexcharts-xaxistooltip.dark, .apexcharts-canvas .apexcharts-yaxistooltip.dark { background: #1a2229; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-top:before { border-top-color: #1a2229; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-bottom:before { border-bottom-color: #1a2229; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-left:before { border-left-color: #1a2229; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-right:before { border-right-color: #1a2229; } .apexcharts-canvas .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-canvas .apexcharts-legend.left .apexcharts-legend-series, .apexcharts-canvas .apexcharts-legend.center .apexcharts-legend-series { padding: 5px 0; display: flex; align-items: center; } .apexcharts-canvas .apexcharts-legend.right .apexcharts-legend-series .apexcharts-legend-marker, .apexcharts-canvas .apexcharts-legend.left .apexcharts-legend-series .apexcharts-legend-marker, .apexcharts-canvas .apexcharts-legend.center .apexcharts-legend-series .apexcharts-legend-marker { margin-right: 5px; width: 8px !important; height: 8px !important; } .bootstrap-calendar .calendar { background: #FFFFFF; border: none; padding: 7px 0 10px; border-radius: 0; } .bootstrap-calendar .calendar .table.header { padding: 0; margin: 0 0 2px; position: relative; box-shadow: none; } .bootstrap-calendar .calendar .table.header td { width: 45px; padding: 5px 15px; vertical-align: middle; border: none; } .bootstrap-calendar .calendar .table.header td.year { width: calc(100% - 90px); } .bootstrap-calendar .calendar .table.header td .visualmonthyear { height: 100%; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; } .bootstrap-calendar .calendar .table.header td .icon-arrow-right, .bootstrap-calendar .calendar .table.header td .icon-arrow-left { cursor: pointer; font-size: 14px; height: 100%; color: #c6ced5; display: flex; align-items: center; justify-content: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .bootstrap-calendar .calendar .table.header td .icon-arrow-right:hover, .bootstrap-calendar .calendar .table.header td .icon-arrow-right:focus, .bootstrap-calendar .calendar .table.header td .icon-arrow-left:hover, .bootstrap-calendar .calendar .table.header td .icon-arrow-left:focus { color: #2d353c; } .bootstrap-calendar .calendar .table.header td .icon-arrow-left:before { content: "\f060"; } .bootstrap-calendar .calendar .table.header td .icon-arrow-right:before { content: "\f061"; } .bootstrap-calendar .calendar .table.daysmonth { margin: 0; } .bootstrap-calendar .calendar .table.daysmonth tr td { border: none; padding: 7px 10px; font-weight: 600; color: #6f8293; } .bootstrap-calendar .calendar .table.daysmonth tr td a { display: block; text-shadow: none; width: 26px; height: 26px; line-height: 26px; margin: -4px auto; border-radius: 20px; } .bootstrap-calendar .calendar .table.daysmonth tr td.event { background: none; box-shadow: none; } .bootstrap-calendar .calendar .table.daysmonth tr td.event a { color: #FFFFFF; } .bootstrap-calendar .calendar .table.daysmonth tr.week_days td { background: none; color: #4e5c68; font-weight: bold; } body .bootstrap-colorpalette .btn-color { width: 19px; height: 19px; border-radius: 4px; } body .bootstrap-colorpalette .btn-color:hover, body .bootstrap-colorpalette .btn-color:focus { outline: none; border: 1px solid rgba(0, 0, 0, 0.5) !important; } body .datetimepicker .prev:before, body .datetimepicker .next:before { display: none; } body .datetimepicker .datetimepicker-hours table, body .datetimepicker .datetimepicker-minutes table { min-width: 220px; } body .datetimepicker .glyphicon { font-size: 14px; color: #2d353c; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .datetimepicker .glyphicon.glyphicon-chevron-up:before { content: "\f106"; } body .datetimepicker .glyphicon.glyphicon-chevron-down:before { content: "\f107"; } body .datetimepicker .glyphicon.icon-arrow-left:before { content: "\f104"; } body .datetimepicker .glyphicon.icon-arrow-right:before { content: "\f105"; } body .datetimepicker .glyphicon.glyphicon-time:before { content: "\f017"; } body .datetimepicker .glyphicon.glyphicon-calendar:before { content: "\f133"; } body .datetimepicker.dropdown-menu { max-width: 320px; min-width: 200px; width: auto; padding: 5px; color: #2d353c; overflow: hidden; border-radius: 6px; } @media (max-width: 575.98px) { body .datetimepicker.dropdown-menu { max-width: 250px; } } body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today { padding: 5px; border-radius: 4px; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:focus { color: #2d353c; background: #f2f3f4; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.dow { padding: 5px; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td { padding: 0; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute { padding: 7px 9px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:focus { color: #2d353c; background: #f2f3f4; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active { color: #FFFFFF; background: #348fe2 !important; text-shadow: none; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:focus { text-shadow: none; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today { background: #e4e7ea; color: #2d353c; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today:before { border-bottom-color: #9ba8b4; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active { color: #FFFFFF; } body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active:before { border-bottom-color: #bad9f5; } body .datetimepicker.dropdown-menu > ul > li .datepicker { padding: 5px; width: 320px; } @media (max-width: 575.98px) { body .datetimepicker.dropdown-menu > ul > li .datepicker { width: 250px; } } body .datetimepicker.dropdown-menu > ul > li .timepicker { width: auto; } body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-hours, body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-minutes, body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker { padding: 5px; } body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker { width: 200px; margin: 0 auto; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td { padding: 0; height: auto; line-height: inherit; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute { padding: 10px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute:focus { color: #2d353c; background: #f2f3f4; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active { color: #FFFFFF; background: #2d353c !important; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active:focus { text-shadow: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-second, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.separator { width: 1%; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn { padding: 0; border: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span { padding: 10px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span:focus { background: #f2f3f4; color: #2d353c; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active { color: #FFFFFF; background: #2d353c !important; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active:focus { text-shadow: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary { padding: 5px 15px; background: #9ba8b4; margin-right: 5px; margin-left: 5px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:focus { background: #6f8293; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute { height: auto; line-height: 30px; border: 1px solid #d5dbe0; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:focus { background: none; border-color: #9ba8b4; } body .datetimepicker.dropdown-menu > ul > li.picker-switch { width: 100%; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td span { display: block; width: auto; margin: -1px 0 0; background: #f2f3f4; height: 36px; line-height: 36px; border-radius: 0; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td span:hover { background: #eceff1; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td a { text-decoration: none; } body .datetimepicker.dropdown-menu > ul > li.collapse.in { display: block; } body .datetimepicker.dropdown-menu.bottom:before { display: none; } body .datetimepicker.dropdown-menu.bottom:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #FFFFFF; top: -7px; left: 15px; } body .datetimepicker.dropdown-menu.bottom.pull-right:after { left: auto; right: 15px; } body .datetimepicker + .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } div .bootstrap-select .btn:focus, div .bootstrap-select .btn:active { outline: none !important; } div .bootstrap-select .btn.dropdown-toggle:after { content: ""; border: 5px solid transparent; border-top-color: rgba(255, 255, 255, 0.5); position: relative; top: 3px; } div .bootstrap-select .btn.btn-light, div .bootstrap-select .btn.btn-white { color: #7e8f9e !important; } div .bootstrap-select .btn.btn-light.dropdown-toggle:after, div .bootstrap-select .btn.btn-white.dropdown-toggle:after { border-top-color: rgba(45, 53, 60, 0.5); } div .bootstrap-select .btn.bs-placeholder { color: rgba(255, 255, 255, 0.75) !important; } div .bootstrap-select .btn.bs-placeholder:active, div .bootstrap-select .btn.bs-placeholder:hover, div .bootstrap-select .btn.bs-placeholder:focus { color: rgba(255, 255, 255, 0.75) !important; } div .bootstrap-select .dropdown-menu .bs-searchbox { padding: 0 8px 8px; } .icon-eye-open { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .icon-eye-close:before { content: "\f070"; } .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian { width: 40px; height: 34px; border: 1px solid #d5dbe0; padding: 6px; background: #FFFFFF; color: #2d353c; box-shadow: none; transition: all 0.2s linear; border-radius: 4px; } .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian:focus { border-color: #5db0ff; outline: none; box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } .bootstrap-timepicker-widget table tbody tr td .glyphicon { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-up:before { content: "\f077"; } .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-down:before { content: "\f078"; } .bootstrap-timepicker-widget table tbody tr td a { border: none; color: #6f8293; padding: 5px; border-radius: 4px !important; } .bootstrap-timepicker-widget table tbody tr td a:hover, .bootstrap-timepicker-widget table tbody tr td a:focus { background: #e4e7ea; color: #2d353c; } .bootstrap-timepicker-widget table tbody tr td.separator { padding: 0 5px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 5px !important; border-radius: 6px !important; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2) !important; } .bootstrap-timepicker-widget:before { display: none !important; } .bootstrap-timepicker-widget:after { left: 12px !important; top: -7px !important; border-width: 7px !important; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto !important; bottom: -7px; } .cke { border: none !important; } .cke .cke_top { border-color: #d5dbe0; background: #f2f4f5; } .cke .cke_top .cke_button_off:hover, .cke .cke_top .cke_button_off:focus, .cke .cke_top .cke_combo_button:hover, .cke .cke_top .cke_combo_button:focus { border-color: #d5dbe0; background: #d5dbe0; border-radius: 4px; } .cke .cke_top .cke_button_on, .cke .cke_top .cke_combo_on { background: #FFFFFF; border-color: #d5dbe0; border-radius: 4px; } .cke .cke_bottom { border-color: #d5dbe0; background: #f2f4f5; } .cke .cke_bottom .cke_resizer { border-right-color: #9ba8b4; } body .colorpicker { border: none; padding: 5px; z-index: 1010; border-radius: 4px; } body .colorpicker .colorpicker-hue, body .colorpicker .colorpicker-alpha { margin-bottom: 5px; margin-left: 5px; border-radius: 4px; box-shadow: none; } body .colorpicker .colorpicker-saturation { margin-bottom: 5px; border-radius: 4px; box-shadow: none; } body .colorpicker .colorpicker-saturation i { border-color: rgba(0, 0, 0, 0.25); } body .colorpicker .colorpicker-color, body .colorpicker .colorpicker-alpha { border-radius: 4px; box-shadow: none; } body .colorpicker .colorpicker-color div, body .colorpicker .colorpicker-alpha div { border-radius: 4px; box-shadow: none; } body .colorpicker .colorpicker-bar { margin-top: 5px; border-radius: 4px; box-shadow: none; } body .colorpicker .colorpicker-bar div { border-radius: 4px; box-shadow: none; } body .colorpicker:before { display: none; } body .colorpicker:after { border-width: 7px; top: -7px; } body .colorpicker.colorpicker-left:after { left: 12px; } body .colorpicker.colorpicker-right:after { right: 12px; } body .colorpicker.colorpicker-with-alpha { width: 168px; } body .colorpicker-component .input-group-addon { display: flex; align-items: center; } body .colorpicker-bs-popover .popover-body { padding: 5px; } body .colorpicker-bs-popover .popover-body .colorpicker-popup.colorpicker-bs-popover-content { padding: 0; } .combobox + .input-group-addon, .combobox + .typeahead + .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .combobox-container { width: 100%; } .combobox-container .input-group .combobox { width: auto; border: 1px solid #d5dbe0; background: #FFFFFF; display: block; height: 34px; padding: 6px 12px; color: #2d353c; flex: 1; border-radius: 4px 0 0 4px; transition: all 0.2s linear; } .combobox-container .input-group .combobox:focus { outline: none; border-color: #5db0ff !important; box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } .combobox-container .input-group .input-group-addon { width: 35px; } .combobox-container .input-group .input-group-addon .caret { margin: 0; } .combobox-container .input-group .input-group-addon .glyphicon { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .combobox-container .input-group .input-group-addon .glyphicon.glyphicon-remove:before { content: "\f00d"; } .combobox-container .input-group .input-group-addon.dropdown-toggle:before { display: none; } .combobox-container .input-group .typeahead.dropdown-menu > li > a { padding: 5px 15px; font-weight: 600; color: #4e5c68; text-decoration: none; display: block; } .combobox-container .input-group .typeahead.dropdown-menu > li > a:hover, .combobox-container .input-group .typeahead.dropdown-menu > li > a:focus { color: #2d353c; background: #f2f4f5; } body div.dt-autofill-background { z-index: 1030; } body div.dt-autofill-list { z-index: 1040; border: none; padding: 0; box-shadow: none; border-radius: 4px; } body div.dt-autofill-list ul > li { display: flex; flex: 1; } body div.dt-autofill-list ul > li .dt-autofill-question { padding: 15px; border-color: #d5dbe0; font-weight: 600; color: #4e5c68; flex: 1; display: flex; align-items: center; } body div.dt-autofill-list ul > li .dt-autofill-button { padding: 15px; width: 120px; border-color: #d5dbe0; } body div.dt-autofill-list ul > li .dt-autofill-button .btn { display: block; width: 100%; position: relative; color: transparent; background: #348fe2; border-color: #348fe2; } body div.dt-autofill-list ul > li .dt-autofill-button .btn:hover, body div.dt-autofill-list ul > li .dt-autofill-button .btn:focus { background: #1968b0; border-color: #1968b0; } body div.dt-autofill-list ul > li .dt-autofill-button .btn:before { content: "Fill This"; color: #FFFFFF; position: absolute; left: 0; right: 0; } body div.dt-autofill-list ul > li:first-child { border-radius: 4px 4px 0 0; } body div.dt-autofill-list ul > li:last-child { border-radius: 0 0 4px 4px; } body div.dt-autofill-list ul > li:hover, body div.dt-autofill-list ul > li:focus { background: #f2f4f5; } body div.dt-button-info { border: none; padding: 15px; background: rgba(45, 53, 60, 0.95); border-radius: 8px; box-shadow: none; } body div.dt-button-info h2 { border: none; background: none; padding: 0; font-weight: 600; margin: 0; font-size: 24px; color: #e4e7ea; } body div.dt-button-info > div { padding: 0; margin-top: 5px; font-size: 12px; font-weight: 600; color: #9ba8b4; } body div.DTCR_pointer { width: 2px; background: #348fe2; margin-left: -1px; } body table.dataTable { border-collapse: collapse !important; } body table.dataTable thead tr th.sorting:before, body table.dataTable thead tr th.sorting_asc:before, body table.dataTable thead tr th.sorting_desc:before { display: none; } body table.dataTable thead tr th.sorting:after, body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after { opacity: 1; color: #c6ced5; bottom: 8px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body table.dataTable thead tr th.sorting:after { content: "\f0dc"; } body table.dataTable thead tr th.sorting_asc:after { content: "\f0dd"; color: #348fe2; } body table.dataTable thead tr th.sorting_desc:after { content: "\f0de"; color: #348fe2; } body table.dataTable thead tr th:focus { outline: none; } body table.dataTable tbody tr td.focus { outline: none; z-index: 10; position: relative; box-shadow: inset 0 0 0 2px #348fe2; } body table.dataTable tbody tr td:focus { outline: none; } body table.dataTable tbody tr.selected td { background: #fff7cc; color: #665700; font-weight: 600; } body table.dataTable tbody tr.dt-rowReorder-moving { outline: 2px solid #9ba8b4; } body table.dataTable.fixedHeader-floating { z-index: 1030; } body table.dataTable.dt-rowReorder-float { outline: 2px solid #348fe2; } body table.dataTable.collapsed tbody tr td .dtr-details > li { border-bottom: 1px solid #d5dbe0; } body table.dataTable.collapsed tbody tr td:first-child:before { background: #d5dbe0 !important; color: #4e5c68 !important; border: none !important; top: 10px !important; left: 8px !important; line-height: 16px !important; font-weight: bold !important; height: 16px !important; width: 16px !important; text-align: center !important; text-indent: 0 !important; font-size: 14px !important; box-shadow: none !important; border-radius: 3px !important; } body .DTFC_ScrollWrapper { margin: 0 0 15px; } body .DTFC_ScrollWrapper .dataTables_scroll .dataTable, body .DTFC_ScrollWrapper .DTFC_LeftWrapper .dataTable, body .DTFC_ScrollWrapper .DTFC_RightWrapper .dataTable { margin: 0 !important; } body .DTFC_ScrollWrapper .dataTables_scrollBody .dataTable, body .DTFC_ScrollWrapper .DTFC_LeftBodyWrapper .dataTable, body .DTFC_ScrollWrapper .DTFC_RightBodyWrapper .dataTable { border-bottom: none !important; } body .DTFC_ScrollWrapper .dataTables_scrollBody .dataTable thead tr th, body .DTFC_ScrollWrapper .DTFC_LeftBodyWrapper .dataTable thead tr th, body .DTFC_ScrollWrapper .DTFC_RightBodyWrapper .dataTable thead tr th { border: none !important; } body .DTFC_ScrollWrapper .dataTables_scroll { border-bottom: 1px solid #e4e7ea; } .dataTables_wrapper.dt-bootstrap, .dataTables_wrapper.dt-bootstrap4 { display: block; } .dataTables_wrapper.dt-bootstrap .dataTables_length, .dataTables_wrapper.dt-bootstrap4 .dataTables_length { margin-bottom: 15px; } .dataTables_wrapper.dt-bootstrap .dataTables_length .custom-select, .dataTables_wrapper.dt-bootstrap4 .dataTables_length .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_length, .dataTables_wrapper.dt-bootstrap4 .dataTables_length { display: inline-flex; } } @media (min-width: 768px) { .dataTables_wrapper.dt-bootstrap .dataTables_length + .dt-buttons, .dataTables_wrapper.dt-bootstrap4 .dataTables_length + .dt-buttons { margin-left: 10px; } } .dataTables_wrapper.dt-bootstrap .dataTables_length label, .dataTables_wrapper.dt-bootstrap4 .dataTables_length label { margin-left: auto; color: #4e5c68; font-weight: 600; margin: 0; display: flex; align-items: center; justify-content: center; } .dataTables_wrapper.dt-bootstrap .dataTables_length label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_length label .form-control { display: block; margin: 0 8px; height: 34px; } .dataTables_wrapper.dt-bootstrap .dataTables_filter, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter { margin-bottom: 15px; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_filter, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter { float: right; display: inline-flex; } } .dataTables_wrapper.dt-bootstrap .dataTables_filter label, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label { color: #4e5c68; font-weight: 600; margin: 0; display: flex; align-items: center; justify-content: center; } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control { display: block; margin-left: 8px; width: 260px; height: 34px; } @media (max-width: 991.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control { width: 100%; } } .dataTables_wrapper.dt-bootstrap .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTable { margin: 0 0 15px !important; } .dataTables_wrapper.dt-bootstrap .dataTables_info, .dataTables_wrapper.dt-bootstrap4 .dataTables_info { font-weight: 600; color: #6f8293; } @media (max-width: 575.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_info, .dataTables_wrapper.dt-bootstrap4 .dataTables_info { padding-bottom: 8px; } } .dataTables_wrapper.dt-bootstrap .dataTables_paginate, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate { display: flex; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination { margin-left: auto; } } @media (max-width: 575.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination { margin-left: auto; margin-right: auto; } } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a { position: relative; display: block; padding: 8px 12px; margin-left: -1px; line-height: 1.25; color: #6f8293; background-color: #FFFFFF; border: 1px solid #d5dbe0; font-weight: 600; text-decoration: none; outline: none; border-radius: 4px; } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a:hover, .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a:focus, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a:hover, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a:focus { color: #2d353c; background: #f2f4f5; } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.active a { border-color: #348fe2; background: #348fe2; color: #FFFFFF; } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.disabled a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.disabled a { color: #9ba8b4 !important; pointer-events: none; cursor: auto; background-color: #FFFFFF !important; border-color: #d5dbe0 !important; } .dataTables_wrapper.dt-bootstrap .dt-autofill-handle, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-handle { background: #348fe2; border-color: #348fe2; margin-left: 1px; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select { background: #348fe2; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.left, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.left { margin-left: 1px; margin-top: 0; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.top, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.top { margin-left: 1px; margin-top: 0; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.right, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.right { margin-left: -1px; margin-top: 0; margin-bottom: -1px; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.bottom, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.bottom { margin-left: 1px; margin-top: -2px; } .dataTables_wrapper.dt-bootstrap .dt-buttons, .dataTables_wrapper.dt-bootstrap4 .dt-buttons { margin-bottom: 15px; } .dataTables_wrapper.dt-bootstrap .dt-buttons .btn, .dataTables_wrapper.dt-bootstrap4 .dt-buttons .btn { padding: 6px 12px; line-height: 20px; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll { margin: 0 0 15px !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTable { margin: 0 !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTables_scrollBody .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTables_scrollBody .dataTable { border-bottom: none !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th { border: none !important; } .dataTables_wrapper.dt-bootstrap.DTS .dataTables_scroll .dataTables_scrollBody, .dataTables_wrapper.dt-bootstrap4.DTS .dataTables_scroll .dataTables_scrollBody { border-bottom: 1px solid #e4e7ea; } body .datepicker { color: #2d353c; border-radius: 8px; } body .datepicker table { width: 100%; } body .datepicker table tfoot .today:hover, body .datepicker table tfoot .today:focus { background: #f2f4f5; } body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch { line-height: 20px; padding: 5px; border-radius: 4px; } body .datepicker .datepicker-days table thead tr th.prev:hover, body .datepicker .datepicker-days table thead tr th.prev:focus, body .datepicker .datepicker-days table thead tr th.next:hover, body .datepicker .datepicker-days table thead tr th.next:focus, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-months table thead tr th.prev:hover, body .datepicker .datepicker-months table thead tr th.prev:focus, body .datepicker .datepicker-months table thead tr th.next:hover, body .datepicker .datepicker-months table thead tr th.next:focus, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-years table thead tr th.prev:hover, body .datepicker .datepicker-years table thead tr th.prev:focus, body .datepicker .datepicker-years table thead tr th.next:hover, body .datepicker .datepicker-years table thead tr th.next:focus, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-decades table thead tr th.prev:hover, body .datepicker .datepicker-decades table thead tr th.prev:focus, body .datepicker .datepicker-decades table thead tr th.next:hover, body .datepicker .datepicker-decades table thead tr th.next:focus, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-centuries table thead tr th.prev:hover, body .datepicker .datepicker-centuries table thead tr th.prev:focus, body .datepicker .datepicker-centuries table thead tr th.next:hover, body .datepicker .datepicker-centuries table thead tr th.next:focus, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus { background: #f2f4f5; } body .datepicker .datepicker-days table thead tr th.prev:hover:before, body .datepicker .datepicker-days table thead tr th.prev:focus:before, body .datepicker .datepicker-days table thead tr th.next:hover:before, body .datepicker .datepicker-days table thead tr th.next:focus:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-months table thead tr th.prev:hover:before, body .datepicker .datepicker-months table thead tr th.prev:focus:before, body .datepicker .datepicker-months table thead tr th.next:hover:before, body .datepicker .datepicker-months table thead tr th.next:focus:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-years table thead tr th.prev:hover:before, body .datepicker .datepicker-years table thead tr th.prev:focus:before, body .datepicker .datepicker-years table thead tr th.next:hover:before, body .datepicker .datepicker-years table thead tr th.next:focus:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-decades table thead tr th.prev:hover:before, body .datepicker .datepicker-decades table thead tr th.prev:focus:before, body .datepicker .datepicker-decades table thead tr th.next:hover:before, body .datepicker .datepicker-decades table thead tr th.next:focus:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-centuries table thead tr th.prev:hover:before, body .datepicker .datepicker-centuries table thead tr th.prev:focus:before, body .datepicker .datepicker-centuries table thead tr th.next:hover:before, body .datepicker .datepicker-centuries table thead tr th.next:focus:before, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus:before { color: #2d353c; } body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-centuries table thead tr th.next { color: transparent; width: 14.28%; position: relative; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-centuries table thead tr th.next:before { color: #6f8293; position: absolute; font-size: 14px; height: 14px; top: 50%; margin-top: -7px; line-height: 1; } body .datepicker .datepicker-days table thead tr th.prev i, body .datepicker .datepicker-days table thead tr th.next i, body .datepicker .datepicker-months table thead tr th.prev i, body .datepicker .datepicker-months table thead tr th.next i, body .datepicker .datepicker-years table thead tr th.prev i, body .datepicker .datepicker-years table thead tr th.next i, body .datepicker .datepicker-decades table thead tr th.prev i, body .datepicker .datepicker-decades table thead tr th.next i, body .datepicker .datepicker-centuries table thead tr th.prev i, body .datepicker .datepicker-centuries table thead tr th.next i { display: none; } body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-centuries table thead tr th.prev:before { content: "\f104"; } body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-centuries table thead tr th.next:before { content: "\f105"; } body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch { width: auto; } body .datepicker .datepicker-days table thead tr th.dow, body .datepicker .datepicker-months table thead tr th.dow, body .datepicker .datepicker-years table thead tr th.dow, body .datepicker .datepicker-decades table thead tr th.dow, body .datepicker .datepicker-centuries table thead tr th.dow { padding: 5px 0; } body .datepicker .datepicker-days table tbody tr td, body .datepicker .datepicker-months table tbody tr td, body .datepicker .datepicker-years table tbody tr td, body .datepicker .datepicker-decades table tbody tr td, body .datepicker .datepicker-centuries table tbody tr td { padding: 5px; } body .datepicker .datepicker-days table tbody tr td span.decade, body .datepicker .datepicker-days table tbody tr td span.year, body .datepicker .datepicker-days table tbody tr td span.month, body .datepicker .datepicker-days table tbody tr td span.century, body .datepicker .datepicker-months table tbody tr td span.decade, body .datepicker .datepicker-months table tbody tr td span.year, body .datepicker .datepicker-months table tbody tr td span.month, body .datepicker .datepicker-months table tbody tr td span.century, body .datepicker .datepicker-years table tbody tr td span.decade, body .datepicker .datepicker-years table tbody tr td span.year, body .datepicker .datepicker-years table tbody tr td span.month, body .datepicker .datepicker-years table tbody tr td span.century, body .datepicker .datepicker-decades table tbody tr td span.decade, body .datepicker .datepicker-decades table tbody tr td span.year, body .datepicker .datepicker-decades table tbody tr td span.month, body .datepicker .datepicker-decades table tbody tr td span.century, body .datepicker .datepicker-centuries table tbody tr td span.decade, body .datepicker .datepicker-centuries table tbody tr td span.year, body .datepicker .datepicker-centuries table tbody tr td span.month, body .datepicker .datepicker-centuries table tbody tr td span.century { font-weight: 600; color: #6f8293; text-shadow: none; border-radius: 4px; } body .datepicker .datepicker-days table tbody tr td span.decade:hover, body .datepicker .datepicker-days table tbody tr td span.decade:focus, body .datepicker .datepicker-days table tbody tr td span.year:hover, body .datepicker .datepicker-days table tbody tr td span.year:focus, body .datepicker .datepicker-days table tbody tr td span.month:hover, body .datepicker .datepicker-days table tbody tr td span.month:focus, body .datepicker .datepicker-days table tbody tr td span.century:hover, body .datepicker .datepicker-days table tbody tr td span.century:focus, body .datepicker .datepicker-months table tbody tr td span.decade:hover, body .datepicker .datepicker-months table tbody tr td span.decade:focus, body .datepicker .datepicker-months table tbody tr td span.year:hover, body .datepicker .datepicker-months table tbody tr td span.year:focus, body .datepicker .datepicker-months table tbody tr td span.month:hover, body .datepicker .datepicker-months table tbody tr td span.month:focus, body .datepicker .datepicker-months table tbody tr td span.century:hover, body .datepicker .datepicker-months table tbody tr td span.century:focus, body .datepicker .datepicker-years table tbody tr td span.decade:hover, body .datepicker .datepicker-years table tbody tr td span.decade:focus, body .datepicker .datepicker-years table tbody tr td span.year:hover, body .datepicker .datepicker-years table tbody tr td span.year:focus, body .datepicker .datepicker-years table tbody tr td span.month:hover, body .datepicker .datepicker-years table tbody tr td span.month:focus, body .datepicker .datepicker-years table tbody tr td span.century:hover, body .datepicker .datepicker-years table tbody tr td span.century:focus, body .datepicker .datepicker-decades table tbody tr td span.decade:hover, body .datepicker .datepicker-decades table tbody tr td span.decade:focus, body .datepicker .datepicker-decades table tbody tr td span.year:hover, body .datepicker .datepicker-decades table tbody tr td span.year:focus, body .datepicker .datepicker-decades table tbody tr td span.month:hover, body .datepicker .datepicker-decades table tbody tr td span.month:focus, body .datepicker .datepicker-decades table tbody tr td span.century:hover, body .datepicker .datepicker-decades table tbody tr td span.century:focus, body .datepicker .datepicker-centuries table tbody tr td span.decade:hover, body .datepicker .datepicker-centuries table tbody tr td span.decade:focus, body .datepicker .datepicker-centuries table tbody tr td span.year:hover, body .datepicker .datepicker-centuries table tbody tr td span.year:focus, body .datepicker .datepicker-centuries table tbody tr td span.month:hover, body .datepicker .datepicker-centuries table tbody tr td span.month:focus, body .datepicker .datepicker-centuries table tbody tr td span.century:hover, body .datepicker .datepicker-centuries table tbody tr td span.century:focus { background: #f2f4f5; } body .datepicker .datepicker-days table tbody tr td span.decade.focused, body .datepicker .datepicker-days table tbody tr td span.year.focused, body .datepicker .datepicker-days table tbody tr td span.month.focused, body .datepicker .datepicker-days table tbody tr td span.century.focused, body .datepicker .datepicker-months table tbody tr td span.decade.focused, body .datepicker .datepicker-months table tbody tr td span.year.focused, body .datepicker .datepicker-months table tbody tr td span.month.focused, body .datepicker .datepicker-months table tbody tr td span.century.focused, body .datepicker .datepicker-years table tbody tr td span.decade.focused, body .datepicker .datepicker-years table tbody tr td span.year.focused, body .datepicker .datepicker-years table tbody tr td span.month.focused, body .datepicker .datepicker-years table tbody tr td span.century.focused, body .datepicker .datepicker-decades table tbody tr td span.decade.focused, body .datepicker .datepicker-decades table tbody tr td span.year.focused, body .datepicker .datepicker-decades table tbody tr td span.month.focused, body .datepicker .datepicker-decades table tbody tr td span.century.focused, body .datepicker .datepicker-centuries table tbody tr td span.decade.focused, body .datepicker .datepicker-centuries table tbody tr td span.year.focused, body .datepicker .datepicker-centuries table tbody tr td span.month.focused, body .datepicker .datepicker-centuries table tbody tr td span.century.focused { background: #e4e7ea; color: #2d353c; } body .datepicker .datepicker-days table tbody tr td span.decade.active, body .datepicker .datepicker-days table tbody tr td span.year.active, body .datepicker .datepicker-days table tbody tr td span.month.active, body .datepicker .datepicker-days table tbody tr td span.century.active, body .datepicker .datepicker-months table tbody tr td span.decade.active, body .datepicker .datepicker-months table tbody tr td span.year.active, body .datepicker .datepicker-months table tbody tr td span.month.active, body .datepicker .datepicker-months table tbody tr td span.century.active, body .datepicker .datepicker-years table tbody tr td span.decade.active, body .datepicker .datepicker-years table tbody tr td span.year.active, body .datepicker .datepicker-years table tbody tr td span.month.active, body .datepicker .datepicker-years table tbody tr td span.century.active, body .datepicker .datepicker-decades table tbody tr td span.decade.active, body .datepicker .datepicker-decades table tbody tr td span.year.active, body .datepicker .datepicker-decades table tbody tr td span.month.active, body .datepicker .datepicker-decades table tbody tr td span.century.active, body .datepicker .datepicker-centuries table tbody tr td span.decade.active, body .datepicker .datepicker-centuries table tbody tr td span.year.active, body .datepicker .datepicker-centuries table tbody tr td span.month.active, body .datepicker .datepicker-centuries table tbody tr td span.century.active { background: #348fe2 !important; color: #FFFFFF; } body .datepicker .datepicker-days table tbody tr td.day, body .datepicker .datepicker-months table tbody tr td.day, body .datepicker .datepicker-years table tbody tr td.day, body .datepicker .datepicker-decades table tbody tr td.day, body .datepicker .datepicker-centuries table tbody tr td.day { font-weight: 600; color: #4e5c68; padding: 5px; border-radius: 4px; } body .datepicker .datepicker-days table tbody tr td.day:hover, body .datepicker .datepicker-days table tbody tr td.day:focus, body .datepicker .datepicker-days table tbody tr td.day.selected, body .datepicker .datepicker-days table tbody tr td.day.highlighted, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day:hover, body .datepicker .datepicker-months table tbody tr td.day:focus, body .datepicker .datepicker-months table tbody tr td.day.selected, body .datepicker .datepicker-months table tbody tr td.day.highlighted, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day:hover, body .datepicker .datepicker-years table tbody tr td.day:focus, body .datepicker .datepicker-years table tbody tr td.day.selected, body .datepicker .datepicker-years table tbody tr td.day.highlighted, body .datepicker .datepicker-years table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day:hover, body .datepicker .datepicker-decades table tbody tr td.day:focus, body .datepicker .datepicker-decades table tbody tr td.day.selected, body .datepicker .datepicker-decades table tbody tr td.day.highlighted, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-centuries table tbody tr td.day:hover, body .datepicker .datepicker-centuries table tbody tr td.day:focus, body .datepicker .datepicker-centuries table tbody tr td.day.selected, body .datepicker .datepicker-centuries table tbody tr td.day.highlighted, body .datepicker .datepicker-centuries table tbody tr td.day.range { background: #f2f4f5; text-shadow: none; } body .datepicker .datepicker-days table tbody tr td.day.today, body .datepicker .datepicker-months table tbody tr td.day.today, body .datepicker .datepicker-years table tbody tr td.day.today, body .datepicker .datepicker-decades table tbody tr td.day.today, body .datepicker .datepicker-centuries table tbody tr td.day.today { background: #e4e7ea !important; color: #2d353c; } body .datepicker .datepicker-days table tbody tr td.day.active, body .datepicker .datepicker-months table tbody tr td.day.active, body .datepicker .datepicker-years table tbody tr td.day.active, body .datepicker .datepicker-decades table tbody tr td.day.active, body .datepicker .datepicker-centuries table tbody tr td.day.active { background: #348fe2 !important; color: #FFFFFF; text-shadow: none !important; } body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-centuries table tbody tr td.day.range { border-radius: 0; } body .datepicker .datepicker-days table tbody tr td.day.range-start, body .datepicker .datepicker-months table tbody tr td.day.range-start, body .datepicker .datepicker-years table tbody tr td.day.range-start, body .datepicker .datepicker-decades table tbody tr td.day.range-start, body .datepicker .datepicker-centuries table tbody tr td.day.range-start { border-radius: 4px 0 0 4px; } body .datepicker .datepicker-days table tbody tr td.day.range-end, body .datepicker .datepicker-months table tbody tr td.day.range-end, body .datepicker .datepicker-years table tbody tr td.day.range-end, body .datepicker .datepicker-decades table tbody tr td.day.range-end, body .datepicker .datepicker-centuries table tbody tr td.day.range-end { border-radius: 0 4px 4px 0; } body .datepicker .datepicker-days table tbody tr td.day.old, body .datepicker .datepicker-months table tbody tr td.day.old, body .datepicker .datepicker-years table tbody tr td.day.old, body .datepicker .datepicker-decades table tbody tr td.day.old, body .datepicker .datepicker-centuries table tbody tr td.day.old { color: #c6ced5; } body .datepicker .datepicker-days table tbody tr td.day.new, body .datepicker .datepicker-months table tbody tr td.day.new, body .datepicker .datepicker-years table tbody tr td.day.new, body .datepicker .datepicker-decades table tbody tr td.day.new, body .datepicker .datepicker-centuries table tbody tr td.day.new { color: #9ba8b4; } body .datepicker .datepicker-days table tbody tr td.day.disabled, body .datepicker .datepicker-months table tbody tr td.day.disabled, body .datepicker .datepicker-years table tbody tr td.day.disabled, body .datepicker .datepicker-decades table tbody tr td.day.disabled, body .datepicker .datepicker-centuries table tbody tr td.day.disabled { color: #c6ced5; } body .datepicker .datepicker-days table tbody tr td.day.disabled:hover, body .datepicker .datepicker-days table tbody tr td.day.disabled:focus, body .datepicker .datepicker-months table tbody tr td.day.disabled:hover, body .datepicker .datepicker-months table tbody tr td.day.disabled:focus, body .datepicker .datepicker-years table tbody tr td.day.disabled:hover, body .datepicker .datepicker-years table tbody tr td.day.disabled:focus, body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover, body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus, body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover, body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus { background: none; } body .datepicker.datepicker-inline { display: block; width: auto; padding: 0; } body .datepicker.dropdown-menu { min-width: 250px; width: 320px; border: none; font-family: inherit; font-size: 12px; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); } @media (max-width: 575.98px) { body .datepicker.dropdown-menu { width: 250px; } } body .datepicker.dropdown-menu:before { display: none; } body .datepicker.dropdown-menu.datepicker-orient-left:after { left: 15px; } body .datepicker.dropdown-menu.datepicker-orient-right:after { right: 15px; } body .datepicker.dropdown-menu.datepicker-orient-top { margin-bottom: 7px; } body .datepicker.dropdown-menu.datepicker-orient-bottom { margin-top: 7px; } .datepicker .input-daterange .input-group-addon { margin: 0; font-weight: 600; background: #d5dbe0; color: #6f8293; display: flex; align-items: center; border-radius: 0; } .datepicker .input-daterange .input-group-addon + .form-control { border-radius: 0 4px 4px 0; } body .input-daterange .input-group-addon { font-size: 12px; line-height: 1; min-width: 30px; display: flex; align-items: center; justify-content: center; } body .daterangepicker { z-index: 1020; border: none; font-family: inherit; border-radius: 6px; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); } body .daterangepicker:before { display: none; } body .daterangepicker:after { border-width: 7px; top: -7px; left: 10px; } body .daterangepicker .drp-calendar { max-width: inherit; padding: 15px; } body .daterangepicker .drp-calendar .calendar-table table thead tr th { min-width: auto; width: auto; height: auto; line-height: 1; padding: 7px 7px; color: #2d353c; font-weight: bold; border: none; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span { border-color: #2d353c; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:hover, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:hover, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:focus { background: #f2f3f4; color: #2d353c; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect { border-color: #d5dbe0; background: #FFFFFF; border-radius: 4px; transition: all 0.2s linear; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect:focus { outline: none; border-color: #5db0ff; box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } body .daterangepicker .drp-calendar .calendar-table table thead tr:last-child th { padding-bottom: 14px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td { min-width: auto; width: auto; height: auto; line-height: 1; padding: 7px 9px; font-weight: 600; color: #2d353c; border: none; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available { border-radius: 4px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:hover, body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:focus { background: #f2f3f4; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range { background: #e7f1fc; color: #10416d; border-radius: 0; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.active { background: #348fe2; color: #FFFFFF; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.start-date { border-radius: 4px 0 0 4px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.end-date { border-radius: 0 4px 4px 0; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.off { background: none; color: #c6ced5; } body .daterangepicker .drp-calendar.left { padding: 10px !important; } body .daterangepicker .drp-calendar.left .calendar-table { padding: 0 !important; } body .daterangepicker .drp-calendar.right { padding: 10px !important; border-left: 1px solid #d5dbe0; } @media (max-width: 575.98px) { body .daterangepicker .drp-calendar.right { border-left: none; border-top: 1px solid #d5dbe0; } } body .daterangepicker .drp-buttons { padding: 10px; border-color: #d5dbe0; } body .daterangepicker .drp-buttons .drp-selected { font-weight: 600; color: #6f8293; } body .daterangepicker .ranges { display: none; } body .daterangepicker.show-ranges .ranges { position: relative; display: block; } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges { float: none; margin: 0; padding: 10px; border-bottom: 1px solid #d5dbe0; overflow: scroll; max-width: 560px; } } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges ul { width: auto; white-space: nowrap; padding-right: 10px; display: flex; flex-wrap: nowrap; } } body .daterangepicker.show-ranges .ranges ul li { font-weight: 600; color: #6f8293; } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges ul li { margin-right: 10px !important; border-radius: 4px; } } body .daterangepicker.show-ranges .ranges ul li:hover, body .daterangepicker.show-ranges .ranges ul li:focus { background: #f2f3f4; color: #2d353c; } body .daterangepicker.show-ranges .ranges ul li.active { background: #348fe2; color: #FFFFFF; margin-right: -1px; } body .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #d5dbe0; } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .drp-calendar.left { border-left: none; } } .dropzone { border: 2px dashed #c6ced5 !important; background: none !important; } .dropzone .dz-message { font-weight: 300 !important; color: inherit !important; font-size: 28px !important; text-align: center !important; margin: 45px 0 !important; } .dropzone .dz-message .dz-note { font-size: 14px !important; font-weight: normal !important; display: block !important; margin-top: 20px; color: #6f8293; } .dropzone .dz-preview .dz-image { border-radius: 6px !important; } .dropzone .dz-preview .dz-error-message { background: #ff5b57 !important; } .dropzone .dz-preview .dz-error-message:after { border-bottom-color: #ff5b57 !important; } .dropzone .dz-preview .dz-details .dz-size span, .dropzone .dz-preview .dz-details .dz-filename span { background: none !important; } .dropzone .dz-preview .dz-error-mark { z-index: 1020 !important; } .dropzone .dz-preview .dz-error-mark:before { content: "\f00d"; width: 54px; height: 54px; background: #c6ced5; font-size: 28px; color: #6f8293; display: flex; align-items: center; justify-content: center; border-radius: 40px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .dropzone .dz-preview .dz-error-mark:hover:before, .dropzone .dz-preview .dz-error-mark:focus:before { background: #9ba8b4; color: #4e5c68; } .dropzone .dz-preview .dz-error-mark svg { display: none !important; } .dropzone .dz-preview.dz-file-preview .dz-image { background: #f2f3f4 !important; border-radius: 4px !important; } .dropzone .dz-preview.dz-image-preview { background: none !important; } .dropzone.dz-clickable:hover, .dropzone.dz-clickable:focus { background: #f2f3f4 !important; } .dropzone.dz-clickable .dz-message { cursor: pointer; } .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-clickable.dz-started:hover, .dropzone.dz-clickable.dz-started:focus { background: none !important; } .inverse-mode .dropzone { border-color: rgba(255, 255, 255, 0.25) !important; } .inverse-mode .dropzone .dz-clickable:hover, .inverse-mode .dropzone .dz-clickable:focus { background: rgba(255, 255, 255, 0.15) !important; } .inverse-mode .dropzone .dz-message { color: inherit !important; } .inverse-mode .dropzone .dz-message .dz-note { color: rgba(255, 255, 255, 0.75) !important; } body .bootstrap-datetimepicker-widget .prev:before, body .bootstrap-datetimepicker-widget .next:before { display: none; } body .bootstrap-datetimepicker-widget .glyphicon { font-size: 14px; color: #2d353c; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up:before { content: "\f106"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down:before { content: "\f107"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before { content: "\f104"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before { content: "\f105"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-time:before { content: "\f017"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-calendar:before { content: "\f133"; } body .bootstrap-datetimepicker-widget.dropdown-menu { max-width: 320px; min-width: 200px; width: auto; padding: 0; color: #2d353c; overflow: hidden; border-radius: 6px; } @media (max-width: 575.98px) { body .bootstrap-datetimepicker-widget.dropdown-menu { max-width: 250px; } } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker { padding: 5px; width: 320px; } @media (max-width: 575.98px) { body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker { width: 250px; } } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next { padding: 5px; border-radius: 4px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next:focus { color: #2d353c; background: #f2f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.dow { padding: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td { padding: 0; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute { padding: 7px 9px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute:focus { color: #2d353c; background: #f2f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active { color: #FFFFFF; background: #348fe2 !important; text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active:focus { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today { background: #e4e7ea; color: #2d353c; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today:before { border-bottom-color: #9ba8b4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today.active { color: #FFFFFF; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today.active:before { border-bottom-color: #bad9f5; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker { width: auto; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-hours, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-minutes, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-picker { padding: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-picker { width: 200px; margin: 0 auto; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td { padding: 0; height: auto; line-height: inherit; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute { padding: 10px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute:focus { color: #2d353c; background: #f2f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active { color: #FFFFFF; background: #2d353c !important; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active:focus { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.separator { width: 1%; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn { padding: 0; border: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span { padding: 10px; height: auto; line-height: 16px !important; color: #6f8293; font-weight: 600; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span:focus { background: #f2f3f4; color: #2d353c; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active { color: #FFFFFF; background: #2d353c !important; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active:focus { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-second { border: 1px solid #d5dbe0; display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary { padding: 5px 15px; background: #9ba8b4; margin-right: 5px; margin-left: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:focus { background: #6f8293; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute { height: auto; line-height: 30px; border: 1px solid #d5dbe0; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:focus { background: none; border-color: #9ba8b4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch { width: 100%; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td span { display: block; width: auto; margin: -1px 0 0; background: #f2f3f4; height: 36px; line-height: 36px; border-radius: 0; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td span:hover { background: #eceff1; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td a { text-decoration: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.collapse.in { display: block; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { display: none; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #FFFFFF; top: -7px; left: 15px; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom.pull-right:after { left: auto; right: 15px; } body .bootstrap-datetimepicker-widget + .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .legend { background: rgba(255, 255, 255, 0.9); border: 1px solid #dee2e6; z-index: 1020; } .legend .legendLayer .background { fill: none; } .flot-text .tickLabel { color: #2d353c; font-size: 12px; font-weight: 600; } .flot-tooltip { position: absolute; display: none; border: 0; padding: 6px 10px; color: rgba(255, 255, 255, 0.9); font-weight: 600; font-size: 11px; background: rgba(26, 34, 41, 0.85); z-index: 10000 !important; border-radius: 4px; } .fc .fc-toolbar.fc-toolbar-chunk { margin-bottom: 0; } .fc .fc-toolbar.fc-toolbar-chunk:before, .fc .fc-toolbar.fc-toolbar-chunk:after { content: ""; display: table; clear: both; } .fc .fc-toolbar.fc-toolbar-chunk h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group { margin-bottom: 10px; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button { text-shadow: none; background: #FFFFFF; text-transform: capitalize; font-weight: 600; border: none; padding: 6px 12px; height: auto; color: #9ba8b4; margin: 0; box-shadow: none; transition: all 0.1s linear; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button + .fc-button { margin-left: 1px; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button .fc-icon { margin: 0 -3px; top: 0; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button .fc-icon .fc-icon-left-single-arrow { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button .fc-icon .fc-icon-left-single-arrow:after { content: "\f0d9"; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button .fc-icon .fc-icon-right-single-arrow { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button .fc-icon .fc-icon-right-single-arrow:after { content: "\f0da"; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-state-disabled { opacity: 1; color: #9ba8b4; cursor: not-allowed; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-state-active { background: #f2f4f5; color: #2d353c; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button:hover, .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button:focus { color: #2d353c; outline: none; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-prev-button, .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-next-button { color: #2d353c; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-prev-button:hover, .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-prev-button:focus, .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-next-button:hover, .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-next-button:focus { color: #2d353c; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-today-button { color: #2d353c; } .fc .fc-toolbar.fc-toolbar-chunk .fc-button-group .fc-button.fc-today-button.fc-state-disabled { color: #9ba8b4; cursor: not-allowed; } .fc .fc-view { background: #FFFFFF; } .fc .fc-view .fc-head .fc-head-container { border: none; } .fc .fc-view .fc-head .fc-head-container .fc-widget-header { border-bottom: 1px solid #e4e7ea; } .fc .fc-view .fc-head .fc-head-container .fc-widget-header th { background: #f2f4f5; font-weight: 600; color: #2d353c; padding: 2px 15px; border-color: #e4e7ea; } .fc .fc-view .fc-head .fc-head-container .fc-widget-header th.fc-axis { padding-left: 4px; padding-right: 4px; } .fc .fc-view .fc-body > tr > td.fc-widget-content { border: none; } .fc .fc-view .fc-body > tr > td.fc-widget-content .fc-divider { background: #f2f4f5; border-color: #e4e7ea; } .fc .fc-view .fc-body > tr > td.fc-widget-content .fc-widget-content { border-color: #e4e7ea; } .fc .fc-view .fc-body .fc-bg td { border-color: #e4e7ea; } .fc .fc-view .fc-body .fc-bg td.fc-highlight { background: #d5dbe0; } .fc .fc-view .fc-body .fc-bg td.fc-today { background: #fffadb; } .fc .fc-view .fc-body .fc-bg td:first-child { border-left: none; } .fc .fc-view .fc-body .fc-content-skeleton .fc-day-number { font-weight: 600; } .fc .fc-view .fc-body .fc-content-skeleton .fc-event-container .fc-event { border: none; background: #4e5c68; font-weight: 600; color: #FFFFFF; border-radius: 0; } .fc .fc-view .fc-body .fc-content-skeleton .fc-event-container .fc-event.fc-day-grid-event { padding: 1px 2px; } .fc .fc-view .fc-body .fc-highlight-skeleton .fc-highlight { background: #d5dbe0; } .fc .fc-scroller { overflow: initial; height: auto !important; } .fc .fc-time, .fc .fc-axis { font-weight: 600; } .fc .fc-event, .fc a.fc-event, .fc a.fc-event:not([href]) { border: none; background: #2d353c; color: #FFFFFF; font-weight: 600; border-radius: 0; } .fc .fc-event:hover, .fc .fc-event:focus, .fc a.fc-event:hover, .fc a.fc-event:focus, .fc a.fc-event:not([href]):hover, .fc a.fc-event:not([href]):focus { opacity: 0.85; } .fc .fc-event .fc-event-title, .fc a.fc-event .fc-event-title, .fc a.fc-event:not([href]) .fc-event-title { font-weight: 600; } .fc .fc-event .fc-event-main, .fc a.fc-event .fc-event-main, .fc a.fc-event:not([href]) .fc-event-main { color: inherit; } .fc .fc-event.fc-day-grid-event, .fc a.fc-event.fc-day-grid-event, .fc a.fc-event:not([href]).fc-day-grid-event { padding: 1px 2px; } .fc-event-list .fc-event { background: none; border: none; color: #2d353c; padding: 7px 10px 7px 35px; font-size: 12px; line-height: 16px; position: relative; background: #FFFFFF; margin-bottom: 5px; border-radius: 4px; } .fc-event-list .fc-event + .fc-event { margin-top: 0; } .fc-event-list .fc-event .fc-event-icon { float: right; margin-left: 10px; } .fc-event-list .fc-event .fc-event-icon i { float: left; line-height: 18px; } .fc-event-list .fc-event.ui-draggable-dragging { border: 1px dashed #d5dbe0; } .fc-event-list .fc-event:before { content: "\f0b2"; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; text-align: center; padding-top: 7px; padding-bottom: 7px; background: #f2f4f5; color: #c6ced5; font-size: 14px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; border-radius: 4px 0 0 4px; } .fc-event-list .fc-event:hover, .fc-event-list .fc-event:focus { color: #2d353c; cursor: pointer; background: #FFFFFF; } .fc-event-list .fc-event:hover:before, .fc-event-list .fc-event:focus:before { color: #6f8293; } .fc-event.fc-event-dragging { background: #FFFFFF; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); display: flex; align-items: center; border-radius: 4px; } .fc-event.fc-event-dragging .fc-event-icon { margin-right: 10px; margin-left: 10px; } body #gritter-notice-wrapper { width: 420px; z-index: 1030; } @media (max-width: 575.98px) { body #gritter-notice-wrapper { width: 320px; } } @media (max-width: 359.98px) { body #gritter-notice-wrapper { width: 280px; } } body #gritter-notice-wrapper .gritter-item-wrapper { background: none; background: rgba(26, 34, 41, 0.9); border-radius: 6px; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-top, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-bottom { background: none; display: none; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item { font-family: inherit; padding: 12px 95px 12px 15px; background: none; display: flex; flex: 1; align-items: center; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item { padding: 10px 70px 10px 10px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image { float: none; width: auto; flex: 1; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { margin: 0 15px 0 0; height: auto; border-radius: 80px; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { width: 36px; margin-right: 10px; } } @media (max-width: 359.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { width: 24px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title { font-size: 14px; line-height: 20px; padding-bottom: 0; font-weight: 600; color: #FFFFFF; text-shadow: none; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title { font-size: 12px; line-height: 18px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p { font-size: 11px; line-height: 16px; letter-spacing: 0.15px; color: #c6ced5; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p { font-size: 10px; line-height: 14px; letter-spacing: 0; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close { left: auto; right: 0; top: 0; bottom: 0; background: none; width: 80px; height: auto; display: block !important; font-family: inherit; border-left: 1px solid rgba(255, 255, 255, 0.1); color: #9ba8b4; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close { width: 60px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:before { content: "Close"; position: absolute; text-align: center; top: 50%; right: 0; left: 0; color: inherit; z-index: 10; text-indent: 0; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 12px; margin-top: -6px; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:focus { color: #FFFFFF; outline: none; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-bottom, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-top { background: rgba(255, 255, 255, 0.95); color: #6f8293; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item .gritter-title { color: #2d353c; font-weight: 600; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item p { color: #4e5c68; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close { border-color: #d5dbe0; color: #6f8293; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:hover:before, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:focus:before { color: #2d353c; } body #gritter-notice-wrapper .gritter-item-wrapper.without-rounded-img .gritter-item .gritter-image { border-radius: 0; } .hljs-wrapper { background: #f2f3f4; position: relative; border-radius: 4px; } .hljs-wrapper pre { border: none; padding: 0; background: none; border-radius: 0; } .hljs-wrapper pre .hljs, .hljs-wrapper pre.hljs { padding: 15px; display: block; overflow-x: auto; border: none; font-size: 12px; background: none; color: #2d353c; border-radius: 0; } .hljs-wrapper pre .hljs .hljs-tag, .hljs-wrapper pre .hljs .hljs-section, .hljs-wrapper pre .hljs .hljs-name, .hljs-wrapper pre .hljs .hljs-selector-tag, .hljs-wrapper pre .hljs .hljs-deletion, .hljs-wrapper pre .hljs .hljs-subst, .hljs-wrapper pre.hljs .hljs-tag, .hljs-wrapper pre.hljs .hljs-section, .hljs-wrapper pre.hljs .hljs-name, .hljs-wrapper pre.hljs .hljs-selector-tag, .hljs-wrapper pre.hljs .hljs-deletion, .hljs-wrapper pre.hljs .hljs-subst { color: #1968b0; } .hljs-wrapper pre .hljs .hljs-attr, .hljs-wrapper pre .hljs .hljs-variable, .hljs-wrapper pre .hljs .hljs-template-variable, .hljs-wrapper pre .hljs .hljs-type, .hljs-wrapper pre .hljs .hljs-selector-class, .hljs-wrapper pre .hljs .hljs-selector-attr, .hljs-wrapper pre .hljs .hljs-selector-pseudo, .hljs-wrapper pre .hljs .hljs-number, .hljs-wrapper pre.hljs .hljs-attr, .hljs-wrapper pre.hljs .hljs-variable, .hljs-wrapper pre.hljs .hljs-template-variable, .hljs-wrapper pre.hljs .hljs-type, .hljs-wrapper pre.hljs .hljs-selector-class, .hljs-wrapper pre.hljs .hljs-selector-attr, .hljs-wrapper pre.hljs .hljs-selector-pseudo, .hljs-wrapper pre.hljs .hljs-number { color: #4a9be5; } .hljs-wrapper pre .hljs .hljs-string, .hljs-wrapper pre .hljs .hljs-regexp, .hljs-wrapper pre .hljs .hljs-addition, .hljs-wrapper pre .hljs .hljs-attribute, .hljs-wrapper pre .hljs .hljs-meta-string, .hljs-wrapper pre.hljs .hljs-string, .hljs-wrapper pre.hljs .hljs-regexp, .hljs-wrapper pre.hljs .hljs-addition, .hljs-wrapper pre.hljs .hljs-attribute, .hljs-wrapper pre.hljs .hljs-meta-string { color: #ff3631; } .hljs-wrapper pre .hljs .hljs-comment, .hljs-wrapper pre.hljs .hljs-comment { color: #8c9ba9; } .hljs-wrapper .btn-clipboard { position: absolute; right: 10px; top: 10px; } .panel-body + .hljs-wrapper { border-radius: 0 0 4px 4px; } .modal .hljs-wrapper { margin-top: -1px; border-radius: 0; } .modal .hljs-wrapper + .modal-footer { border-top: none; } body .introjs-hint .introjs-hint-dot { border-color: rgba(45, 53, 60, 0.3); } body .introjs-hint .introjs-hint-pulse { background-color: rgba(45, 53, 60, 0.15); border-color: rgba(45, 53, 60, 0.15); } body .introjs-hint:hover .introjs-hint-pulse { border-color: rgba(45, 53, 60, 0.3); background-color: rgba(45, 53, 60, 0.3); } body .introjs-overlay { background: #2d353c; } body .introjs-bullets ul li a { background: #c6ced5; } body .introjs-bullets ul li a.active { background: #6f8293; } body .introjs-helperNumberLayer { font-size: 36px; background: none; color: #FFFFFF; font-family: inherit; border: none; text-shadow: none; padding: 0; text-align: center; width: 36px; height: 36px; line-height: 36px; left: -46px; top: 0; box-shadow: none; } body .introjs-helperLayer { border: none; border-radius: 4px; box-shadow: none; } body .introjs-tooltip { border-radius: 4px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } body .introjs-button { background: #f2f3f4; border-color: #f2f3f4; text-shadow: none; color: #2d353c; box-shadow: none; } body .introjs-button:hover, body .introjs-button:focus { background: #d5dbe0; border-color: #d5dbe0; box-shadow: none; } body .introjs-button.introjs-nextbutton { border-left-color: #d5dbe0; } body .introjs-button.introjs-disabled, body .introjs-button.introjs-disabled:hover, body .introjs-button.introjs-disabled:focus { color: #9ba8b4; background: #f2f3f4; border-color: #f2f3f4; } body .introjs-tooltipbuttons { display: flex; flex-wrap: wrap; } .irs { font-family: inherit !important; } .irs .irs .irs-line { height: 4px; top: 27px; } .irs .irs .irs-line .irs-line-left, .irs .irs .irs-line .irs-line-mid, .irs .irs .irs-line .irs-line-right { background: #e4e7ea; height: 4px; } .irs .irs .irs-line .irs-line-left { border-radius: 4px 0 0 4px; } .irs .irs .irs-line .irs-line-right { border-radius: 0 4px 4px 0; } .irs .irs .irs-to, .irs .irs .irs-from, .irs .irs .irs-single { background: #2d353c; } .irs .irs-bar-edge { background: #e4e7ea; border-right: 1px solid #FFFFFF; top: 27px; height: 4px; border-radius: 4px 0 0 4px; } .irs .irs-bar { background: #348fe2; height: 4px; top: 27px; } .irs .irs-min, .irs .irs-max { font-size: 0.75rem; background: #f2f4f5; color: #4e5c68; font-weight: 600; } .irs .irs-slider { background: #FFFFFF; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border-radius: 40px; } .irs.irs--flat .irs-bar { height: 4px; top: 27px; background: #348fe2; } .irs.irs--flat .irs-handle { height: 14px; } .irs.irs--flat .irs-handle > i:first-child { background: #348fe2; width: 4px; } .irs.irs--flat .irs-handle:hover > i:first-child, .irs.irs--flat .irs-handle:focus > i:first-child, .irs.irs--flat .irs-handle.state_hover > i:first-child { background: #1a4871; } .irs.irs--big { height: 40px; } .irs.irs--big .irs .irs-line { background: #e4e7ea; border: none; } .irs.irs--big .irs-bar { height: 4px; top: 27px; background: #348fe2; box-shadow: none; } .irs.irs--big .irs-handle { top: 20px; width: 20px; height: 20px; background: #FFFFFF; border: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } .irs.irs--big .irs-handle:hover, .irs.irs--big .irs-handle:focus, .irs.irs--big .irs-handle.state_hover { background: #FFFFFF; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); } .irs.irs--modern { height: 40px; } .irs.irs--modern .irs .irs-line { background: #e4e7ea; border: none; } .irs.irs--modern .irs-bar { height: 4px; top: 27px; background: #348fe2; box-shadow: none; } .irs.irs--modern .irs-handle { width: 12px; border: none; background: #b6c2c9; box-shadow: none; border-radius: 0 0 4px 4px; } .irs.irs--modern .irs-handle > i:nth-child(1) { background: none; border: 6px solid transparent; border-bottom-color: #b6c2c9; top: -12px; left: 0; transform: none; } .irs.irs--modern .irs-handle > i:nth-child(2) { background: #b6c2c9; left: 1px; border-radius: 0; } .irs.irs--modern .irs-handle > i:nth-child(3) { top: 2px; left: 4px; width: 4px; height: 8px; border-color: #edf0f2; } .irs.irs--modern .irs-handle:hover, .irs.irs--modern .irs-handle:focus, .irs.irs--modern .irs-handle.state_hover { background: #b6c2c9; } .irs.irs--modern .irs-handle:hover > i:nth-child(1), .irs.irs--modern .irs-handle:focus > i:nth-child(1), .irs.irs--modern .irs-handle.state_hover > i:nth-child(1) { border: 6px solid transparent; border-bottom-color: #b6c2c9; } .irs.irs--modern .irs-handle:hover > i:nth-child(2), .irs.irs--modern .irs-handle:focus > i:nth-child(2), .irs.irs--modern .irs-handle.state_hover > i:nth-child(2) { background: #b6c2c9; } .irs.irs--modern .irs-handle:hover > i:nth-child(3), .irs.irs--modern .irs-handle:focus > i:nth-child(3), .irs.irs--modern .irs-handle.state_hover > i:nth-child(3) { border-color: #5b6165; } .irs.irs--sharp { height: 40px; } .irs.irs--sharp .irs .irs-line { background: #e4e7ea; border: none; } .irs.irs--sharp .irs-bar { height: 4px; top: 27px; background: #348fe2; box-shadow: none; } .irs.irs--sharp .irs-handle { top: 23px; background: #67abe9; } .irs.irs--sharp .irs-handle > i:first-child { border-top-color: #67abe9; } .irs.irs--sharp .irs-handle:hover, .irs.irs--sharp .irs-handle:focus, .irs.irs--sharp .irs-handle.state_hover { background: #2d353c; } .irs.irs--sharp .irs-handle:hover > i:first-child, .irs.irs--sharp .irs-handle:focus > i:first-child, .irs.irs--sharp .irs-handle.state_hover > i:first-child { border-top-color: #2d353c; } .irs.irs--round { height: 40px; } .irs.irs--round .irs-bar { height: 4px; top: 27px; background: #348fe2; box-shadow: none; } .irs.irs--round .irs-handle { top: 20px; width: 20px; height: 20px; border: 3px solid #348fe2; box-shadow: none; } .irs.irs--square { height: 40px; } .irs.irs--square .irs-bar { height: 4px; top: 27px; background: #348fe2; box-shadow: none; } .irs.irs--square .irs-handle { top: 21px; width: 16px; height: 16px; border: 3px solid #348fe2; box-shadow: none; } .irs.irs--flat .irs-from, .irs.irs--flat .irs-to, .irs.irs--flat .irs-single, .irs.irs--big .irs-from, .irs.irs--big .irs-to, .irs.irs--big .irs-single, .irs.irs--modern .irs-from, .irs.irs--modern .irs-to, .irs.irs--modern .irs-single, .irs.irs--sharp .irs-from, .irs.irs--sharp .irs-to, .irs.irs--sharp .irs-single, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single, .irs.irs--square .irs-from, .irs.irs--square .irs-to, .irs.irs--square .irs-single { font-size: 11px; font-weight: 600; } .irs.irs--flat .irs-from:before, .irs.irs--flat .irs-to:before, .irs.irs--flat .irs-single:before, .irs.irs--big .irs-from:before, .irs.irs--big .irs-to:before, .irs.irs--big .irs-single:before, .irs.irs--modern .irs-from:before, .irs.irs--modern .irs-to:before, .irs.irs--modern .irs-single:before, .irs.irs--sharp .irs-from:before, .irs.irs--sharp .irs-to:before, .irs.irs--sharp .irs-single:before, .irs.irs--round .irs-from:before, .irs.irs--round .irs-to:before, .irs.irs--round .irs-single:before, .irs.irs--square .irs-from:before, .irs.irs--square .irs-to:before, .irs.irs--square .irs-single:before { border-top-color: #2d353c; } .irs.irs--flat .irs-min, .irs.irs--flat .irs-max, .irs.irs--big .irs-min, .irs.irs--big .irs-max, .irs.irs--modern .irs-min, .irs.irs--modern .irs-max, .irs.irs--sharp .irs-min, .irs.irs--sharp .irs-max, .irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--square .irs-min, .irs.irs--square .irs-max { color: #2d353c; font-size: 11px; font-weight: 600; background: #dbe1e4; } .ui-widget { font-family: inherit; } .ui-widget.ui-autocomplete { padding: 5px 0; border: none; font-size: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); border-radius: 0 0 4px 4px; } .ui-widget.ui-autocomplete .ui-menu-item-wrapper { padding: 5px 12px; } .ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background: #348fe2; border: none; color: #FFFFFF; margin: 0; border-radius: 0; } .ui-sortable .panel-heading { cursor: move; } .ui-sortable .ui-sortable-placeholder { border: 1px dashed #9ba8b4 !important; visibility: visible !important; background: none !important; margin: 0 !important; } .ui-sortable .ui-sortable-placeholder.panel { margin: -1px -1px 19px !important; box-shadow: none !important; } .ui-sortable.ui-sortable-disabled .panel-heading { cursor: default; } .jstree .jstree-container-ul .jstree-node { position: relative; background: none !important; } .jstree .jstree-container-ul .jstree-node:before { content: ""; position: absolute; left: 10px; top: 0; bottom: 1px; border-left: 1px dotted #c6ced5; } .jstree .jstree-container-ul .jstree-node:last-child:before { bottom: 11px; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl { position: relative; background: none; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl:before { content: ""; position: absolute; left: 50%; right: 1px; top: 50%; border-top: 1px dotted #c6ced5; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl:after { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -3px; border: 5px solid transparent; transition: all 0.2s linear; } .jstree .jstree-container-ul .jstree-node .jstree-anchor { color: #6f8293; font-weight: 600; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox { background: none; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:before { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border: 1px solid #d5dbe0; display: block; background: #FFFFFF; border-radius: 3px; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:after { content: ""; position: absolute; left: 7px; top: 7px; right: 7px; bottom: 7px; display: block; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox.jstree-undetermined:after { background: #d5dbe0; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked { color: #2d353c; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked .jstree-icon.jstree-checkbox:after { content: "\f00c"; font-size: 10px; line-height: 15px; color: #2d353c; top: 5px; left: 5px; right: 5px; bottom: 5px; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled { color: #9ba8b4; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled > .jstree-icon { opacity: 0.4; filter: none; } .jstree .jstree-container-ul .jstree-node .jstree-hovered, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-hovered { background: none; color: #2d353c; box-shadow: none; } .jstree .jstree-container-ul .jstree-node .jstree-clicked, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-clicked { background: #f2f3f4; box-shadow: none; } .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor > .fa-folder:before { content: "\f07c"; color: #9ba8b4; } .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor.jstree-clicked > .fa-folder:before { color: #2d353c; } .jstree .jstree-container-ul .jstree-node.jstree-open > .jstree-ocl:after { border-left-color: #9ba8b4; transform: rotate(45deg); } .jstree .jstree-container-ul .jstree-node.jstree-closed > .jstree-ocl:after { border-left-color: #9ba8b4; margin-top: -5px; transform: rotate(0deg); } .jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout { width: 16px; height: 16px; padding: 0; line-height: 16px; left: 15px; color: #2d353c; background: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .jvectormap-container .jvectormap-label { padding: 3px 6px; border: none; background: rgba(0, 0, 0, 0.6); } .jvectormap-tip { padding: 3px 6px !important; border: none !important; background: rgba(0, 0, 0, 0.6) !important; } .map .jvectormap-zoomin, .map .jvectormap-zoomout { width: 20px !important; height: 20px !important; font-size: 14px; line-height: 20px !important; left: 30px !important; } @media (max-width: 767.98px) { .map .jvectormap-zoomin, .map .jvectormap-zoomout { left: 20px !important; } } .map .jvectormap-zoomin { top: 70px; } @media (max-width: 1199.98px) { .map .jvectormap-zoomin { top: 100px; } } .map .jvectormap-zoomout { top: 95px; } @media (max-width: 1199.98px) { .map .jvectormap-zoomout { top: 125px; } } .material-icons { text-rendering: optimizeLegibility; } html .nvd3-svg { direction: ltr; } html .nvtooltip { font-family: inherit; font-size: 12px; border: none; padding: 5px 10px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); border-radius: 8px; } html .nvtooltip table thead tr th strong { text-decoration: underline; } html .nvtooltip table tbody td.legend-color-guide div { border: none; border-radius: 4px; } html .nvd3-inverse-mode .nvd3 line.nv-guideline { stroke: rgba(255, 255, 255, 0.5); } html .nvd3-inverse-mode .nvd3 .nv-bars text { fill: white; } html .nvd3-inverse-mode .nvd3 .nv-axis line, html .nvd3-inverse-mode .nvd3 .nv-axis path { fill: none; stroke: rgba(255, 255, 255, 0.15); } html .nvd3-inverse-mode .nvd3 .nv-legend-text, html .nvd3-inverse-mode .nvd3 .nv-x text, html .nvd3-inverse-mode .nvd3 .nv-y text { font-family: inherit; fill: rgba(255, 255, 255, 0.75); font-size: 11px; font-weight: 600; } html .nvd3-inverse-mode .nvd3 .nv-label text { fill: rgba(255, 255, 255, 0.75) !important; } html .nvd3-inverse-mode .nvd3 .nv-legend-symbol { r: 3; } html .nvd3-inverse-mode .nvd3.nv-pie .nv-pie-title { fill: rgba(255, 255, 255, 0.75); } html .nvd3-inverse-mode .nvd3.nv-pie path { stroke: rgba(0, 0, 0, 0.2); } html .nvd3 .nv-legend-symbol { stroke-width: 0 !important; transform: translate(-1px); } @-webkit-keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pace-top .pace .pace-progress { top: 0 !important; } .pace-top .pace .pace-activity { top: 15px !important; } .pace { background: none; position: fixed; top: 0; left: 0; right: 0; z-index: 1030; opacity: 1; transition: opacity 1s; } .pace .pace-progress { top: 50px; height: 3px; background: #00acac; transition: all 0.2s linear; } @media (max-width: 767.98px) { .pace .pace-progress { top: 101px; } } .pace .pace-progress .pace-progress-inner { display: none; } .pace .pace-activity { display: block; position: fixed; z-index: 1030; top: 63px; right: 10px; width: 15px; height: 15px; border: 2px solid transparent; border-top-color: #00acac; border-left-color: #00acac; -webkit-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; border-radius: 40px; } @media (max-width: 767.98px) { .pace .pace-activity { top: 113px; } } .pace.pace-inactive { display: block; opacity: 0; } .pace-done .pace.pace-inactive { display: block; } .parsley-error { background: #FFFFFF !important; border-color: #ff5b57 !important; color: #2d353c !important; } .parsley-error:focus { border-color: #ff5b57 !important; outline: 0; box-shadow: 0 0 0 0.125rem rgba(255, 91, 87, 0.3) !important; } .parsley-success { background: #FFFFFF !important; border-color: #00acac !important; color: #2d353c !important; } .parsley-success:focus { border-color: #00acac !important; outline: 0; box-shadow: 0 0 0 0.125rem rgba(0, 172, 172, 0.3) !important; } .parsley-errors-list { padding: 0 !important; list-style-type: none !important; margin: 0 !important; color: #ff100b; font-size: 12px !important; line-height: inherit !important; } .parsley-errors-list.filled { margin-top: 5px !important; } .slider-wrapper { padding: 15px 30px; } .slider-wrapper .range-bar { background: #e4e7ea; } .slider-wrapper .range-bar .range-min, .slider-wrapper .range-bar .range-max { color: #2d353c; } .slider-wrapper .range-bar .range-handle { cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } .slider-wrapper .range-bar .range-quantity { background: #348fe2; } .slider-wrapper.red .range-bar .range-quantity { background: #ff5b57; } .slider-wrapper.teal .range-bar .range-quantity { background: #00acac; } .slider-wrapper.purple .range-bar .range-quantity { background: #727cb6; } .slider-wrapper.orange .range-bar .range-quantity { background: #f59c1a; } .slider-wrapper.black .range-bar .range-quantity { background: #2d353c; } .slider-wrapper.slider-without-range { padding: 15px 0; } .slider-wrapper.slider-vertical { padding-left: 15px; padding-right: 15px; } .pwstrength-progress .progress { height: 12px; border-radius: 60px; } .pwstrength-progress .progress .progress-bar { min-width: 10% !important; } body .select2-container .select2-choice { height: auto !important; line-height: 18px !important; padding: 0 !important; border: none !important; background: none !important; margin-right: -5px; box-shadow: none !important; } body .select2-container .select2-choice .select2-chosen { font-weight: 600; color: #9ba8b4; } body .select2-container .select2-choice .select2-search-choice-close { background: #e4e7ea !important; font-size: 9px; text-align: center; width: 16px; height: 16px; line-height: 16px; color: #9ba8b4; top: 1px; right: 20px; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; border-radius: 20px; } body .select2-container .select2-choice .select2-search-choice-close:before { content: "\f00d"; } body .select2-container .select2-choice .select2-search-choice-close:hover, body .select2-container .select2-choice .select2-search-choice-close:focus { background: #c6ced5 !important; color: #6f8293; } body .select2-container .select2-choice .select2-arrow { background: none; border: none; display: block; width: 14px; text-align: center; right: -1px; top: 1px; } body .select2-container .select2-choice .select2-arrow b { background: none !important; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .select2-container .select2-choice .select2-arrow b:before { content: "\f078"; color: #c6ced5; } body .select2-container.select2-container-multi .select2-choices { padding: 0; border: none; background: none; box-shadow: none; } body .select2-container.select2-container-multi .select2-choices .select2-search-choice { margin: 0 5px 5px 0; background: #e4e7ea; color: #6f8293; font-weight: 600; border: none; padding: 3px 3px 3px 6px; display: flex; align-items: center; box-shadow: none; } body .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close { position: relative; left: 0; right: 0; bottom: 0; top: 0; margin-left: 5px; color: #c6ced5; background: none !important; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before { content: "\f00d"; font-size: 12px; } body .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, body .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:focus { color: #6f8293; text-decoration: none; } body .select2-container.select2-container-multi .select2-choices .select2-search-field input { padding: 0 !important; height: 19px !important; } body .select2-drop { margin-top: -3px; } body .select2-drop .select2-results { padding: 0; margin: 5px 0; } body .select2-drop .select2-results .select2-result { font-weight: 600; color: #2d353c; } body .select2-drop .select2-results .select2-result.select2-highlighted { background: #d5dbe0 !important; color: #2d353c; } body .select2-drop .select2-search { position: relative; } body .select2-drop .select2-search input { border: 1px solid #d5dbe0; background: none !important; border-radius: 4px; transition: all 0.2s linear; } body .select2-drop .select2-search input:focus { border-color: #5db0ff; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } body .select2-drop .select2-search:before { content: "\f002"; position: absolute; right: 12px; top: 50%; margin-top: -5px; font-size: 12px; line-height: 14px; color: #c6ced5; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .select2-drop.select2-drop-active { border-color: #d5dbe0; } body .select2-drop.select2-drop-above { margin-top: 3px; border-top-color: #d5dbe0 !important; } .select2.select2-container { display: block; } .select2.select2-container .selection .select2-selection.select2-selection--single, .select2.select2-container .selection .select2-selection.select2-selection--multiple { border-color: #d5dbe0; outline: 0; height: 34px; display: flex; align-items: center; } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered { line-height: 1; padding: 6px 12px; font-weight: 600; color: #2d353c; display: flex; flex-wrap: wrap; flex: 1; } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow, .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow { height: auto; width: auto; position: relative; top: 0; right: 0; padding: 6px 12px; display: flex; align-items: center; } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b, .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b { position: relative; top: 0; left: 0; margin: 0; border: none; color: #2d353c; width: auto; height: auto; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before, .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b:before { content: "\f0d7"; } .select2.select2-container .selection .select2-selection.select2-selection--multiple { height: auto; min-height: 34px; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered { padding: 6px 12px 1px; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline { float: none; min-width: 100px; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field { margin-top: 0; margin-bottom: 5px; font-weight: 600; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-webkit-input-placeholder { color: #6f8293; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-moz-placeholder { color: #6f8293; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field:-ms-input-placeholder { color: #6f8293; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field:-moz-placeholder { color: #6f8293; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice { border: none; background: #e4e7ea; margin-right: 5px; margin-bottom: 5px; margin-top: 0; padding: 4px 8px; color: #4e5c68; float: none; border-radius: 4px; } .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: #9ba8b4; font-size: 13px; margin-right: 0; margin-left: 5px; margin-bottom: -1px; float: right; } .select2.select2-container.select2-container--above.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before { content: "\f0d8"; } .select2-container .select2-dropdown { border: none; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } .select2-container .select2-dropdown .select2-search--dropdown { padding: 6px; } .select2-container .select2-dropdown .select2-search--dropdown input { border-color: #d5dbe0; height: 34px; padding: 6px 12px; outline: none; color: #2d353c; border-radius: 4px; transition: all 0.2s linear; } .select2-container .select2-dropdown .select2-search--dropdown input:focus { border-color: #5db0ff; box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option { font-weight: 600; color: #4e5c68; } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group { padding: 15px 6px 6px; color: #2d353c; font-size: 11px; } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__option { padding: 6px 15px; } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { background: #f2f3f4; color: #2d353c; } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message { font-weight: 600; font-size: 11px; color: #6f8293; padding: 6px; } .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] { background: #348fe2; color: #FFFFFF; } .select2-container .select2-dropdown.select2-dropdown--above { box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.15); } .simplecolorpicker { z-index: 1010 !important; } .simplecolorpicker.icon, .simplecolorpicker .icon, .simplecolorpicker .color { width: 20px; height: 20px; border-radius: 4px; } .simplecolorpicker.icon:focus, .simplecolorpicker .icon:focus, .simplecolorpicker .color:focus { outline: none !important; } .simplecolorpicker.fontawesome .color[data-selected]:after { display: block; text-align: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .simplecolorpicker.glyphicons .color[data-selected]:after { content: "\f00c" !important; margin-left: 2px !important; top: 0 !important; display: block; text-align: center; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .simplecolorpicker.inline { padding: 5px 0 0 !important; } .simplecolorpicker.picker { border: none !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important; } .simplecolorpicker.picker .color { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; } .slimScrollDiv .slimScrollBar, .slimScrollDiv .slimScrollRail { width: 6px !important; right: 2px !important; } .slimScrollDiv .slimScrollBar { background: none !important; } .slimScrollDiv .slimScrollBar:before { content: ""; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; background: #2d353c !important; border-radius: 8px; } .inverse-mode .slimScrollDiv .slimScrollBar:before { background: rgba(255, 255, 255, 0.5) !important; } body .jqstooltip { border: none; width: auto !important; height: auto !important; background: rgba(45, 53, 60, 0.9); border-radius: 4px; } .note-editor .note-toolbar { background: #2d353c; padding: 10px 15px !important; border-radius: 0; } .note-editor .note-toolbar.panel-heading .note-btn-group { margin-top: 0 !important; } .note-editor .note-toolbar.panel-heading .note-btn-group .btn { margin: 0 !important; } .note-editor .note-toolbar .dropdown-menu > li > a { display: block; padding: 5px 15px; color: #2d353c; text-decoration: none; white-space: nowrap; } .note-editor .note-placeholder { padding: 15px !important; } .note-editor .note-editing-area .note-editable { padding: 15px !important; } .note-editor .modal .modal-header { display: block; } .note-editor .modal .modal-header .close { margin-top: -10px; } .note-editor.note-frame { border: none !important; margin: 0 !important; background: none; } .note-editor.fullscreen .note-toolbar-wrapper { display: none; } .note-popover.popover { display: none; } .note-popover.popover .popover-content, .note-popover.popover .note-toolbar { padding: 10px 15px !important; background: #2d353c; border-radius: 0; } .note-toolbar .dropdown-toggle:after { display: none !important; } .superbox.superbox-active { font-size: 0; margin: -1px -1px 0 0; } .superbox.superbox-active .superbox-list { display: inline-block; position: relative; background: none; } .superbox.superbox-active .superbox-list .superbox-img { width: 100%; cursor: pointer; display: block; padding-top: 75%; position: relative; } .superbox.superbox-active .superbox-list .superbox-img img { display: none; } .superbox.superbox-active .superbox-list .superbox-img span { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-size: cover !important; background-position: center !important; } .superbox.superbox-active .superbox-list .superbox-img:hover { opacity: 0.8; } .superbox.superbox-active .superbox-list.superbox-O { z-index: 10; } .superbox.superbox-active .superbox-list.superbox-O:before { content: ""; position: absolute; left: 50%; bottom: 0px; border: 10px solid transparent; border-bottom-color: #dee2e6; margin-left: -10px; z-index: 10; } .superbox.superbox-active .superbox-list.superbox-O:after { content: ""; position: absolute; left: 50%; bottom: -3px; border: 10px solid transparent; border-bottom-color: #2d353c; margin-left: -10px; z-index: 20; } .superbox.superbox-active .superbox-show { background: #2d353c !important; margin: 1px 0; box-shadow: none; } .superbox.superbox-active .superbox-show .superbox-current-img { max-width: 100%; border: none; box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); } .superbox.superbox-active .superbox-close { cursor: pointer; position: absolute; top: 15px; right: 25px; width: 35px; height: 35px; } .swal-overlay .swal-modal .swal-icon--success, .swal-overlay .swal-modal .swal-icon--success__ring { border-color: rgba(0, 172, 172, 0.2); } .swal-overlay .swal-modal .swal-icon--success__line--long, .swal-overlay .swal-modal .swal-icon--success__line--tip { background-color: #00acac; } .swal-overlay .swal-modal .swal-icon--info { border-color: #49b6d6; } .swal-overlay .swal-modal .swal-icon--info:before, .swal-overlay .swal-modal .swal-icon--info:after { background-color: #49b6d6; } .swal-overlay .swal-modal .swal-icon--warning { border-color: #f59c1a; } .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__body, .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__dot { background-color: #f59c1a; } .swal-overlay .swal-modal .swal-icon--error { border-color: #ff5b57; } .swal-overlay .swal-modal .swal-icon--error .swal-icon--error__line { background-color: #ff5b57; } .tagit.ui-widget { border: 1px solid #d5dbe0; background: #FFFFFF; padding: 3px 6px; margin-bottom: 0; font-family: inherit; border-radius: 4px; display: flex; flex-wrap: wrap; } .tagit.ui-widget li { float: none; } .tagit.ui-widget li.tagit-choice { background: #d5dbe0; border: none; color: #4e5c68; padding: 2px 24px 2px 6px; font-weight: 600; border-radius: 3px; } .tagit.ui-widget li.tagit-choice .tagit-close { right: 2px; line-height: 24px; text-align: center; top: 0; margin: 0; } .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close { background: none; height: 24px; width: 16px; text-indent: 0; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:before { content: "\f00d"; font-size: 10px; color: inherit; } .tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before, .tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before { color: rgba(0, 0, 0, 0.4); } .tagit.ui-widget li.tagit-new { padding: 2px 0; } .tagit.ui-widget.inverse li.tagit-choice { background: #2d353c; color: #FFFFFF; } .tagit.ui-widget.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before, .tagit.ui-widget.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before { color: rgba(255, 255, 255, 0.4); } .tagit.ui-widget.primary li.tagit-choice { background: #348fe2; color: #FFFFFF; } .tagit.ui-widget.info li.tagit-choice { background: #49b6d6; color: #FFFFFF; } .tagit.ui-widget.success li.tagit-choice { background: #00acac; color: #FFFFFF; } .tagit.ui-widget.warning li.tagit-choice { background: #f59c1a; color: #FFFFFF; } .tagit.ui-widget.danger li.tagit-choice { background: #ff5b57; color: #FFFFFF; } .wysihtml5-sandbox { width: 100% !important; border-color: #d5dbe0 !important; padding: 15px !important; } body ul.wysihtml5-toolbar { display: flex; flex-wrap: wrap; } body ul.wysihtml5-toolbar > li { float: none; } body ul.wysihtml5-toolbar .glyphicon { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:before { display: none; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:after { content: "\f10d"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-list:before { content: "\f03a"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-right:before { content: "\f038"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-left:before { content: "\f036"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-th-list:before { content: "\f00b"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-share:before { content: "\f064"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-picture:before { content: "\f03e"; } .panel-form .wysihtml5-toolbar { padding: 15px 15px 5px; } .panel-form .wysihtml5-sandbox { border-radius: 0 0 4px 4px !important; } .editable-container { display: flex; flex: 1; } .editable-container .editableform { display: block; } .editable-container .editableform .form-group > div { margin-bottom: -5px; display: flex; flex: 1; flex-flow: row wrap; } .editable-container .editableform .form-group > div .editable-input { margin-right: 5px; margin-bottom: 5px; } .editable-container .editableform .form-group > div .editable-input .editable-clear-x { right: 12px; } .editable-container .editableform .form-group > div .editable-input .editable-checklist > div > label { justify-content: left; } .editable-container .editableform .form-group > div .editable-input .editable-checklist > div > label input { margin-right: 5px; height: inherit; } .editable-container .editableform .form-group > div .editable-input .input-append.date { position: relative; } .editable-container .editableform .form-group > div .editable-input .input-append.date .form-control { margin-top: -1px; display: inline-flex; border-radius: 4px 0 0 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on { background: #d5dbe0; padding: 5px 10px; min-height: 34px; display: inline-flex; align-items: center; border-radius: 0 4px 4px 0; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on i { width: auto; height: auto; margin: 0; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on i:before { content: "\f133"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker { width: 300px; color: #2d353c; border-radius: 8px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table { width: 100%; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table tfoot .today:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table tfoot .today:focus { background: #f2f4f5; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th { border: none; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch { line-height: 20px; padding: 5px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus { background: #f2f4f5; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus:before { color: #2d353c; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next { color: transparent; width: 14.28%; font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before { color: #6f8293; position: absolute; font-size: 14px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before { content: "\f104"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before { content: "\f105"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch { width: auto; font-weight: bold; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.dow { padding: 5px 0; border: none; font-weight: bold; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td { padding: 5px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century { font-weight: 600; color: #6f8293; text-shadow: none; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:focus { background: #f2f4f5; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.focused { background: #e4e7ea; color: #2d353c; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.active { background: #348fe2 !important; color: #FFFFFF; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day { font-weight: 600; color: #4e5c68; padding: 5px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:focus { background: #f2f4f5; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.today { background: #e4e7ea !important; color: #2d353c; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.active { background: #348fe2 !important; color: #FFFFFF; text-shadow: none !important; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.old { color: #c6ced5; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.new { color: #9ba8b4; } .editable-container .editableform .form-group > div .editable-input .editable-address input { border: 1px solid #d5dbe0; padding: 6px 10px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .editable-address input:focus { outline: none; border-color: #5db0ff; transition: all 0.2s linear; box-shadow: 0 0 0 0.2rem rgba(52, 143, 226, 0.25); } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-hint { line-height: 22px; padding: 5px 11px; opacity: 0.6; } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu { border: none; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion { padding: 5px 12px; } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor { background: #348fe2; color: #FFFFFF; } .editable-container .editableform .form-group > div .editable-buttons { margin-left: 0; margin-bottom: 5px; display: flex; } .editable-container .editableform .form-group > div .editable-buttons .btn { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; } .editable-container .editableform .form-group > div .editable-buttons .btn + .btn { margin-left: 5px; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-ok { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-ok:before { content: "\f00c"; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-remove { font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-remove:before { content: "\f00d"; } .editable-container .editableform .form-group > div .editable-buttons.editable-buttons-bottom { display: block; } .editable-container .editableform .form-group > div .editable-buttons.editable-buttons-bottom .btn { display: inline-flex; } .editable-container .editableform .form-group.has-error .form-control { border-color: #ec5450; background: #ffefee; } .editable-container .editableform .form-group.has-error .editable-error-block { margin: 0 0 0 10px; white-space: nowrap; color: #d94d4a; } /* Helper Row Space */ .row.row-space-0 { margin-left: 0; margin-right: 0; } .row.row-space-0 > [class*=col-] { padding-left: 0; padding-right: 0; } .row.row-space-2 { margin-left: -1; margin-right: -1; } .row.row-space-2 > [class*=col-] { padding-left: 1; padding-right: 1; } .row.row-space-4 { margin-left: -2; margin-right: -2; } .row.row-space-4 > [class*=col-] { padding-left: 2; padding-right: 2; } .row.row-space-6 { margin-left: -3; margin-right: -3; } .row.row-space-6 > [class*=col-] { padding-left: 3; padding-right: 3; } .row.row-space-8 { margin-left: -4; margin-right: -4; } .row.row-space-8 > [class*=col-] { padding-left: 4; padding-right: 4; } .row.row-space-10 { margin-left: -5; margin-right: -5; } .row.row-space-10 > [class*=col-] { padding-left: 5; padding-right: 5; } .row.row-space-12 { margin-left: -6; margin-right: -6; } .row.row-space-12 > [class*=col-] { padding-left: 6; padding-right: 6; } .row.row-space-14 { margin-left: -7; margin-right: -7; } .row.row-space-14 > [class*=col-] { padding-left: 7; padding-right: 7; } .row.row-space-16 { margin-left: -8; margin-right: -8; } .row.row-space-16 > [class*=col-] { padding-left: 8; padding-right: 8; } .row.row-space-18 { margin-left: -9; margin-right: -9; } .row.row-space-18 > [class*=col-] { padding-left: 9; padding-right: 9; } .row.row-space-20 { margin-left: -10; margin-right: -10; } .row.row-space-20 > [class*=col-] { padding-left: 10; padding-right: 10; } .row.row-space-22 { margin-left: -11; margin-right: -11; } .row.row-space-22 > [class*=col-] { padding-left: 11; padding-right: 11; } .row.row-space-24 { margin-left: -12; margin-right: -12; } .row.row-space-24 > [class*=col-] { padding-left: 12; padding-right: 12; } .row.row-space-26 { margin-left: -13; margin-right: -13; } .row.row-space-26 > [class*=col-] { padding-left: 13; padding-right: 13; } .row.row-space-28 { margin-left: -14; margin-right: -14; } .row.row-space-28 > [class*=col-] { padding-left: 14; padding-right: 14; } .row.row-space-30 { margin-left: -15; margin-right: -15; } .row.row-space-30 > [class*=col-] { padding-left: 15; padding-right: 15; } /* Helper Margin */ .m-auto { margin: auto !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-t-auto { margin-top: auto !important; } .m-t-0 { margin-top: 0px !important; } .m-t-1 { margin-top: 1px !important; } .m-t-2 { margin-top: 2px !important; } .m-t-3 { margin-top: 3px !important; } .m-t-4 { margin-top: 4px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-auto { margin-right: auto !important; } .m-r-0 { margin-right: 0px !important; } .m-r-1 { margin-right: 1px !important; } .m-r-2 { margin-right: 2px !important; } .m-r-3 { margin-right: 3px !important; } .m-r-4 { margin-right: 4px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-auto { margin-bottom: auto !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-1 { margin-bottom: 1px !important; } .m-b-2 { margin-bottom: 2px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-b-4 { margin-bottom: 4px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-auto { margin-left: auto !important; } .m-l-0 { margin-left: 0px !important; } .m-l-1 { margin-left: 1px !important; } .m-l-2 { margin-left: 2px !important; } .m-l-3 { margin-left: 3px !important; } .m-l-4 { margin-left: 4px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } /* Helper Padding */ .p-auto { padding: auto !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-t-auto { padding-top: auto !important; } .p-t-0 { padding-top: 0px !important; } .p-t-1 { padding-top: 1px !important; } .p-t-2 { padding-top: 2px !important; } .p-t-3 { padding-top: 3px !important; } .p-t-4 { padding-top: 4px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-auto { padding-right: auto !important; } .p-r-0 { padding-right: 0px !important; } .p-r-1 { padding-right: 1px !important; } .p-r-2 { padding-right: 2px !important; } .p-r-3 { padding-right: 3px !important; } .p-r-4 { padding-right: 4px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-auto { padding-bottom: auto !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-1 { padding-bottom: 1px !important; } .p-b-2 { padding-bottom: 2px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-b-4 { padding-bottom: 4px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-auto { padding-left: auto !important; } .p-l-0 { padding-left: 0px !important; } .p-l-1 { padding-left: 1px !important; } .p-l-2 { padding-left: 2px !important; } .p-l-3 { padding-left: 3px !important; } .p-l-4 { padding-left: 4px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } /* Helper Font */ .f-s-8 { font-size: 8px !important; } .f-s-9 { font-size: 9px !important; } .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .f-s-21 { font-size: 21px !important; } .f-s-22 { font-size: 22px !important; } .f-s-23 { font-size: 23px !important; } .f-s-24 { font-size: 24px !important; } .f-s-25 { font-size: 25px !important; } .f-s-26 { font-size: 26px !important; } .f-s-27 { font-size: 27px !important; } .f-s-28 { font-size: 28px !important; } .f-s-29 { font-size: 29px !important; } .f-s-30 { font-size: 30px !important; } .f-s-31 { font-size: 31px !important; } .f-s-32 { font-size: 32px !important; } .f-s-33 { font-size: 33px !important; } .f-s-34 { font-size: 34px !important; } .f-s-35 { font-size: 35px !important; } .f-s-36 { font-size: 36px !important; } .f-s-37 { font-size: 37px !important; } .f-s-38 { font-size: 38px !important; } .f-s-39 { font-size: 39px !important; } .f-s-40 { font-size: 40px !important; } .f-s-41 { font-size: 41px !important; } .f-s-42 { font-size: 42px !important; } .f-s-43 { font-size: 43px !important; } .f-s-44 { font-size: 44px !important; } .f-s-45 { font-size: 45px !important; } .f-s-46 { font-size: 46px !important; } .f-s-47 { font-size: 47px !important; } .f-s-48 { font-size: 48px !important; } .f-s-49 { font-size: 49px !important; } .f-s-50 { font-size: 50px !important; } .f-s-51 { font-size: 51px !important; } .f-s-52 { font-size: 52px !important; } .f-s-53 { font-size: 53px !important; } .f-s-54 { font-size: 54px !important; } .f-s-55 { font-size: 55px !important; } .f-s-56 { font-size: 56px !important; } .f-s-57 { font-size: 57px !important; } .f-s-58 { font-size: 58px !important; } .f-s-59 { font-size: 59px !important; } .f-s-60 { font-size: 60px !important; } .f-s-61 { font-size: 61px !important; } .f-s-62 { font-size: 62px !important; } .f-s-63 { font-size: 63px !important; } .f-s-64 { font-size: 64px !important; } .f-s-65 { font-size: 65px !important; } .f-s-66 { font-size: 66px !important; } .f-s-67 { font-size: 67px !important; } .f-s-68 { font-size: 68px !important; } .f-s-69 { font-size: 69px !important; } .f-s-70 { font-size: 70px !important; } .f-s-71 { font-size: 71px !important; } .f-s-72 { font-size: 72px !important; } .f-s-73 { font-size: 73px !important; } .f-s-74 { font-size: 74px !important; } .f-s-75 { font-size: 75px !important; } .f-s-76 { font-size: 76px !important; } .f-s-77 { font-size: 77px !important; } .f-s-78 { font-size: 78px !important; } .f-s-79 { font-size: 79px !important; } .f-s-80 { font-size: 80px !important; } .f-w-100 { font-weight: 100 !important; } .f-w-200 { font-weight: 200 !important; } .f-w-300 { font-weight: 300 !important; } .f-w-400 { font-weight: 400 !important; } .f-w-500 { font-weight: 500 !important; } .f-w-600 { font-weight: 600 !important; } .f-w-700 { font-weight: 700 !important; } .f-w-800 { font-weight: 800 !important; } /* Helper Clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; clear: both; } /* Helper Text */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-nowrap { white-space: nowrap !important; } .text-ellipsis { white-space: nowrap !important; text-overflow: ellipsis; overflow: hidden; } .text-underline { text-decoration: underline !important; } .text-gradient { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .line-height-1 { line-height: 1 !important; } .text-decoration-line-through { text-decoration: line-through !important; } .row.row-col-border > [class^=col-] + [class^=col-] { border-left: 1px solid #d5dbe0; } /* Helper Float */ .pull-left { float: left !important; } .pull-right { float: right !important; } .pull-none { float: none !important; } /* Flex */ .flex-1 { flex: 1; } /* Helper Border Radius */ .rounded-corner { border-radius: 100px !important; } /* Helper Table */ .table-valign-middle th, .table-valign-middle td, .table-th-valign-middle th, .table-td-valign-middle td { vertical-align: middle !important; } .table-valign-top th, .table-valign-top td, .table-th-valign-top th, .table-td-valign-top td { vertical-align: top !important; } .table-valign-bottom th, .table-valign-bottom td, .table-th-valign-bottom th, .table-td-valign-bottom td { vertical-align: bottom !important; } .table-th-without-border th { border-left: none !important; border-right: none !important; } .table-td-without-border td { border: none !important; } .table-td-bg-animate { transition: background 0.3s linear; } /* Helper Vertical Align */ .valign-middle { vertical-align: middle !important; } .valign-top { vertical-align: top !important; } .valign-bottom { vertical-align: bottom !important; } .valign-middle-container { display: table; height: 100%; width: 100%; } .valign-middle-inner-container { display: table-cell; vertical-align: middle; } /* Helper Size */ .width-full { width: 100%; } .width-0 { width: 0 !important; } .width-50 { width: 50 !important; } .width-100 { width: 100 !important; } .width-150 { width: 150 !important; } .width-200 { width: 200 !important; } .width-250 { width: 250 !important; } .width-300 { width: 300 !important; } .width-350 { width: 350 !important; } .width-400 { width: 400 !important; } .width-450 { width: 450 !important; } .width-500 { width: 500 !important; } .width-550 { width: 550 !important; } .width-600 { width: 600 !important; } .height-full { height: 100%; } .height-0 { height: 0 !important; } .height-50 { height: 50 !important; } .height-100 { height: 100 !important; } .height-150 { height: 150 !important; } .height-200 { height: 200 !important; } .height-250 { height: 250 !important; } .height-300 { height: 300 !important; } .height-350 { height: 350 !important; } .height-400 { height: 400 !important; } .height-450 { height: 450 !important; } .height-500 { height: 500 !important; } .height-550 { height: 550 !important; } .height-600 { height: 600 !important; } /* Helper Color */ .loading { cursor: progress; } .bg-theme { background-color: #00acac !important; } .label-theme { background-color: #00acac; } .text-theme { color: #00acac; } .text-primary { color: #00acac !important; } .text-primary-lighter { color: #40c1c1 !important; } .text-primary-darker { color: #008181 !important; } .bg-primary { background-color: #00acac !important; } .bg-primary-lighter { background-color: #40c1c1 !important; } .bg-primary-darker { background-color: #008181 !important; } .bg-gradient-primary { background: #00acac !important; background: linear-gradient(to bottom, #00ac73 0%, #009eac 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-primary .app-sidebar .nav > li.active > a { background-color: #00acac !important; } .bg-primary-transparent-1 { background-color: rgba(0, 172, 172, 0.1) !important; } .text-primary-transparent-1 { color: rgba(0, 172, 172, 0.1) !important; } .bg-primary-transparent-2 { background-color: rgba(0, 172, 172, 0.2) !important; } .text-primary-transparent-2 { color: rgba(0, 172, 172, 0.2) !important; } .bg-primary-transparent-3 { background-color: rgba(0, 172, 172, 0.3) !important; } .text-primary-transparent-3 { color: rgba(0, 172, 172, 0.3) !important; } .bg-primary-transparent-4 { background-color: rgba(0, 172, 172, 0.4) !important; } .text-primary-transparent-4 { color: rgba(0, 172, 172, 0.4) !important; } .bg-primary-transparent-5 { background-color: rgba(0, 172, 172, 0.5) !important; } .text-primary-transparent-5 { color: rgba(0, 172, 172, 0.5) !important; } .bg-primary-transparent-6 { background-color: rgba(0, 172, 172, 0.6) !important; } .text-primary-transparent-6 { color: rgba(0, 172, 172, 0.6) !important; } .bg-primary-transparent-7 { background-color: rgba(0, 172, 172, 0.7) !important; } .text-primary-transparent-7 { color: rgba(0, 172, 172, 0.7) !important; } .bg-primary-transparent-8 { background-color: rgba(0, 172, 172, 0.8) !important; } .text-primary-transparent-8 { color: rgba(0, 172, 172, 0.8) !important; } .bg-primary-transparent-9 { background-color: rgba(0, 172, 172, 0.9) !important; } .text-primary-transparent-9 { color: rgba(0, 172, 172, 0.9) !important; } .text-secondary { color: #6c757d !important; } .text-secondary-lighter { color: #91989e !important; } .text-secondary-darker { color: #51585e !important; } .bg-secondary { background-color: #6c757d !important; } .bg-secondary-lighter { background-color: #91989e !important; } .bg-secondary-darker { background-color: #51585e !important; } .bg-gradient-secondary { background: #6c757d !important; background: linear-gradient(to bottom, #6c7b7d 0%, #6c747d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-secondary .app-sidebar .nav > li.active > a { background-color: #6c757d !important; } .bg-secondary-transparent-1 { background-color: rgba(108, 117, 125, 0.1) !important; } .text-secondary-transparent-1 { color: rgba(108, 117, 125, 0.1) !important; } .bg-secondary-transparent-2 { background-color: rgba(108, 117, 125, 0.2) !important; } .text-secondary-transparent-2 { color: rgba(108, 117, 125, 0.2) !important; } .bg-secondary-transparent-3 { background-color: rgba(108, 117, 125, 0.3) !important; } .text-secondary-transparent-3 { color: rgba(108, 117, 125, 0.3) !important; } .bg-secondary-transparent-4 { background-color: rgba(108, 117, 125, 0.4) !important; } .text-secondary-transparent-4 { color: rgba(108, 117, 125, 0.4) !important; } .bg-secondary-transparent-5 { background-color: rgba(108, 117, 125, 0.5) !important; } .text-secondary-transparent-5 { color: rgba(108, 117, 125, 0.5) !important; } .bg-secondary-transparent-6 { background-color: rgba(108, 117, 125, 0.6) !important; } .text-secondary-transparent-6 { color: rgba(108, 117, 125, 0.6) !important; } .bg-secondary-transparent-7 { background-color: rgba(108, 117, 125, 0.7) !important; } .text-secondary-transparent-7 { color: rgba(108, 117, 125, 0.7) !important; } .bg-secondary-transparent-8 { background-color: rgba(108, 117, 125, 0.8) !important; } .text-secondary-transparent-8 { color: rgba(108, 117, 125, 0.8) !important; } .bg-secondary-transparent-9 { background-color: rgba(108, 117, 125, 0.9) !important; } .text-secondary-transparent-9 { color: rgba(108, 117, 125, 0.9) !important; } .text-success { color: #00acac !important; } .text-success-lighter { color: #40c1c1 !important; } .text-success-darker { color: #008181 !important; } .bg-success { background-color: #00acac !important; } .bg-success-lighter { background-color: #40c1c1 !important; } .bg-success-darker { background-color: #008181 !important; } .bg-gradient-success { background: #00acac !important; background: linear-gradient(to bottom, #00ac73 0%, #009eac 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-success .app-sidebar .nav > li.active > a { background-color: #00acac !important; } .bg-success-transparent-1 { background-color: rgba(0, 172, 172, 0.1) !important; } .text-success-transparent-1 { color: rgba(0, 172, 172, 0.1) !important; } .bg-success-transparent-2 { background-color: rgba(0, 172, 172, 0.2) !important; } .text-success-transparent-2 { color: rgba(0, 172, 172, 0.2) !important; } .bg-success-transparent-3 { background-color: rgba(0, 172, 172, 0.3) !important; } .text-success-transparent-3 { color: rgba(0, 172, 172, 0.3) !important; } .bg-success-transparent-4 { background-color: rgba(0, 172, 172, 0.4) !important; } .text-success-transparent-4 { color: rgba(0, 172, 172, 0.4) !important; } .bg-success-transparent-5 { background-color: rgba(0, 172, 172, 0.5) !important; } .text-success-transparent-5 { color: rgba(0, 172, 172, 0.5) !important; } .bg-success-transparent-6 { background-color: rgba(0, 172, 172, 0.6) !important; } .text-success-transparent-6 { color: rgba(0, 172, 172, 0.6) !important; } .bg-success-transparent-7 { background-color: rgba(0, 172, 172, 0.7) !important; } .text-success-transparent-7 { color: rgba(0, 172, 172, 0.7) !important; } .bg-success-transparent-8 { background-color: rgba(0, 172, 172, 0.8) !important; } .text-success-transparent-8 { color: rgba(0, 172, 172, 0.8) !important; } .bg-success-transparent-9 { background-color: rgba(0, 172, 172, 0.9) !important; } .text-success-transparent-9 { color: rgba(0, 172, 172, 0.9) !important; } .text-info { color: #49b6d6 !important; } .text-info-lighter { color: #77c8e0 !important; } .text-info-darker { color: #3789a1 !important; } .bg-info { background-color: #49b6d6 !important; } .bg-info-lighter { background-color: #77c8e0 !important; } .bg-info-darker { background-color: #3789a1 !important; } .bg-gradient-info { background: #49b6d6 !important; background: linear-gradient(to bottom, #49d6c7 0%, #49aad6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-info .app-sidebar .nav > li.active > a { background-color: #49b6d6 !important; } .bg-info-transparent-1 { background-color: rgba(73, 182, 214, 0.1) !important; } .text-info-transparent-1 { color: rgba(73, 182, 214, 0.1) !important; } .bg-info-transparent-2 { background-color: rgba(73, 182, 214, 0.2) !important; } .text-info-transparent-2 { color: rgba(73, 182, 214, 0.2) !important; } .bg-info-transparent-3 { background-color: rgba(73, 182, 214, 0.3) !important; } .text-info-transparent-3 { color: rgba(73, 182, 214, 0.3) !important; } .bg-info-transparent-4 { background-color: rgba(73, 182, 214, 0.4) !important; } .text-info-transparent-4 { color: rgba(73, 182, 214, 0.4) !important; } .bg-info-transparent-5 { background-color: rgba(73, 182, 214, 0.5) !important; } .text-info-transparent-5 { color: rgba(73, 182, 214, 0.5) !important; } .bg-info-transparent-6 { background-color: rgba(73, 182, 214, 0.6) !important; } .text-info-transparent-6 { color: rgba(73, 182, 214, 0.6) !important; } .bg-info-transparent-7 { background-color: rgba(73, 182, 214, 0.7) !important; } .text-info-transparent-7 { color: rgba(73, 182, 214, 0.7) !important; } .bg-info-transparent-8 { background-color: rgba(73, 182, 214, 0.8) !important; } .text-info-transparent-8 { color: rgba(73, 182, 214, 0.8) !important; } .bg-info-transparent-9 { background-color: rgba(73, 182, 214, 0.9) !important; } .text-info-transparent-9 { color: rgba(73, 182, 214, 0.9) !important; } .text-warning { color: #f59c1a !important; } .text-warning-lighter { color: #f8b553 !important; } .text-warning-darker { color: #b87514 !important; } .bg-warning { background-color: #f59c1a !important; } .bg-warning-lighter { background-color: #f8b553 !important; } .bg-warning-darker { background-color: #b87514 !important; } .bg-gradient-warning { background: #f59c1a !important; background: linear-gradient(to bottom, #f5ae1a 0%, #f5531a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-warning .app-sidebar .nav > li.active > a { background-color: #f59c1a !important; } .bg-warning-transparent-1 { background-color: rgba(245, 156, 26, 0.1) !important; } .text-warning-transparent-1 { color: rgba(245, 156, 26, 0.1) !important; } .bg-warning-transparent-2 { background-color: rgba(245, 156, 26, 0.2) !important; } .text-warning-transparent-2 { color: rgba(245, 156, 26, 0.2) !important; } .bg-warning-transparent-3 { background-color: rgba(245, 156, 26, 0.3) !important; } .text-warning-transparent-3 { color: rgba(245, 156, 26, 0.3) !important; } .bg-warning-transparent-4 { background-color: rgba(245, 156, 26, 0.4) !important; } .text-warning-transparent-4 { color: rgba(245, 156, 26, 0.4) !important; } .bg-warning-transparent-5 { background-color: rgba(245, 156, 26, 0.5) !important; } .text-warning-transparent-5 { color: rgba(245, 156, 26, 0.5) !important; } .bg-warning-transparent-6 { background-color: rgba(245, 156, 26, 0.6) !important; } .text-warning-transparent-6 { color: rgba(245, 156, 26, 0.6) !important; } .bg-warning-transparent-7 { background-color: rgba(245, 156, 26, 0.7) !important; } .text-warning-transparent-7 { color: rgba(245, 156, 26, 0.7) !important; } .bg-warning-transparent-8 { background-color: rgba(245, 156, 26, 0.8) !important; } .text-warning-transparent-8 { color: rgba(245, 156, 26, 0.8) !important; } .bg-warning-transparent-9 { background-color: rgba(245, 156, 26, 0.9) !important; } .text-warning-transparent-9 { color: rgba(245, 156, 26, 0.9) !important; } .text-danger { color: #ff5b57 !important; } .text-danger-lighter { color: #ff8481 !important; } .text-danger-darker { color: #bf4441 !important; } .bg-danger { background-color: #ff5b57 !important; } .bg-danger-lighter { background-color: #ff8481 !important; } .bg-danger-darker { background-color: #bf4441 !important; } .bg-gradient-danger { background: #ff5b57 !important; background: linear-gradient(to bottom, #ff6957 0%, #ff578b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-danger .app-sidebar .nav > li.active > a { background-color: #ff5b57 !important; } .bg-danger-transparent-1 { background-color: rgba(255, 91, 87, 0.1) !important; } .text-danger-transparent-1 { color: rgba(255, 91, 87, 0.1) !important; } .bg-danger-transparent-2 { background-color: rgba(255, 91, 87, 0.2) !important; } .text-danger-transparent-2 { color: rgba(255, 91, 87, 0.2) !important; } .bg-danger-transparent-3 { background-color: rgba(255, 91, 87, 0.3) !important; } .text-danger-transparent-3 { color: rgba(255, 91, 87, 0.3) !important; } .bg-danger-transparent-4 { background-color: rgba(255, 91, 87, 0.4) !important; } .text-danger-transparent-4 { color: rgba(255, 91, 87, 0.4) !important; } .bg-danger-transparent-5 { background-color: rgba(255, 91, 87, 0.5) !important; } .text-danger-transparent-5 { color: rgba(255, 91, 87, 0.5) !important; } .bg-danger-transparent-6 { background-color: rgba(255, 91, 87, 0.6) !important; } .text-danger-transparent-6 { color: rgba(255, 91, 87, 0.6) !important; } .bg-danger-transparent-7 { background-color: rgba(255, 91, 87, 0.7) !important; } .text-danger-transparent-7 { color: rgba(255, 91, 87, 0.7) !important; } .bg-danger-transparent-8 { background-color: rgba(255, 91, 87, 0.8) !important; } .text-danger-transparent-8 { color: rgba(255, 91, 87, 0.8) !important; } .bg-danger-transparent-9 { background-color: rgba(255, 91, 87, 0.9) !important; } .text-danger-transparent-9 { color: rgba(255, 91, 87, 0.9) !important; } .text-light { color: #f2f3f4 !important; } .text-light-lighter { color: #f5f6f7 !important; } .text-light-darker { color: #b6b6b7 !important; } .bg-light { background-color: #f2f3f4 !important; } .bg-light-lighter { background-color: #f5f6f7 !important; } .bg-light-darker { background-color: #b6b6b7 !important; } .bg-gradient-light { background: #f2f3f4 !important; background: linear-gradient(to bottom, #f2f4f4 0%, #f2f3f4 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-light .app-sidebar .nav > li.active > a { background-color: #f2f3f4 !important; } .bg-light-transparent-1 { background-color: rgba(242, 243, 244, 0.1) !important; } .text-light-transparent-1 { color: rgba(242, 243, 244, 0.1) !important; } .bg-light-transparent-2 { background-color: rgba(242, 243, 244, 0.2) !important; } .text-light-transparent-2 { color: rgba(242, 243, 244, 0.2) !important; } .bg-light-transparent-3 { background-color: rgba(242, 243, 244, 0.3) !important; } .text-light-transparent-3 { color: rgba(242, 243, 244, 0.3) !important; } .bg-light-transparent-4 { background-color: rgba(242, 243, 244, 0.4) !important; } .text-light-transparent-4 { color: rgba(242, 243, 244, 0.4) !important; } .bg-light-transparent-5 { background-color: rgba(242, 243, 244, 0.5) !important; } .text-light-transparent-5 { color: rgba(242, 243, 244, 0.5) !important; } .bg-light-transparent-6 { background-color: rgba(242, 243, 244, 0.6) !important; } .text-light-transparent-6 { color: rgba(242, 243, 244, 0.6) !important; } .bg-light-transparent-7 { background-color: rgba(242, 243, 244, 0.7) !important; } .text-light-transparent-7 { color: rgba(242, 243, 244, 0.7) !important; } .bg-light-transparent-8 { background-color: rgba(242, 243, 244, 0.8) !important; } .text-light-transparent-8 { color: rgba(242, 243, 244, 0.8) !important; } .bg-light-transparent-9 { background-color: rgba(242, 243, 244, 0.9) !important; } .text-light-transparent-9 { color: rgba(242, 243, 244, 0.9) !important; } .text-dark { color: #2d353c !important; } .text-dark-lighter { color: #62686d !important; } .text-dark-darker { color: #22282d !important; } .bg-dark { background-color: #2d353c !important; } .bg-dark-lighter { background-color: #62686d !important; } .bg-dark-darker { background-color: #22282d !important; } .bg-gradient-dark { background: #2d353c !important; background: linear-gradient(to bottom, #2d3a3c 0%, #2d343c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-dark .app-sidebar .nav > li.active > a { background-color: #2d353c !important; } .bg-dark-transparent-1 { background-color: rgba(45, 53, 60, 0.1) !important; } .text-dark-transparent-1 { color: rgba(45, 53, 60, 0.1) !important; } .bg-dark-transparent-2 { background-color: rgba(45, 53, 60, 0.2) !important; } .text-dark-transparent-2 { color: rgba(45, 53, 60, 0.2) !important; } .bg-dark-transparent-3 { background-color: rgba(45, 53, 60, 0.3) !important; } .text-dark-transparent-3 { color: rgba(45, 53, 60, 0.3) !important; } .bg-dark-transparent-4 { background-color: rgba(45, 53, 60, 0.4) !important; } .text-dark-transparent-4 { color: rgba(45, 53, 60, 0.4) !important; } .bg-dark-transparent-5 { background-color: rgba(45, 53, 60, 0.5) !important; } .text-dark-transparent-5 { color: rgba(45, 53, 60, 0.5) !important; } .bg-dark-transparent-6 { background-color: rgba(45, 53, 60, 0.6) !important; } .text-dark-transparent-6 { color: rgba(45, 53, 60, 0.6) !important; } .bg-dark-transparent-7 { background-color: rgba(45, 53, 60, 0.7) !important; } .text-dark-transparent-7 { color: rgba(45, 53, 60, 0.7) !important; } .bg-dark-transparent-8 { background-color: rgba(45, 53, 60, 0.8) !important; } .text-dark-transparent-8 { color: rgba(45, 53, 60, 0.8) !important; } .bg-dark-transparent-9 { background-color: rgba(45, 53, 60, 0.9) !important; } .text-dark-transparent-9 { color: rgba(45, 53, 60, 0.9) !important; } .text-inverse { color: #2d353c !important; } .text-inverse-lighter { color: #62686d !important; } .text-inverse-darker { color: #22282d !important; } .bg-inverse { background-color: #2d353c !important; } .bg-inverse-lighter { background-color: #62686d !important; } .bg-inverse-darker { background-color: #22282d !important; } .bg-gradient-inverse { background: #2d353c !important; background: linear-gradient(to bottom, #2d3a3c 0%, #2d343c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-inverse .app-sidebar .nav > li.active > a { background-color: #2d353c !important; } .bg-inverse-transparent-1 { background-color: rgba(45, 53, 60, 0.1) !important; } .text-inverse-transparent-1 { color: rgba(45, 53, 60, 0.1) !important; } .bg-inverse-transparent-2 { background-color: rgba(45, 53, 60, 0.2) !important; } .text-inverse-transparent-2 { color: rgba(45, 53, 60, 0.2) !important; } .bg-inverse-transparent-3 { background-color: rgba(45, 53, 60, 0.3) !important; } .text-inverse-transparent-3 { color: rgba(45, 53, 60, 0.3) !important; } .bg-inverse-transparent-4 { background-color: rgba(45, 53, 60, 0.4) !important; } .text-inverse-transparent-4 { color: rgba(45, 53, 60, 0.4) !important; } .bg-inverse-transparent-5 { background-color: rgba(45, 53, 60, 0.5) !important; } .text-inverse-transparent-5 { color: rgba(45, 53, 60, 0.5) !important; } .bg-inverse-transparent-6 { background-color: rgba(45, 53, 60, 0.6) !important; } .text-inverse-transparent-6 { color: rgba(45, 53, 60, 0.6) !important; } .bg-inverse-transparent-7 { background-color: rgba(45, 53, 60, 0.7) !important; } .text-inverse-transparent-7 { color: rgba(45, 53, 60, 0.7) !important; } .bg-inverse-transparent-8 { background-color: rgba(45, 53, 60, 0.8) !important; } .text-inverse-transparent-8 { color: rgba(45, 53, 60, 0.8) !important; } .bg-inverse-transparent-9 { background-color: rgba(45, 53, 60, 0.9) !important; } .text-inverse-transparent-9 { color: rgba(45, 53, 60, 0.9) !important; } .text-black { color: #000000 !important; } .text-black-lighter { color: #404040 !important; } .text-black-darker { color: black !important; } .bg-black { background-color: #000000 !important; } .bg-black-lighter { background-color: #404040 !important; } .bg-black-darker { background-color: black !important; } .bg-gradient-black { background: #000000 !important; background: linear-gradient(to bottom, black 0%, black 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-black .app-sidebar .nav > li.active > a { background-color: #000000 !important; } .bg-black-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-black-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-black-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-black-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-black-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-black-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-black-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-black-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-black-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-black-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-black-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-black-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-black-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-black-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-black-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-black-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-black-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-white { color: #FFFFFF !important; } .text-white-lighter { color: white !important; } .text-white-darker { color: #bfbfbf !important; } .bg-white { background-color: #FFFFFF !important; } .bg-white-lighter { background-color: white !important; } .bg-white-darker { background-color: #bfbfbf !important; } .bg-gradient-white { background: #FFFFFF !important; background: linear-gradient(to bottom, white 0%, white 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-white .app-sidebar .nav > li.active > a { background-color: #FFFFFF !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .text-white-transparent-1 { color: rgba(255, 255, 255, 0.1) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .text-white-transparent-2 { color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .text-white-transparent-3 { color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .text-white-transparent-4 { color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .text-white-transparent-5 { color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .text-white-transparent-6 { color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .text-white-transparent-7 { color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .text-white-transparent-8 { color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .text-white-transparent-9 { color: rgba(255, 255, 255, 0.9) !important; } .text-grey { color: #b6c2c9 !important; } .text-grey-lighter { color: #c8d1d7 !important; } .text-grey-darker { color: #899297 !important; } .bg-grey { background-color: #b6c2c9 !important; } .bg-grey-lighter { background-color: #c8d1d7 !important; } .bg-grey-darker { background-color: #899297 !important; } .bg-gradient-grey { background: #b6c2c9 !important; background: linear-gradient(to bottom, #b6c8c9 0%, #b6c0c9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-grey .app-sidebar .nav > li.active > a { background-color: #b6c2c9 !important; } .bg-grey-transparent-1 { background-color: rgba(182, 194, 201, 0.1) !important; } .text-grey-transparent-1 { color: rgba(182, 194, 201, 0.1) !important; } .bg-grey-transparent-2 { background-color: rgba(182, 194, 201, 0.2) !important; } .text-grey-transparent-2 { color: rgba(182, 194, 201, 0.2) !important; } .bg-grey-transparent-3 { background-color: rgba(182, 194, 201, 0.3) !important; } .text-grey-transparent-3 { color: rgba(182, 194, 201, 0.3) !important; } .bg-grey-transparent-4 { background-color: rgba(182, 194, 201, 0.4) !important; } .text-grey-transparent-4 { color: rgba(182, 194, 201, 0.4) !important; } .bg-grey-transparent-5 { background-color: rgba(182, 194, 201, 0.5) !important; } .text-grey-transparent-5 { color: rgba(182, 194, 201, 0.5) !important; } .bg-grey-transparent-6 { background-color: rgba(182, 194, 201, 0.6) !important; } .text-grey-transparent-6 { color: rgba(182, 194, 201, 0.6) !important; } .bg-grey-transparent-7 { background-color: rgba(182, 194, 201, 0.7) !important; } .text-grey-transparent-7 { color: rgba(182, 194, 201, 0.7) !important; } .bg-grey-transparent-8 { background-color: rgba(182, 194, 201, 0.8) !important; } .text-grey-transparent-8 { color: rgba(182, 194, 201, 0.8) !important; } .bg-grey-transparent-9 { background-color: rgba(182, 194, 201, 0.9) !important; } .text-grey-transparent-9 { color: rgba(182, 194, 201, 0.9) !important; } .text-muted { color: #b6c2c9 !important; } .text-muted-lighter { color: #c8d1d7 !important; } .text-muted-darker { color: #899297 !important; } .bg-muted { background-color: #b6c2c9 !important; } .bg-muted-lighter { background-color: #c8d1d7 !important; } .bg-muted-darker { background-color: #899297 !important; } .bg-gradient-muted { background: #b6c2c9 !important; background: linear-gradient(to bottom, #b6c8c9 0%, #b6c0c9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-muted .app-sidebar .nav > li.active > a { background-color: #b6c2c9 !important; } .bg-muted-transparent-1 { background-color: rgba(182, 194, 201, 0.1) !important; } .text-muted-transparent-1 { color: rgba(182, 194, 201, 0.1) !important; } .bg-muted-transparent-2 { background-color: rgba(182, 194, 201, 0.2) !important; } .text-muted-transparent-2 { color: rgba(182, 194, 201, 0.2) !important; } .bg-muted-transparent-3 { background-color: rgba(182, 194, 201, 0.3) !important; } .text-muted-transparent-3 { color: rgba(182, 194, 201, 0.3) !important; } .bg-muted-transparent-4 { background-color: rgba(182, 194, 201, 0.4) !important; } .text-muted-transparent-4 { color: rgba(182, 194, 201, 0.4) !important; } .bg-muted-transparent-5 { background-color: rgba(182, 194, 201, 0.5) !important; } .text-muted-transparent-5 { color: rgba(182, 194, 201, 0.5) !important; } .bg-muted-transparent-6 { background-color: rgba(182, 194, 201, 0.6) !important; } .text-muted-transparent-6 { color: rgba(182, 194, 201, 0.6) !important; } .bg-muted-transparent-7 { background-color: rgba(182, 194, 201, 0.7) !important; } .text-muted-transparent-7 { color: rgba(182, 194, 201, 0.7) !important; } .bg-muted-transparent-8 { background-color: rgba(182, 194, 201, 0.8) !important; } .text-muted-transparent-8 { color: rgba(182, 194, 201, 0.8) !important; } .bg-muted-transparent-9 { background-color: rgba(182, 194, 201, 0.9) !important; } .text-muted-transparent-9 { color: rgba(182, 194, 201, 0.9) !important; } .text-silver { color: #b6c2c9 !important; } .text-silver-lighter { color: #c8d1d7 !important; } .text-silver-darker { color: #899297 !important; } .bg-silver { background-color: #b6c2c9 !important; } .bg-silver-lighter { background-color: #c8d1d7 !important; } .bg-silver-darker { background-color: #899297 !important; } .bg-gradient-silver { background: #b6c2c9 !important; background: linear-gradient(to bottom, #b6c8c9 0%, #b6c0c9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-silver .app-sidebar .nav > li.active > a { background-color: #b6c2c9 !important; } .bg-silver-transparent-1 { background-color: rgba(182, 194, 201, 0.1) !important; } .text-silver-transparent-1 { color: rgba(182, 194, 201, 0.1) !important; } .bg-silver-transparent-2 { background-color: rgba(182, 194, 201, 0.2) !important; } .text-silver-transparent-2 { color: rgba(182, 194, 201, 0.2) !important; } .bg-silver-transparent-3 { background-color: rgba(182, 194, 201, 0.3) !important; } .text-silver-transparent-3 { color: rgba(182, 194, 201, 0.3) !important; } .bg-silver-transparent-4 { background-color: rgba(182, 194, 201, 0.4) !important; } .text-silver-transparent-4 { color: rgba(182, 194, 201, 0.4) !important; } .bg-silver-transparent-5 { background-color: rgba(182, 194, 201, 0.5) !important; } .text-silver-transparent-5 { color: rgba(182, 194, 201, 0.5) !important; } .bg-silver-transparent-6 { background-color: rgba(182, 194, 201, 0.6) !important; } .text-silver-transparent-6 { color: rgba(182, 194, 201, 0.6) !important; } .bg-silver-transparent-7 { background-color: rgba(182, 194, 201, 0.7) !important; } .text-silver-transparent-7 { color: rgba(182, 194, 201, 0.7) !important; } .bg-silver-transparent-8 { background-color: rgba(182, 194, 201, 0.8) !important; } .text-silver-transparent-8 { color: rgba(182, 194, 201, 0.8) !important; } .bg-silver-transparent-9 { background-color: rgba(182, 194, 201, 0.9) !important; } .text-silver-transparent-9 { color: rgba(182, 194, 201, 0.9) !important; } .text-lime { color: #90ca4b !important; } .text-lime-lighter { color: #acd778 !important; } .text-lime-darker { color: #6c9838 !important; } .bg-lime { background-color: #90ca4b !important; } .bg-lime-lighter { background-color: #acd778 !important; } .bg-lime-darker { background-color: #6c9838 !important; } .bg-gradient-lime { background: #90ca4b !important; background: linear-gradient(to bottom, #85ca4b 0%, #baca4b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-lime .app-sidebar .nav > li.active > a { background-color: #90ca4b !important; } .bg-lime-transparent-1 { background-color: rgba(144, 202, 75, 0.1) !important; } .text-lime-transparent-1 { color: rgba(144, 202, 75, 0.1) !important; } .bg-lime-transparent-2 { background-color: rgba(144, 202, 75, 0.2) !important; } .text-lime-transparent-2 { color: rgba(144, 202, 75, 0.2) !important; } .bg-lime-transparent-3 { background-color: rgba(144, 202, 75, 0.3) !important; } .text-lime-transparent-3 { color: rgba(144, 202, 75, 0.3) !important; } .bg-lime-transparent-4 { background-color: rgba(144, 202, 75, 0.4) !important; } .text-lime-transparent-4 { color: rgba(144, 202, 75, 0.4) !important; } .bg-lime-transparent-5 { background-color: rgba(144, 202, 75, 0.5) !important; } .text-lime-transparent-5 { color: rgba(144, 202, 75, 0.5) !important; } .bg-lime-transparent-6 { background-color: rgba(144, 202, 75, 0.6) !important; } .text-lime-transparent-6 { color: rgba(144, 202, 75, 0.6) !important; } .bg-lime-transparent-7 { background-color: rgba(144, 202, 75, 0.7) !important; } .text-lime-transparent-7 { color: rgba(144, 202, 75, 0.7) !important; } .bg-lime-transparent-8 { background-color: rgba(144, 202, 75, 0.8) !important; } .text-lime-transparent-8 { color: rgba(144, 202, 75, 0.8) !important; } .bg-lime-transparent-9 { background-color: rgba(144, 202, 75, 0.9) !important; } .text-lime-transparent-9 { color: rgba(144, 202, 75, 0.9) !important; } .text-aqua { color: #49b6d6 !important; } .text-aqua-lighter { color: #77c8e0 !important; } .text-aqua-darker { color: #3789a1 !important; } .bg-aqua { background-color: #49b6d6 !important; } .bg-aqua-lighter { background-color: #77c8e0 !important; } .bg-aqua-darker { background-color: #3789a1 !important; } .bg-gradient-aqua { background: #49b6d6 !important; background: linear-gradient(to bottom, #49d6c7 0%, #49aad6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-aqua .app-sidebar .nav > li.active > a { background-color: #49b6d6 !important; } .bg-aqua-transparent-1 { background-color: rgba(73, 182, 214, 0.1) !important; } .text-aqua-transparent-1 { color: rgba(73, 182, 214, 0.1) !important; } .bg-aqua-transparent-2 { background-color: rgba(73, 182, 214, 0.2) !important; } .text-aqua-transparent-2 { color: rgba(73, 182, 214, 0.2) !important; } .bg-aqua-transparent-3 { background-color: rgba(73, 182, 214, 0.3) !important; } .text-aqua-transparent-3 { color: rgba(73, 182, 214, 0.3) !important; } .bg-aqua-transparent-4 { background-color: rgba(73, 182, 214, 0.4) !important; } .text-aqua-transparent-4 { color: rgba(73, 182, 214, 0.4) !important; } .bg-aqua-transparent-5 { background-color: rgba(73, 182, 214, 0.5) !important; } .text-aqua-transparent-5 { color: rgba(73, 182, 214, 0.5) !important; } .bg-aqua-transparent-6 { background-color: rgba(73, 182, 214, 0.6) !important; } .text-aqua-transparent-6 { color: rgba(73, 182, 214, 0.6) !important; } .bg-aqua-transparent-7 { background-color: rgba(73, 182, 214, 0.7) !important; } .text-aqua-transparent-7 { color: rgba(73, 182, 214, 0.7) !important; } .bg-aqua-transparent-8 { background-color: rgba(73, 182, 214, 0.8) !important; } .text-aqua-transparent-8 { color: rgba(73, 182, 214, 0.8) !important; } .bg-aqua-transparent-9 { background-color: rgba(73, 182, 214, 0.9) !important; } .text-aqua-transparent-9 { color: rgba(73, 182, 214, 0.9) !important; } .text-blue { color: #348fe2 !important; } .text-blue-lighter { color: #67abe9 !important; } .text-blue-darker { color: #276baa !important; } .bg-blue { background-color: #348fe2 !important; } .bg-blue-lighter { background-color: #67abe9 !important; } .bg-blue-darker { background-color: #276baa !important; } .bg-gradient-blue { background: #348fe2 !important; background: linear-gradient(to bottom, #34c9e2 0%, #3481e2 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-blue .app-sidebar .nav > li.active > a { background-color: #348fe2 !important; } .bg-blue-transparent-1 { background-color: rgba(52, 143, 226, 0.1) !important; } .text-blue-transparent-1 { color: rgba(52, 143, 226, 0.1) !important; } .bg-blue-transparent-2 { background-color: rgba(52, 143, 226, 0.2) !important; } .text-blue-transparent-2 { color: rgba(52, 143, 226, 0.2) !important; } .bg-blue-transparent-3 { background-color: rgba(52, 143, 226, 0.3) !important; } .text-blue-transparent-3 { color: rgba(52, 143, 226, 0.3) !important; } .bg-blue-transparent-4 { background-color: rgba(52, 143, 226, 0.4) !important; } .text-blue-transparent-4 { color: rgba(52, 143, 226, 0.4) !important; } .bg-blue-transparent-5 { background-color: rgba(52, 143, 226, 0.5) !important; } .text-blue-transparent-5 { color: rgba(52, 143, 226, 0.5) !important; } .bg-blue-transparent-6 { background-color: rgba(52, 143, 226, 0.6) !important; } .text-blue-transparent-6 { color: rgba(52, 143, 226, 0.6) !important; } .bg-blue-transparent-7 { background-color: rgba(52, 143, 226, 0.7) !important; } .text-blue-transparent-7 { color: rgba(52, 143, 226, 0.7) !important; } .bg-blue-transparent-8 { background-color: rgba(52, 143, 226, 0.8) !important; } .text-blue-transparent-8 { color: rgba(52, 143, 226, 0.8) !important; } .bg-blue-transparent-9 { background-color: rgba(52, 143, 226, 0.9) !important; } .text-blue-transparent-9 { color: rgba(52, 143, 226, 0.9) !important; } .text-indigo { color: #8753de !important; } .text-indigo-lighter { color: #a57ee6 !important; } .text-indigo-darker { color: #653ea7 !important; } .bg-indigo { background-color: #8753de !important; } .bg-indigo-lighter { background-color: #a57ee6 !important; } .bg-indigo-darker { background-color: #653ea7 !important; } .bg-gradient-indigo { background: #8753de !important; background: linear-gradient(to bottom, #9353de 0%, #5953de 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-indigo .app-sidebar .nav > li.active > a { background-color: #8753de !important; } .bg-indigo-transparent-1 { background-color: rgba(135, 83, 222, 0.1) !important; } .text-indigo-transparent-1 { color: rgba(135, 83, 222, 0.1) !important; } .bg-indigo-transparent-2 { background-color: rgba(135, 83, 222, 0.2) !important; } .text-indigo-transparent-2 { color: rgba(135, 83, 222, 0.2) !important; } .bg-indigo-transparent-3 { background-color: rgba(135, 83, 222, 0.3) !important; } .text-indigo-transparent-3 { color: rgba(135, 83, 222, 0.3) !important; } .bg-indigo-transparent-4 { background-color: rgba(135, 83, 222, 0.4) !important; } .text-indigo-transparent-4 { color: rgba(135, 83, 222, 0.4) !important; } .bg-indigo-transparent-5 { background-color: rgba(135, 83, 222, 0.5) !important; } .text-indigo-transparent-5 { color: rgba(135, 83, 222, 0.5) !important; } .bg-indigo-transparent-6 { background-color: rgba(135, 83, 222, 0.6) !important; } .text-indigo-transparent-6 { color: rgba(135, 83, 222, 0.6) !important; } .bg-indigo-transparent-7 { background-color: rgba(135, 83, 222, 0.7) !important; } .text-indigo-transparent-7 { color: rgba(135, 83, 222, 0.7) !important; } .bg-indigo-transparent-8 { background-color: rgba(135, 83, 222, 0.8) !important; } .text-indigo-transparent-8 { color: rgba(135, 83, 222, 0.8) !important; } .bg-indigo-transparent-9 { background-color: rgba(135, 83, 222, 0.9) !important; } .text-indigo-transparent-9 { color: rgba(135, 83, 222, 0.9) !important; } .text-purple { color: #727cb6 !important; } .text-purple-lighter { color: #959dc8 !important; } .text-purple-darker { color: #565d89 !important; } .bg-purple { background-color: #727cb6 !important; } .bg-purple-lighter { background-color: #959dc8 !important; } .bg-purple-darker { background-color: #565d89 !important; } .bg-gradient-purple { background: #727cb6 !important; background: linear-gradient(to bottom, #7293b6 0%, #7276b6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-purple .app-sidebar .nav > li.active > a { background-color: #727cb6 !important; } .bg-purple-transparent-1 { background-color: rgba(114, 124, 182, 0.1) !important; } .text-purple-transparent-1 { color: rgba(114, 124, 182, 0.1) !important; } .bg-purple-transparent-2 { background-color: rgba(114, 124, 182, 0.2) !important; } .text-purple-transparent-2 { color: rgba(114, 124, 182, 0.2) !important; } .bg-purple-transparent-3 { background-color: rgba(114, 124, 182, 0.3) !important; } .text-purple-transparent-3 { color: rgba(114, 124, 182, 0.3) !important; } .bg-purple-transparent-4 { background-color: rgba(114, 124, 182, 0.4) !important; } .text-purple-transparent-4 { color: rgba(114, 124, 182, 0.4) !important; } .bg-purple-transparent-5 { background-color: rgba(114, 124, 182, 0.5) !important; } .text-purple-transparent-5 { color: rgba(114, 124, 182, 0.5) !important; } .bg-purple-transparent-6 { background-color: rgba(114, 124, 182, 0.6) !important; } .text-purple-transparent-6 { color: rgba(114, 124, 182, 0.6) !important; } .bg-purple-transparent-7 { background-color: rgba(114, 124, 182, 0.7) !important; } .text-purple-transparent-7 { color: rgba(114, 124, 182, 0.7) !important; } .bg-purple-transparent-8 { background-color: rgba(114, 124, 182, 0.8) !important; } .text-purple-transparent-8 { color: rgba(114, 124, 182, 0.8) !important; } .bg-purple-transparent-9 { background-color: rgba(114, 124, 182, 0.9) !important; } .text-purple-transparent-9 { color: rgba(114, 124, 182, 0.9) !important; } .text-pink { color: #fb5597 !important; } .text-pink-lighter { color: #fc80b1 !important; } .text-pink-darker { color: #bc4071 !important; } .bg-pink { background-color: #fb5597 !important; } .bg-pink-lighter { background-color: #fc80b1 !important; } .bg-pink-darker { background-color: #bc4071 !important; } .bg-gradient-pink { background: #fb5597 !important; background: linear-gradient(to bottom, #fb55ce 0%, #fb5589 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-pink .app-sidebar .nav > li.active > a { background-color: #fb5597 !important; } .bg-pink-transparent-1 { background-color: rgba(251, 85, 151, 0.1) !important; } .text-pink-transparent-1 { color: rgba(251, 85, 151, 0.1) !important; } .bg-pink-transparent-2 { background-color: rgba(251, 85, 151, 0.2) !important; } .text-pink-transparent-2 { color: rgba(251, 85, 151, 0.2) !important; } .bg-pink-transparent-3 { background-color: rgba(251, 85, 151, 0.3) !important; } .text-pink-transparent-3 { color: rgba(251, 85, 151, 0.3) !important; } .bg-pink-transparent-4 { background-color: rgba(251, 85, 151, 0.4) !important; } .text-pink-transparent-4 { color: rgba(251, 85, 151, 0.4) !important; } .bg-pink-transparent-5 { background-color: rgba(251, 85, 151, 0.5) !important; } .text-pink-transparent-5 { color: rgba(251, 85, 151, 0.5) !important; } .bg-pink-transparent-6 { background-color: rgba(251, 85, 151, 0.6) !important; } .text-pink-transparent-6 { color: rgba(251, 85, 151, 0.6) !important; } .bg-pink-transparent-7 { background-color: rgba(251, 85, 151, 0.7) !important; } .text-pink-transparent-7 { color: rgba(251, 85, 151, 0.7) !important; } .bg-pink-transparent-8 { background-color: rgba(251, 85, 151, 0.8) !important; } .text-pink-transparent-8 { color: rgba(251, 85, 151, 0.8) !important; } .bg-pink-transparent-9 { background-color: rgba(251, 85, 151, 0.9) !important; } .text-pink-transparent-9 { color: rgba(251, 85, 151, 0.9) !important; } .text-red { color: #ff5b57 !important; } .text-red-lighter { color: #ff8481 !important; } .text-red-darker { color: #bf4441 !important; } .bg-red { background-color: #ff5b57 !important; } .bg-red-lighter { background-color: #ff8481 !important; } .bg-red-darker { background-color: #bf4441 !important; } .bg-gradient-red { background: #ff5b57 !important; background: linear-gradient(to bottom, #ff6957 0%, #ff578b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-red .app-sidebar .nav > li.active > a { background-color: #ff5b57 !important; } .bg-red-transparent-1 { background-color: rgba(255, 91, 87, 0.1) !important; } .text-red-transparent-1 { color: rgba(255, 91, 87, 0.1) !important; } .bg-red-transparent-2 { background-color: rgba(255, 91, 87, 0.2) !important; } .text-red-transparent-2 { color: rgba(255, 91, 87, 0.2) !important; } .bg-red-transparent-3 { background-color: rgba(255, 91, 87, 0.3) !important; } .text-red-transparent-3 { color: rgba(255, 91, 87, 0.3) !important; } .bg-red-transparent-4 { background-color: rgba(255, 91, 87, 0.4) !important; } .text-red-transparent-4 { color: rgba(255, 91, 87, 0.4) !important; } .bg-red-transparent-5 { background-color: rgba(255, 91, 87, 0.5) !important; } .text-red-transparent-5 { color: rgba(255, 91, 87, 0.5) !important; } .bg-red-transparent-6 { background-color: rgba(255, 91, 87, 0.6) !important; } .text-red-transparent-6 { color: rgba(255, 91, 87, 0.6) !important; } .bg-red-transparent-7 { background-color: rgba(255, 91, 87, 0.7) !important; } .text-red-transparent-7 { color: rgba(255, 91, 87, 0.7) !important; } .bg-red-transparent-8 { background-color: rgba(255, 91, 87, 0.8) !important; } .text-red-transparent-8 { color: rgba(255, 91, 87, 0.8) !important; } .bg-red-transparent-9 { background-color: rgba(255, 91, 87, 0.9) !important; } .text-red-transparent-9 { color: rgba(255, 91, 87, 0.9) !important; } .text-orange { color: #f59c1a !important; } .text-orange-lighter { color: #f8b553 !important; } .text-orange-darker { color: #b87514 !important; } .bg-orange { background-color: #f59c1a !important; } .bg-orange-lighter { background-color: #f8b553 !important; } .bg-orange-darker { background-color: #b87514 !important; } .bg-gradient-orange { background: #f59c1a !important; background: linear-gradient(to bottom, #f5ae1a 0%, #f5531a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-orange .app-sidebar .nav > li.active > a { background-color: #f59c1a !important; } .bg-orange-transparent-1 { background-color: rgba(245, 156, 26, 0.1) !important; } .text-orange-transparent-1 { color: rgba(245, 156, 26, 0.1) !important; } .bg-orange-transparent-2 { background-color: rgba(245, 156, 26, 0.2) !important; } .text-orange-transparent-2 { color: rgba(245, 156, 26, 0.2) !important; } .bg-orange-transparent-3 { background-color: rgba(245, 156, 26, 0.3) !important; } .text-orange-transparent-3 { color: rgba(245, 156, 26, 0.3) !important; } .bg-orange-transparent-4 { background-color: rgba(245, 156, 26, 0.4) !important; } .text-orange-transparent-4 { color: rgba(245, 156, 26, 0.4) !important; } .bg-orange-transparent-5 { background-color: rgba(245, 156, 26, 0.5) !important; } .text-orange-transparent-5 { color: rgba(245, 156, 26, 0.5) !important; } .bg-orange-transparent-6 { background-color: rgba(245, 156, 26, 0.6) !important; } .text-orange-transparent-6 { color: rgba(245, 156, 26, 0.6) !important; } .bg-orange-transparent-7 { background-color: rgba(245, 156, 26, 0.7) !important; } .text-orange-transparent-7 { color: rgba(245, 156, 26, 0.7) !important; } .bg-orange-transparent-8 { background-color: rgba(245, 156, 26, 0.8) !important; } .text-orange-transparent-8 { color: rgba(245, 156, 26, 0.8) !important; } .bg-orange-transparent-9 { background-color: rgba(245, 156, 26, 0.9) !important; } .text-orange-transparent-9 { color: rgba(245, 156, 26, 0.9) !important; } .text-yellow { color: #ffd900 !important; } .text-yellow-lighter { color: #ffe340 !important; } .text-yellow-darker { color: #bfa300 !important; } .bg-yellow { background-color: #ffd900 !important; } .bg-yellow-lighter { background-color: #ffe340 !important; } .bg-yellow-darker { background-color: #bfa300 !important; } .bg-gradient-yellow { background: #ffd900 !important; background: linear-gradient(to bottom, #ffee00 0%, #ff8400 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-yellow .app-sidebar .nav > li.active > a { background-color: #ffd900 !important; } .bg-yellow-transparent-1 { background-color: rgba(255, 217, 0, 0.1) !important; } .text-yellow-transparent-1 { color: rgba(255, 217, 0, 0.1) !important; } .bg-yellow-transparent-2 { background-color: rgba(255, 217, 0, 0.2) !important; } .text-yellow-transparent-2 { color: rgba(255, 217, 0, 0.2) !important; } .bg-yellow-transparent-3 { background-color: rgba(255, 217, 0, 0.3) !important; } .text-yellow-transparent-3 { color: rgba(255, 217, 0, 0.3) !important; } .bg-yellow-transparent-4 { background-color: rgba(255, 217, 0, 0.4) !important; } .text-yellow-transparent-4 { color: rgba(255, 217, 0, 0.4) !important; } .bg-yellow-transparent-5 { background-color: rgba(255, 217, 0, 0.5) !important; } .text-yellow-transparent-5 { color: rgba(255, 217, 0, 0.5) !important; } .bg-yellow-transparent-6 { background-color: rgba(255, 217, 0, 0.6) !important; } .text-yellow-transparent-6 { color: rgba(255, 217, 0, 0.6) !important; } .bg-yellow-transparent-7 { background-color: rgba(255, 217, 0, 0.7) !important; } .text-yellow-transparent-7 { color: rgba(255, 217, 0, 0.7) !important; } .bg-yellow-transparent-8 { background-color: rgba(255, 217, 0, 0.8) !important; } .text-yellow-transparent-8 { color: rgba(255, 217, 0, 0.8) !important; } .bg-yellow-transparent-9 { background-color: rgba(255, 217, 0, 0.9) !important; } .text-yellow-transparent-9 { color: rgba(255, 217, 0, 0.9) !important; } .text-green { color: #32a932 !important; } .text-green-lighter { color: #65bf65 !important; } .text-green-darker { color: #267f26 !important; } .bg-green { background-color: #32a932 !important; } .bg-green-lighter { background-color: #65bf65 !important; } .bg-green-darker { background-color: #267f26 !important; } .bg-gradient-green { background: #32a932 !important; background: linear-gradient(to bottom, #32a93c 0%, #5aa932 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-green .app-sidebar .nav > li.active > a { background-color: #32a932 !important; } .bg-green-transparent-1 { background-color: rgba(50, 169, 50, 0.1) !important; } .text-green-transparent-1 { color: rgba(50, 169, 50, 0.1) !important; } .bg-green-transparent-2 { background-color: rgba(50, 169, 50, 0.2) !important; } .text-green-transparent-2 { color: rgba(50, 169, 50, 0.2) !important; } .bg-green-transparent-3 { background-color: rgba(50, 169, 50, 0.3) !important; } .text-green-transparent-3 { color: rgba(50, 169, 50, 0.3) !important; } .bg-green-transparent-4 { background-color: rgba(50, 169, 50, 0.4) !important; } .text-green-transparent-4 { color: rgba(50, 169, 50, 0.4) !important; } .bg-green-transparent-5 { background-color: rgba(50, 169, 50, 0.5) !important; } .text-green-transparent-5 { color: rgba(50, 169, 50, 0.5) !important; } .bg-green-transparent-6 { background-color: rgba(50, 169, 50, 0.6) !important; } .text-green-transparent-6 { color: rgba(50, 169, 50, 0.6) !important; } .bg-green-transparent-7 { background-color: rgba(50, 169, 50, 0.7) !important; } .text-green-transparent-7 { color: rgba(50, 169, 50, 0.7) !important; } .bg-green-transparent-8 { background-color: rgba(50, 169, 50, 0.8) !important; } .text-green-transparent-8 { color: rgba(50, 169, 50, 0.8) !important; } .bg-green-transparent-9 { background-color: rgba(50, 169, 50, 0.9) !important; } .text-green-transparent-9 { color: rgba(50, 169, 50, 0.9) !important; } .text-teal { color: #00acac !important; } .text-teal-lighter { color: #40c1c1 !important; } .text-teal-darker { color: #008181 !important; } .bg-teal { background-color: #00acac !important; } .bg-teal-lighter { background-color: #40c1c1 !important; } .bg-teal-darker { background-color: #008181 !important; } .bg-gradient-teal { background: #00acac !important; background: linear-gradient(to bottom, #00ac73 0%, #009eac 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-teal .app-sidebar .nav > li.active > a { background-color: #00acac !important; } .bg-teal-transparent-1 { background-color: rgba(0, 172, 172, 0.1) !important; } .text-teal-transparent-1 { color: rgba(0, 172, 172, 0.1) !important; } .bg-teal-transparent-2 { background-color: rgba(0, 172, 172, 0.2) !important; } .text-teal-transparent-2 { color: rgba(0, 172, 172, 0.2) !important; } .bg-teal-transparent-3 { background-color: rgba(0, 172, 172, 0.3) !important; } .text-teal-transparent-3 { color: rgba(0, 172, 172, 0.3) !important; } .bg-teal-transparent-4 { background-color: rgba(0, 172, 172, 0.4) !important; } .text-teal-transparent-4 { color: rgba(0, 172, 172, 0.4) !important; } .bg-teal-transparent-5 { background-color: rgba(0, 172, 172, 0.5) !important; } .text-teal-transparent-5 { color: rgba(0, 172, 172, 0.5) !important; } .bg-teal-transparent-6 { background-color: rgba(0, 172, 172, 0.6) !important; } .text-teal-transparent-6 { color: rgba(0, 172, 172, 0.6) !important; } .bg-teal-transparent-7 { background-color: rgba(0, 172, 172, 0.7) !important; } .text-teal-transparent-7 { color: rgba(0, 172, 172, 0.7) !important; } .bg-teal-transparent-8 { background-color: rgba(0, 172, 172, 0.8) !important; } .text-teal-transparent-8 { color: rgba(0, 172, 172, 0.8) !important; } .bg-teal-transparent-9 { background-color: rgba(0, 172, 172, 0.9) !important; } .text-teal-transparent-9 { color: rgba(0, 172, 172, 0.9) !important; } .text-cyan { color: #49b6d6 !important; } .text-cyan-lighter { color: #77c8e0 !important; } .text-cyan-darker { color: #3789a1 !important; } .bg-cyan { background-color: #49b6d6 !important; } .bg-cyan-lighter { background-color: #77c8e0 !important; } .bg-cyan-darker { background-color: #3789a1 !important; } .bg-gradient-cyan { background: #49b6d6 !important; background: linear-gradient(to bottom, #49d6c7 0%, #49aad6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-cyan .app-sidebar .nav > li.active > a { background-color: #49b6d6 !important; } .bg-cyan-transparent-1 { background-color: rgba(73, 182, 214, 0.1) !important; } .text-cyan-transparent-1 { color: rgba(73, 182, 214, 0.1) !important; } .bg-cyan-transparent-2 { background-color: rgba(73, 182, 214, 0.2) !important; } .text-cyan-transparent-2 { color: rgba(73, 182, 214, 0.2) !important; } .bg-cyan-transparent-3 { background-color: rgba(73, 182, 214, 0.3) !important; } .text-cyan-transparent-3 { color: rgba(73, 182, 214, 0.3) !important; } .bg-cyan-transparent-4 { background-color: rgba(73, 182, 214, 0.4) !important; } .text-cyan-transparent-4 { color: rgba(73, 182, 214, 0.4) !important; } .bg-cyan-transparent-5 { background-color: rgba(73, 182, 214, 0.5) !important; } .text-cyan-transparent-5 { color: rgba(73, 182, 214, 0.5) !important; } .bg-cyan-transparent-6 { background-color: rgba(73, 182, 214, 0.6) !important; } .text-cyan-transparent-6 { color: rgba(73, 182, 214, 0.6) !important; } .bg-cyan-transparent-7 { background-color: rgba(73, 182, 214, 0.7) !important; } .text-cyan-transparent-7 { color: rgba(73, 182, 214, 0.7) !important; } .bg-cyan-transparent-8 { background-color: rgba(73, 182, 214, 0.8) !important; } .text-cyan-transparent-8 { color: rgba(73, 182, 214, 0.8) !important; } .bg-cyan-transparent-9 { background-color: rgba(73, 182, 214, 0.9) !important; } .text-cyan-transparent-9 { color: rgba(73, 182, 214, 0.9) !important; } .text-white { color: #FFFFFF !important; } .text-white-lighter { color: white !important; } .text-white-darker { color: #bfbfbf !important; } .bg-white { background-color: #FFFFFF !important; } .bg-white-lighter { background-color: white !important; } .bg-white-darker { background-color: #bfbfbf !important; } .bg-gradient-white { background: #FFFFFF !important; background: linear-gradient(to bottom, white 0%, white 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-white .app-sidebar .nav > li.active > a { background-color: #FFFFFF !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .text-white-transparent-1 { color: rgba(255, 255, 255, 0.1) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .text-white-transparent-2 { color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .text-white-transparent-3 { color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .text-white-transparent-4 { color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .text-white-transparent-5 { color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .text-white-transparent-6 { color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .text-white-transparent-7 { color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .text-white-transparent-8 { color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .text-white-transparent-9 { color: rgba(255, 255, 255, 0.9) !important; } .text-gray { color: #6c757d !important; } .text-gray-lighter { color: #91989e !important; } .text-gray-darker { color: #51585e !important; } .bg-gray { background-color: #6c757d !important; } .bg-gray-lighter { background-color: #91989e !important; } .bg-gray-darker { background-color: #51585e !important; } .bg-gradient-gray { background: #6c757d !important; background: linear-gradient(to bottom, #6c7b7d 0%, #6c747d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray .app-sidebar .nav > li.active > a { background-color: #6c757d !important; } .bg-gray-transparent-1 { background-color: rgba(108, 117, 125, 0.1) !important; } .text-gray-transparent-1 { color: rgba(108, 117, 125, 0.1) !important; } .bg-gray-transparent-2 { background-color: rgba(108, 117, 125, 0.2) !important; } .text-gray-transparent-2 { color: rgba(108, 117, 125, 0.2) !important; } .bg-gray-transparent-3 { background-color: rgba(108, 117, 125, 0.3) !important; } .text-gray-transparent-3 { color: rgba(108, 117, 125, 0.3) !important; } .bg-gray-transparent-4 { background-color: rgba(108, 117, 125, 0.4) !important; } .text-gray-transparent-4 { color: rgba(108, 117, 125, 0.4) !important; } .bg-gray-transparent-5 { background-color: rgba(108, 117, 125, 0.5) !important; } .text-gray-transparent-5 { color: rgba(108, 117, 125, 0.5) !important; } .bg-gray-transparent-6 { background-color: rgba(108, 117, 125, 0.6) !important; } .text-gray-transparent-6 { color: rgba(108, 117, 125, 0.6) !important; } .bg-gray-transparent-7 { background-color: rgba(108, 117, 125, 0.7) !important; } .text-gray-transparent-7 { color: rgba(108, 117, 125, 0.7) !important; } .bg-gray-transparent-8 { background-color: rgba(108, 117, 125, 0.8) !important; } .text-gray-transparent-8 { color: rgba(108, 117, 125, 0.8) !important; } .bg-gray-transparent-9 { background-color: rgba(108, 117, 125, 0.9) !important; } .text-gray-transparent-9 { color: rgba(108, 117, 125, 0.9) !important; } .text-gray-dark { color: #343a40 !important; } .text-gray-dark-lighter { color: #676b70 !important; } .text-gray-dark-darker { color: #272c30 !important; } .bg-gray-dark { background-color: #343a40 !important; } .bg-gray-dark-lighter { background-color: #676b70 !important; } .bg-gray-dark-darker { background-color: #272c30 !important; } .bg-gradient-gray-dark { background: #343a40 !important; background: linear-gradient(to bottom, #343e40 0%, #343940 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-dark .app-sidebar .nav > li.active > a { background-color: #343a40 !important; } .bg-gray-dark-transparent-1 { background-color: rgba(52, 58, 64, 0.1) !important; } .text-gray-dark-transparent-1 { color: rgba(52, 58, 64, 0.1) !important; } .bg-gray-dark-transparent-2 { background-color: rgba(52, 58, 64, 0.2) !important; } .text-gray-dark-transparent-2 { color: rgba(52, 58, 64, 0.2) !important; } .bg-gray-dark-transparent-3 { background-color: rgba(52, 58, 64, 0.3) !important; } .text-gray-dark-transparent-3 { color: rgba(52, 58, 64, 0.3) !important; } .bg-gray-dark-transparent-4 { background-color: rgba(52, 58, 64, 0.4) !important; } .text-gray-dark-transparent-4 { color: rgba(52, 58, 64, 0.4) !important; } .bg-gray-dark-transparent-5 { background-color: rgba(52, 58, 64, 0.5) !important; } .text-gray-dark-transparent-5 { color: rgba(52, 58, 64, 0.5) !important; } .bg-gray-dark-transparent-6 { background-color: rgba(52, 58, 64, 0.6) !important; } .text-gray-dark-transparent-6 { color: rgba(52, 58, 64, 0.6) !important; } .bg-gray-dark-transparent-7 { background-color: rgba(52, 58, 64, 0.7) !important; } .text-gray-dark-transparent-7 { color: rgba(52, 58, 64, 0.7) !important; } .bg-gray-dark-transparent-8 { background-color: rgba(52, 58, 64, 0.8) !important; } .text-gray-dark-transparent-8 { color: rgba(52, 58, 64, 0.8) !important; } .bg-gray-dark-transparent-9 { background-color: rgba(52, 58, 64, 0.9) !important; } .text-gray-dark-transparent-9 { color: rgba(52, 58, 64, 0.9) !important; } .text-black { color: #000000 !important; } .text-black-lighter { color: #404040 !important; } .text-black-darker { color: black !important; } .bg-black { background-color: #000000 !important; } .bg-black-lighter { background-color: #404040 !important; } .bg-black-darker { background-color: black !important; } .bg-gradient-black { background: #000000 !important; background: linear-gradient(to bottom, black 0%, black 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-black .app-sidebar .nav > li.active > a { background-color: #000000 !important; } .bg-black-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-black-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-black-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-black-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-black-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-black-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-black-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-black-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-black-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-black-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-black-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-black-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-black-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-black-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-black-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-black-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-black-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-dark { color: #2d353c !important; } .text-dark-lighter { color: #62686d !important; } .text-dark-darker { color: #22282d !important; } .bg-dark { background-color: #2d353c !important; } .bg-dark-lighter { background-color: #62686d !important; } .bg-dark-darker { background-color: #22282d !important; } .bg-gradient-dark { background: #2d353c !important; background: linear-gradient(to bottom, #2d3a3c 0%, #2d343c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-dark .app-sidebar .nav > li.active > a { background-color: #2d353c !important; } .bg-dark-transparent-1 { background-color: rgba(45, 53, 60, 0.1) !important; } .text-dark-transparent-1 { color: rgba(45, 53, 60, 0.1) !important; } .bg-dark-transparent-2 { background-color: rgba(45, 53, 60, 0.2) !important; } .text-dark-transparent-2 { color: rgba(45, 53, 60, 0.2) !important; } .bg-dark-transparent-3 { background-color: rgba(45, 53, 60, 0.3) !important; } .text-dark-transparent-3 { color: rgba(45, 53, 60, 0.3) !important; } .bg-dark-transparent-4 { background-color: rgba(45, 53, 60, 0.4) !important; } .text-dark-transparent-4 { color: rgba(45, 53, 60, 0.4) !important; } .bg-dark-transparent-5 { background-color: rgba(45, 53, 60, 0.5) !important; } .text-dark-transparent-5 { color: rgba(45, 53, 60, 0.5) !important; } .bg-dark-transparent-6 { background-color: rgba(45, 53, 60, 0.6) !important; } .text-dark-transparent-6 { color: rgba(45, 53, 60, 0.6) !important; } .bg-dark-transparent-7 { background-color: rgba(45, 53, 60, 0.7) !important; } .text-dark-transparent-7 { color: rgba(45, 53, 60, 0.7) !important; } .bg-dark-transparent-8 { background-color: rgba(45, 53, 60, 0.8) !important; } .text-dark-transparent-8 { color: rgba(45, 53, 60, 0.8) !important; } .bg-dark-transparent-9 { background-color: rgba(45, 53, 60, 0.9) !important; } .text-dark-transparent-9 { color: rgba(45, 53, 60, 0.9) !important; } .text-dark-darker { color: #1a2229 !important; } .text-dark-darker-lighter { color: #53595f !important; } .text-dark-darker-darker { color: #141a1f !important; } .bg-dark-darker { background-color: #1a2229 !important; } .bg-dark-darker-lighter { background-color: #53595f !important; } .bg-dark-darker-darker { background-color: #141a1f !important; } .bg-gradient-dark-darker { background: #1a2229 !important; background: linear-gradient(to bottom, #1a2729 0%, #1a2129 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-dark-darker .app-sidebar .nav > li.active > a { background-color: #1a2229 !important; } .bg-dark-darker-transparent-1 { background-color: rgba(26, 34, 41, 0.1) !important; } .text-dark-darker-transparent-1 { color: rgba(26, 34, 41, 0.1) !important; } .bg-dark-darker-transparent-2 { background-color: rgba(26, 34, 41, 0.2) !important; } .text-dark-darker-transparent-2 { color: rgba(26, 34, 41, 0.2) !important; } .bg-dark-darker-transparent-3 { background-color: rgba(26, 34, 41, 0.3) !important; } .text-dark-darker-transparent-3 { color: rgba(26, 34, 41, 0.3) !important; } .bg-dark-darker-transparent-4 { background-color: rgba(26, 34, 41, 0.4) !important; } .text-dark-darker-transparent-4 { color: rgba(26, 34, 41, 0.4) !important; } .bg-dark-darker-transparent-5 { background-color: rgba(26, 34, 41, 0.5) !important; } .text-dark-darker-transparent-5 { color: rgba(26, 34, 41, 0.5) !important; } .bg-dark-darker-transparent-6 { background-color: rgba(26, 34, 41, 0.6) !important; } .text-dark-darker-transparent-6 { color: rgba(26, 34, 41, 0.6) !important; } .bg-dark-darker-transparent-7 { background-color: rgba(26, 34, 41, 0.7) !important; } .text-dark-darker-transparent-7 { color: rgba(26, 34, 41, 0.7) !important; } .bg-dark-darker-transparent-8 { background-color: rgba(26, 34, 41, 0.8) !important; } .text-dark-darker-transparent-8 { color: rgba(26, 34, 41, 0.8) !important; } .bg-dark-darker-transparent-9 { background-color: rgba(26, 34, 41, 0.9) !important; } .text-dark-darker-transparent-9 { color: rgba(26, 34, 41, 0.9) !important; } .text-lime { color: #90ca4b !important; } .text-lime-lighter { color: #acd778 !important; } .text-lime-darker { color: #6c9838 !important; } .bg-lime { background-color: #90ca4b !important; } .bg-lime-lighter { background-color: #acd778 !important; } .bg-lime-darker { background-color: #6c9838 !important; } .bg-gradient-lime { background: #90ca4b !important; background: linear-gradient(to bottom, #85ca4b 0%, #baca4b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, 5deg)", endColorstr="adjust-hue($value, -20deg)",GradientType=0 ) !important; } .app-theme-lime .app-sidebar .nav > li.active > a { background-color: #90ca4b !important; } .bg-lime-transparent-1 { background-color: rgba(144, 202, 75, 0.1) !important; } .text-lime-transparent-1 { color: rgba(144, 202, 75, 0.1) !important; } .bg-lime-transparent-2 { background-color: rgba(144, 202, 75, 0.2) !important; } .text-lime-transparent-2 { color: rgba(144, 202, 75, 0.2) !important; } .bg-lime-transparent-3 { background-color: rgba(144, 202, 75, 0.3) !important; } .text-lime-transparent-3 { color: rgba(144, 202, 75, 0.3) !important; } .bg-lime-transparent-4 { background-color: rgba(144, 202, 75, 0.4) !important; } .text-lime-transparent-4 { color: rgba(144, 202, 75, 0.4) !important; } .bg-lime-transparent-5 { background-color: rgba(144, 202, 75, 0.5) !important; } .text-lime-transparent-5 { color: rgba(144, 202, 75, 0.5) !important; } .bg-lime-transparent-6 { background-color: rgba(144, 202, 75, 0.6) !important; } .text-lime-transparent-6 { color: rgba(144, 202, 75, 0.6) !important; } .bg-lime-transparent-7 { background-color: rgba(144, 202, 75, 0.7) !important; } .text-lime-transparent-7 { color: rgba(144, 202, 75, 0.7) !important; } .bg-lime-transparent-8 { background-color: rgba(144, 202, 75, 0.8) !important; } .text-lime-transparent-8 { color: rgba(144, 202, 75, 0.8) !important; } .bg-lime-transparent-9 { background-color: rgba(144, 202, 75, 0.9) !important; } .text-lime-transparent-9 { color: rgba(144, 202, 75, 0.9) !important; } .text-light { color: #f2f3f4 !important; } .text-light-lighter { color: #f5f6f7 !important; } .text-light-darker { color: #b6b6b7 !important; } .bg-light { background-color: #f2f3f4 !important; } .bg-light-lighter { background-color: #f5f6f7 !important; } .bg-light-darker { background-color: #b6b6b7 !important; } .bg-gradient-light { background: #f2f3f4 !important; background: linear-gradient(to bottom, #f2f4f4 0%, #f2f3f4 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-light .app-sidebar .nav > li.active > a { background-color: #f2f3f4 !important; } .bg-light-transparent-1 { background-color: rgba(242, 243, 244, 0.1) !important; } .text-light-transparent-1 { color: rgba(242, 243, 244, 0.1) !important; } .bg-light-transparent-2 { background-color: rgba(242, 243, 244, 0.2) !important; } .text-light-transparent-2 { color: rgba(242, 243, 244, 0.2) !important; } .bg-light-transparent-3 { background-color: rgba(242, 243, 244, 0.3) !important; } .text-light-transparent-3 { color: rgba(242, 243, 244, 0.3) !important; } .bg-light-transparent-4 { background-color: rgba(242, 243, 244, 0.4) !important; } .text-light-transparent-4 { color: rgba(242, 243, 244, 0.4) !important; } .bg-light-transparent-5 { background-color: rgba(242, 243, 244, 0.5) !important; } .text-light-transparent-5 { color: rgba(242, 243, 244, 0.5) !important; } .bg-light-transparent-6 { background-color: rgba(242, 243, 244, 0.6) !important; } .text-light-transparent-6 { color: rgba(242, 243, 244, 0.6) !important; } .bg-light-transparent-7 { background-color: rgba(242, 243, 244, 0.7) !important; } .text-light-transparent-7 { color: rgba(242, 243, 244, 0.7) !important; } .bg-light-transparent-8 { background-color: rgba(242, 243, 244, 0.8) !important; } .text-light-transparent-8 { color: rgba(242, 243, 244, 0.8) !important; } .bg-light-transparent-9 { background-color: rgba(242, 243, 244, 0.9) !important; } .text-light-transparent-9 { color: rgba(242, 243, 244, 0.9) !important; } .text-silver { color: #b6c2c9 !important; } .text-silver-lighter { color: #c8d1d7 !important; } .text-silver-darker { color: #899297 !important; } .bg-silver { background-color: #b6c2c9 !important; } .bg-silver-lighter { background-color: #c8d1d7 !important; } .bg-silver-darker { background-color: #899297 !important; } .bg-gradient-silver { background: #b6c2c9 !important; background: linear-gradient(to bottom, #b6c8c9 0%, #b6c0c9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-silver .app-sidebar .nav > li.active > a { background-color: #b6c2c9 !important; } .bg-silver-transparent-1 { background-color: rgba(182, 194, 201, 0.1) !important; } .text-silver-transparent-1 { color: rgba(182, 194, 201, 0.1) !important; } .bg-silver-transparent-2 { background-color: rgba(182, 194, 201, 0.2) !important; } .text-silver-transparent-2 { color: rgba(182, 194, 201, 0.2) !important; } .bg-silver-transparent-3 { background-color: rgba(182, 194, 201, 0.3) !important; } .text-silver-transparent-3 { color: rgba(182, 194, 201, 0.3) !important; } .bg-silver-transparent-4 { background-color: rgba(182, 194, 201, 0.4) !important; } .text-silver-transparent-4 { color: rgba(182, 194, 201, 0.4) !important; } .bg-silver-transparent-5 { background-color: rgba(182, 194, 201, 0.5) !important; } .text-silver-transparent-5 { color: rgba(182, 194, 201, 0.5) !important; } .bg-silver-transparent-6 { background-color: rgba(182, 194, 201, 0.6) !important; } .text-silver-transparent-6 { color: rgba(182, 194, 201, 0.6) !important; } .bg-silver-transparent-7 { background-color: rgba(182, 194, 201, 0.7) !important; } .text-silver-transparent-7 { color: rgba(182, 194, 201, 0.7) !important; } .bg-silver-transparent-8 { background-color: rgba(182, 194, 201, 0.8) !important; } .text-silver-transparent-8 { color: rgba(182, 194, 201, 0.8) !important; } .bg-silver-transparent-9 { background-color: rgba(182, 194, 201, 0.9) !important; } .text-silver-transparent-9 { color: rgba(182, 194, 201, 0.9) !important; } .text-muted { color: #627884 !important; } .text-muted-lighter { color: #899aa3 !important; } .text-muted-darker { color: #4a5a63 !important; } .bg-muted { background-color: #627884 !important; } .bg-muted-lighter { background-color: #899aa3 !important; } .bg-muted-darker { background-color: #4a5a63 !important; } .bg-gradient-muted { background: #627884 !important; background: linear-gradient(to bottom, #628384 0%, #627584 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-muted .app-sidebar .nav > li.active > a { background-color: #627884 !important; } .bg-muted-transparent-1 { background-color: rgba(98, 120, 132, 0.1) !important; } .text-muted-transparent-1 { color: rgba(98, 120, 132, 0.1) !important; } .bg-muted-transparent-2 { background-color: rgba(98, 120, 132, 0.2) !important; } .text-muted-transparent-2 { color: rgba(98, 120, 132, 0.2) !important; } .bg-muted-transparent-3 { background-color: rgba(98, 120, 132, 0.3) !important; } .text-muted-transparent-3 { color: rgba(98, 120, 132, 0.3) !important; } .bg-muted-transparent-4 { background-color: rgba(98, 120, 132, 0.4) !important; } .text-muted-transparent-4 { color: rgba(98, 120, 132, 0.4) !important; } .bg-muted-transparent-5 { background-color: rgba(98, 120, 132, 0.5) !important; } .text-muted-transparent-5 { color: rgba(98, 120, 132, 0.5) !important; } .bg-muted-transparent-6 { background-color: rgba(98, 120, 132, 0.6) !important; } .text-muted-transparent-6 { color: rgba(98, 120, 132, 0.6) !important; } .bg-muted-transparent-7 { background-color: rgba(98, 120, 132, 0.7) !important; } .text-muted-transparent-7 { color: rgba(98, 120, 132, 0.7) !important; } .bg-muted-transparent-8 { background-color: rgba(98, 120, 132, 0.8) !important; } .text-muted-transparent-8 { color: rgba(98, 120, 132, 0.8) !important; } .bg-muted-transparent-9 { background-color: rgba(98, 120, 132, 0.9) !important; } .text-muted-transparent-9 { color: rgba(98, 120, 132, 0.9) !important; } .text-aqua { color: #49b6d6 !important; } .text-aqua-lighter { color: #77c8e0 !important; } .text-aqua-darker { color: #3789a1 !important; } .bg-aqua { background-color: #49b6d6 !important; } .bg-aqua-lighter { background-color: #77c8e0 !important; } .bg-aqua-darker { background-color: #3789a1 !important; } .bg-gradient-aqua { background: #49b6d6 !important; background: linear-gradient(to bottom, #49d6c7 0%, #49aad6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-aqua .app-sidebar .nav > li.active > a { background-color: #49b6d6 !important; } .bg-aqua-transparent-1 { background-color: rgba(73, 182, 214, 0.1) !important; } .text-aqua-transparent-1 { color: rgba(73, 182, 214, 0.1) !important; } .bg-aqua-transparent-2 { background-color: rgba(73, 182, 214, 0.2) !important; } .text-aqua-transparent-2 { color: rgba(73, 182, 214, 0.2) !important; } .bg-aqua-transparent-3 { background-color: rgba(73, 182, 214, 0.3) !important; } .text-aqua-transparent-3 { color: rgba(73, 182, 214, 0.3) !important; } .bg-aqua-transparent-4 { background-color: rgba(73, 182, 214, 0.4) !important; } .text-aqua-transparent-4 { color: rgba(73, 182, 214, 0.4) !important; } .bg-aqua-transparent-5 { background-color: rgba(73, 182, 214, 0.5) !important; } .text-aqua-transparent-5 { color: rgba(73, 182, 214, 0.5) !important; } .bg-aqua-transparent-6 { background-color: rgba(73, 182, 214, 0.6) !important; } .text-aqua-transparent-6 { color: rgba(73, 182, 214, 0.6) !important; } .bg-aqua-transparent-7 { background-color: rgba(73, 182, 214, 0.7) !important; } .text-aqua-transparent-7 { color: rgba(73, 182, 214, 0.7) !important; } .bg-aqua-transparent-8 { background-color: rgba(73, 182, 214, 0.8) !important; } .text-aqua-transparent-8 { color: rgba(73, 182, 214, 0.8) !important; } .bg-aqua-transparent-9 { background-color: rgba(73, 182, 214, 0.9) !important; } .text-aqua-transparent-9 { color: rgba(73, 182, 214, 0.9) !important; } .text-gray-100 { color: #f8f9fa !important; } .text-gray-100-lighter { color: #fafbfb !important; } .text-gray-100-darker { color: #babbbc !important; } .bg-gray-100 { background-color: #f8f9fa !important; } .bg-gray-100-lighter { background-color: #fafbfb !important; } .bg-gray-100-darker { background-color: #babbbc !important; } .bg-gradient-gray-100 { background: #f8f9fa !important; background: linear-gradient(to bottom, #f8fafa 0%, #f8f9fa 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-100 .app-sidebar .nav > li.active > a { background-color: #f8f9fa !important; } .bg-gray-100-transparent-1 { background-color: rgba(248, 249, 250, 0.1) !important; } .text-gray-100-transparent-1 { color: rgba(248, 249, 250, 0.1) !important; } .bg-gray-100-transparent-2 { background-color: rgba(248, 249, 250, 0.2) !important; } .text-gray-100-transparent-2 { color: rgba(248, 249, 250, 0.2) !important; } .bg-gray-100-transparent-3 { background-color: rgba(248, 249, 250, 0.3) !important; } .text-gray-100-transparent-3 { color: rgba(248, 249, 250, 0.3) !important; } .bg-gray-100-transparent-4 { background-color: rgba(248, 249, 250, 0.4) !important; } .text-gray-100-transparent-4 { color: rgba(248, 249, 250, 0.4) !important; } .bg-gray-100-transparent-5 { background-color: rgba(248, 249, 250, 0.5) !important; } .text-gray-100-transparent-5 { color: rgba(248, 249, 250, 0.5) !important; } .bg-gray-100-transparent-6 { background-color: rgba(248, 249, 250, 0.6) !important; } .text-gray-100-transparent-6 { color: rgba(248, 249, 250, 0.6) !important; } .bg-gray-100-transparent-7 { background-color: rgba(248, 249, 250, 0.7) !important; } .text-gray-100-transparent-7 { color: rgba(248, 249, 250, 0.7) !important; } .bg-gray-100-transparent-8 { background-color: rgba(248, 249, 250, 0.8) !important; } .text-gray-100-transparent-8 { color: rgba(248, 249, 250, 0.8) !important; } .bg-gray-100-transparent-9 { background-color: rgba(248, 249, 250, 0.9) !important; } .text-gray-100-transparent-9 { color: rgba(248, 249, 250, 0.9) !important; } .text-gray-200 { color: #e9ecef !important; } .text-gray-200-lighter { color: #eff1f3 !important; } .text-gray-200-darker { color: #afb1b3 !important; } .bg-gray-200 { background-color: #e9ecef !important; } .bg-gray-200-lighter { background-color: #eff1f3 !important; } .bg-gray-200-darker { background-color: #afb1b3 !important; } .bg-gradient-gray-200 { background: #e9ecef !important; background: linear-gradient(to bottom, #e9eeef 0%, #e9ecef 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-200 .app-sidebar .nav > li.active > a { background-color: #e9ecef !important; } .bg-gray-200-transparent-1 { background-color: rgba(233, 236, 239, 0.1) !important; } .text-gray-200-transparent-1 { color: rgba(233, 236, 239, 0.1) !important; } .bg-gray-200-transparent-2 { background-color: rgba(233, 236, 239, 0.2) !important; } .text-gray-200-transparent-2 { color: rgba(233, 236, 239, 0.2) !important; } .bg-gray-200-transparent-3 { background-color: rgba(233, 236, 239, 0.3) !important; } .text-gray-200-transparent-3 { color: rgba(233, 236, 239, 0.3) !important; } .bg-gray-200-transparent-4 { background-color: rgba(233, 236, 239, 0.4) !important; } .text-gray-200-transparent-4 { color: rgba(233, 236, 239, 0.4) !important; } .bg-gray-200-transparent-5 { background-color: rgba(233, 236, 239, 0.5) !important; } .text-gray-200-transparent-5 { color: rgba(233, 236, 239, 0.5) !important; } .bg-gray-200-transparent-6 { background-color: rgba(233, 236, 239, 0.6) !important; } .text-gray-200-transparent-6 { color: rgba(233, 236, 239, 0.6) !important; } .bg-gray-200-transparent-7 { background-color: rgba(233, 236, 239, 0.7) !important; } .text-gray-200-transparent-7 { color: rgba(233, 236, 239, 0.7) !important; } .bg-gray-200-transparent-8 { background-color: rgba(233, 236, 239, 0.8) !important; } .text-gray-200-transparent-8 { color: rgba(233, 236, 239, 0.8) !important; } .bg-gray-200-transparent-9 { background-color: rgba(233, 236, 239, 0.9) !important; } .text-gray-200-transparent-9 { color: rgba(233, 236, 239, 0.9) !important; } .text-gray-300 { color: #dee2e6 !important; } .text-gray-300-lighter { color: #e6e9ec !important; } .text-gray-300-darker { color: #a7aaad !important; } .bg-gray-300 { background-color: #dee2e6 !important; } .bg-gray-300-lighter { background-color: #e6e9ec !important; } .bg-gray-300-darker { background-color: #a7aaad !important; } .bg-gradient-gray-300 { background: #dee2e6 !important; background: linear-gradient(to bottom, #dee5e6 0%, #dee1e6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-300 .app-sidebar .nav > li.active > a { background-color: #dee2e6 !important; } .bg-gray-300-transparent-1 { background-color: rgba(222, 226, 230, 0.1) !important; } .text-gray-300-transparent-1 { color: rgba(222, 226, 230, 0.1) !important; } .bg-gray-300-transparent-2 { background-color: rgba(222, 226, 230, 0.2) !important; } .text-gray-300-transparent-2 { color: rgba(222, 226, 230, 0.2) !important; } .bg-gray-300-transparent-3 { background-color: rgba(222, 226, 230, 0.3) !important; } .text-gray-300-transparent-3 { color: rgba(222, 226, 230, 0.3) !important; } .bg-gray-300-transparent-4 { background-color: rgba(222, 226, 230, 0.4) !important; } .text-gray-300-transparent-4 { color: rgba(222, 226, 230, 0.4) !important; } .bg-gray-300-transparent-5 { background-color: rgba(222, 226, 230, 0.5) !important; } .text-gray-300-transparent-5 { color: rgba(222, 226, 230, 0.5) !important; } .bg-gray-300-transparent-6 { background-color: rgba(222, 226, 230, 0.6) !important; } .text-gray-300-transparent-6 { color: rgba(222, 226, 230, 0.6) !important; } .bg-gray-300-transparent-7 { background-color: rgba(222, 226, 230, 0.7) !important; } .text-gray-300-transparent-7 { color: rgba(222, 226, 230, 0.7) !important; } .bg-gray-300-transparent-8 { background-color: rgba(222, 226, 230, 0.8) !important; } .text-gray-300-transparent-8 { color: rgba(222, 226, 230, 0.8) !important; } .bg-gray-300-transparent-9 { background-color: rgba(222, 226, 230, 0.9) !important; } .text-gray-300-transparent-9 { color: rgba(222, 226, 230, 0.9) !important; } .text-gray-400 { color: #ced4da !important; } .text-gray-400-lighter { color: #dadfe3 !important; } .text-gray-400-darker { color: #9b9fa4 !important; } .bg-gray-400 { background-color: #ced4da !important; } .bg-gray-400-lighter { background-color: #dadfe3 !important; } .bg-gray-400-darker { background-color: #9b9fa4 !important; } .bg-gradient-gray-400 { background: #ced4da !important; background: linear-gradient(to bottom, #ced8da 0%, #ced3da 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-400 .app-sidebar .nav > li.active > a { background-color: #ced4da !important; } .bg-gray-400-transparent-1 { background-color: rgba(206, 212, 218, 0.1) !important; } .text-gray-400-transparent-1 { color: rgba(206, 212, 218, 0.1) !important; } .bg-gray-400-transparent-2 { background-color: rgba(206, 212, 218, 0.2) !important; } .text-gray-400-transparent-2 { color: rgba(206, 212, 218, 0.2) !important; } .bg-gray-400-transparent-3 { background-color: rgba(206, 212, 218, 0.3) !important; } .text-gray-400-transparent-3 { color: rgba(206, 212, 218, 0.3) !important; } .bg-gray-400-transparent-4 { background-color: rgba(206, 212, 218, 0.4) !important; } .text-gray-400-transparent-4 { color: rgba(206, 212, 218, 0.4) !important; } .bg-gray-400-transparent-5 { background-color: rgba(206, 212, 218, 0.5) !important; } .text-gray-400-transparent-5 { color: rgba(206, 212, 218, 0.5) !important; } .bg-gray-400-transparent-6 { background-color: rgba(206, 212, 218, 0.6) !important; } .text-gray-400-transparent-6 { color: rgba(206, 212, 218, 0.6) !important; } .bg-gray-400-transparent-7 { background-color: rgba(206, 212, 218, 0.7) !important; } .text-gray-400-transparent-7 { color: rgba(206, 212, 218, 0.7) !important; } .bg-gray-400-transparent-8 { background-color: rgba(206, 212, 218, 0.8) !important; } .text-gray-400-transparent-8 { color: rgba(206, 212, 218, 0.8) !important; } .bg-gray-400-transparent-9 { background-color: rgba(206, 212, 218, 0.9) !important; } .text-gray-400-transparent-9 { color: rgba(206, 212, 218, 0.9) !important; } .text-gray-500 { color: #adb5bd !important; } .text-gray-500-lighter { color: #c2c8ce !important; } .text-gray-500-darker { color: #82888e !important; } .bg-gray-500 { background-color: #adb5bd !important; } .bg-gray-500-lighter { background-color: #c2c8ce !important; } .bg-gray-500-darker { background-color: #82888e !important; } .bg-gradient-gray-500 { background: #adb5bd !important; background: linear-gradient(to bottom, #adbabd 0%, #adb4bd 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-500 .app-sidebar .nav > li.active > a { background-color: #adb5bd !important; } .bg-gray-500-transparent-1 { background-color: rgba(173, 181, 189, 0.1) !important; } .text-gray-500-transparent-1 { color: rgba(173, 181, 189, 0.1) !important; } .bg-gray-500-transparent-2 { background-color: rgba(173, 181, 189, 0.2) !important; } .text-gray-500-transparent-2 { color: rgba(173, 181, 189, 0.2) !important; } .bg-gray-500-transparent-3 { background-color: rgba(173, 181, 189, 0.3) !important; } .text-gray-500-transparent-3 { color: rgba(173, 181, 189, 0.3) !important; } .bg-gray-500-transparent-4 { background-color: rgba(173, 181, 189, 0.4) !important; } .text-gray-500-transparent-4 { color: rgba(173, 181, 189, 0.4) !important; } .bg-gray-500-transparent-5 { background-color: rgba(173, 181, 189, 0.5) !important; } .text-gray-500-transparent-5 { color: rgba(173, 181, 189, 0.5) !important; } .bg-gray-500-transparent-6 { background-color: rgba(173, 181, 189, 0.6) !important; } .text-gray-500-transparent-6 { color: rgba(173, 181, 189, 0.6) !important; } .bg-gray-500-transparent-7 { background-color: rgba(173, 181, 189, 0.7) !important; } .text-gray-500-transparent-7 { color: rgba(173, 181, 189, 0.7) !important; } .bg-gray-500-transparent-8 { background-color: rgba(173, 181, 189, 0.8) !important; } .text-gray-500-transparent-8 { color: rgba(173, 181, 189, 0.8) !important; } .bg-gray-500-transparent-9 { background-color: rgba(173, 181, 189, 0.9) !important; } .text-gray-500-transparent-9 { color: rgba(173, 181, 189, 0.9) !important; } .text-gray-600 { color: #6c757d !important; } .text-gray-600-lighter { color: #91989e !important; } .text-gray-600-darker { color: #51585e !important; } .bg-gray-600 { background-color: #6c757d !important; } .bg-gray-600-lighter { background-color: #91989e !important; } .bg-gray-600-darker { background-color: #51585e !important; } .bg-gradient-gray-600 { background: #6c757d !important; background: linear-gradient(to bottom, #6c7b7d 0%, #6c747d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-600 .app-sidebar .nav > li.active > a { background-color: #6c757d !important; } .bg-gray-600-transparent-1 { background-color: rgba(108, 117, 125, 0.1) !important; } .text-gray-600-transparent-1 { color: rgba(108, 117, 125, 0.1) !important; } .bg-gray-600-transparent-2 { background-color: rgba(108, 117, 125, 0.2) !important; } .text-gray-600-transparent-2 { color: rgba(108, 117, 125, 0.2) !important; } .bg-gray-600-transparent-3 { background-color: rgba(108, 117, 125, 0.3) !important; } .text-gray-600-transparent-3 { color: rgba(108, 117, 125, 0.3) !important; } .bg-gray-600-transparent-4 { background-color: rgba(108, 117, 125, 0.4) !important; } .text-gray-600-transparent-4 { color: rgba(108, 117, 125, 0.4) !important; } .bg-gray-600-transparent-5 { background-color: rgba(108, 117, 125, 0.5) !important; } .text-gray-600-transparent-5 { color: rgba(108, 117, 125, 0.5) !important; } .bg-gray-600-transparent-6 { background-color: rgba(108, 117, 125, 0.6) !important; } .text-gray-600-transparent-6 { color: rgba(108, 117, 125, 0.6) !important; } .bg-gray-600-transparent-7 { background-color: rgba(108, 117, 125, 0.7) !important; } .text-gray-600-transparent-7 { color: rgba(108, 117, 125, 0.7) !important; } .bg-gray-600-transparent-8 { background-color: rgba(108, 117, 125, 0.8) !important; } .text-gray-600-transparent-8 { color: rgba(108, 117, 125, 0.8) !important; } .bg-gray-600-transparent-9 { background-color: rgba(108, 117, 125, 0.9) !important; } .text-gray-600-transparent-9 { color: rgba(108, 117, 125, 0.9) !important; } .text-gray-700 { color: #495057 !important; } .text-gray-700-lighter { color: #777c81 !important; } .text-gray-700-darker { color: #373c41 !important; } .bg-gray-700 { background-color: #495057 !important; } .bg-gray-700-lighter { background-color: #777c81 !important; } .bg-gray-700-darker { background-color: #373c41 !important; } .bg-gradient-gray-700 { background: #495057 !important; background: linear-gradient(to bottom, #495557 0%, #494f57 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-700 .app-sidebar .nav > li.active > a { background-color: #495057 !important; } .bg-gray-700-transparent-1 { background-color: rgba(73, 80, 87, 0.1) !important; } .text-gray-700-transparent-1 { color: rgba(73, 80, 87, 0.1) !important; } .bg-gray-700-transparent-2 { background-color: rgba(73, 80, 87, 0.2) !important; } .text-gray-700-transparent-2 { color: rgba(73, 80, 87, 0.2) !important; } .bg-gray-700-transparent-3 { background-color: rgba(73, 80, 87, 0.3) !important; } .text-gray-700-transparent-3 { color: rgba(73, 80, 87, 0.3) !important; } .bg-gray-700-transparent-4 { background-color: rgba(73, 80, 87, 0.4) !important; } .text-gray-700-transparent-4 { color: rgba(73, 80, 87, 0.4) !important; } .bg-gray-700-transparent-5 { background-color: rgba(73, 80, 87, 0.5) !important; } .text-gray-700-transparent-5 { color: rgba(73, 80, 87, 0.5) !important; } .bg-gray-700-transparent-6 { background-color: rgba(73, 80, 87, 0.6) !important; } .text-gray-700-transparent-6 { color: rgba(73, 80, 87, 0.6) !important; } .bg-gray-700-transparent-7 { background-color: rgba(73, 80, 87, 0.7) !important; } .text-gray-700-transparent-7 { color: rgba(73, 80, 87, 0.7) !important; } .bg-gray-700-transparent-8 { background-color: rgba(73, 80, 87, 0.8) !important; } .text-gray-700-transparent-8 { color: rgba(73, 80, 87, 0.8) !important; } .bg-gray-700-transparent-9 { background-color: rgba(73, 80, 87, 0.9) !important; } .text-gray-700-transparent-9 { color: rgba(73, 80, 87, 0.9) !important; } .text-gray-800 { color: #343a40 !important; } .text-gray-800-lighter { color: #676b70 !important; } .text-gray-800-darker { color: #272c30 !important; } .bg-gray-800 { background-color: #343a40 !important; } .bg-gray-800-lighter { background-color: #676b70 !important; } .bg-gray-800-darker { background-color: #272c30 !important; } .bg-gradient-gray-800 { background: #343a40 !important; background: linear-gradient(to bottom, #343e40 0%, #343940 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-800 .app-sidebar .nav > li.active > a { background-color: #343a40 !important; } .bg-gray-800-transparent-1 { background-color: rgba(52, 58, 64, 0.1) !important; } .text-gray-800-transparent-1 { color: rgba(52, 58, 64, 0.1) !important; } .bg-gray-800-transparent-2 { background-color: rgba(52, 58, 64, 0.2) !important; } .text-gray-800-transparent-2 { color: rgba(52, 58, 64, 0.2) !important; } .bg-gray-800-transparent-3 { background-color: rgba(52, 58, 64, 0.3) !important; } .text-gray-800-transparent-3 { color: rgba(52, 58, 64, 0.3) !important; } .bg-gray-800-transparent-4 { background-color: rgba(52, 58, 64, 0.4) !important; } .text-gray-800-transparent-4 { color: rgba(52, 58, 64, 0.4) !important; } .bg-gray-800-transparent-5 { background-color: rgba(52, 58, 64, 0.5) !important; } .text-gray-800-transparent-5 { color: rgba(52, 58, 64, 0.5) !important; } .bg-gray-800-transparent-6 { background-color: rgba(52, 58, 64, 0.6) !important; } .text-gray-800-transparent-6 { color: rgba(52, 58, 64, 0.6) !important; } .bg-gray-800-transparent-7 { background-color: rgba(52, 58, 64, 0.7) !important; } .text-gray-800-transparent-7 { color: rgba(52, 58, 64, 0.7) !important; } .bg-gray-800-transparent-8 { background-color: rgba(52, 58, 64, 0.8) !important; } .text-gray-800-transparent-8 { color: rgba(52, 58, 64, 0.8) !important; } .bg-gray-800-transparent-9 { background-color: rgba(52, 58, 64, 0.9) !important; } .text-gray-800-transparent-9 { color: rgba(52, 58, 64, 0.9) !important; } .text-gray-900 { color: #2d353c !important; } .text-gray-900-lighter { color: #62686d !important; } .text-gray-900-darker { color: #22282d !important; } .bg-gray-900 { background-color: #2d353c !important; } .bg-gray-900-lighter { background-color: #62686d !important; } .bg-gray-900-darker { background-color: #22282d !important; } .bg-gradient-gray-900 { background: #2d353c !important; background: linear-gradient(to bottom, #2d3a3c 0%, #2d343c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="adjust-hue($value, -20deg)", endColorstr="adjust-hue($value, 5deg)",GradientType=0 ) !important; } .app-theme-gray-900 .app-sidebar .nav > li.active > a { background-color: #2d353c !important; } .bg-gray-900-transparent-1 { background-color: rgba(45, 53, 60, 0.1) !important; } .text-gray-900-transparent-1 { color: rgba(45, 53, 60, 0.1) !important; } .bg-gray-900-transparent-2 { background-color: rgba(45, 53, 60, 0.2) !important; } .text-gray-900-transparent-2 { color: rgba(45, 53, 60, 0.2) !important; } .bg-gray-900-transparent-3 { background-color: rgba(45, 53, 60, 0.3) !important; } .text-gray-900-transparent-3 { color: rgba(45, 53, 60, 0.3) !important; } .bg-gray-900-transparent-4 { background-color: rgba(45, 53, 60, 0.4) !important; } .text-gray-900-transparent-4 { color: rgba(45, 53, 60, 0.4) !important; } .bg-gray-900-transparent-5 { background-color: rgba(45, 53, 60, 0.5) !important; } .text-gray-900-transparent-5 { color: rgba(45, 53, 60, 0.5) !important; } .bg-gray-900-transparent-6 { background-color: rgba(45, 53, 60, 0.6) !important; } .text-gray-900-transparent-6 { color: rgba(45, 53, 60, 0.6) !important; } .bg-gray-900-transparent-7 { background-color: rgba(45, 53, 60, 0.7) !important; } .text-gray-900-transparent-7 { color: rgba(45, 53, 60, 0.7) !important; } .bg-gray-900-transparent-8 { background-color: rgba(45, 53, 60, 0.8) !important; } .text-gray-900-transparent-8 { color: rgba(45, 53, 60, 0.8) !important; } .bg-gray-900-transparent-9 { background-color: rgba(45, 53, 60, 0.9) !important; } .text-gray-900-transparent-9 { color: rgba(45, 53, 60, 0.9) !important; } .no-bg { background: none !important; } .bg-gradient-red-pink, .bg-gradient-red-pink-to-right, .bg-gradient-red-pink-diagonal-down, .bg-gradient-red-pink-diagonal-up { background: #ff5b57; } .bg-gradient-red-pink { background: linear-gradient(to bottom, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-red-pink-to-right { background: linear-gradient(to right, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-red-pink-to-top { background: linear-gradient(to top, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-red-pink-to-left { background: linear-gradient(to left, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-red-pink-diagonal-down { background: linear-gradient(-45deg, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-red-pink-diagonal-up { background: linear-gradient(45deg, #ff5b57 0%, #fb5597 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-orange-red, .bg-gradient-orange-red-to-right, .bg-gradient-orange-red-diagonal-down, .bg-gradient-orange-red-diagonal-up { background: #f59c1a; } .bg-gradient-orange-red { background: linear-gradient(to bottom, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-orange-red-to-right { background: linear-gradient(to right, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-orange-red-to-top { background: linear-gradient(to top, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-orange-red-to-left { background: linear-gradient(to left, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-orange-red-diagonal-down { background: linear-gradient(-45deg, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-orange-red-diagonal-up { background: linear-gradient(45deg, #f59c1a 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-orange, .bg-gradient-yellow-orange-to-right, .bg-gradient-yellow-orange-diagonal-down, .bg-gradient-yellow-orange-diagonal-up { background: #ffd900; } .bg-gradient-yellow-orange { background: linear-gradient(to bottom, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-yellow-orange-to-right { background: linear-gradient(to right, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-orange-to-top { background: linear-gradient(to top, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-orange-to-left { background: linear-gradient(to left, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-orange-diagonal-down { background: linear-gradient(-45deg, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-orange-diagonal-up { background: linear-gradient(45deg, #ffd900 0%, #f59c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-red, .bg-gradient-yellow-red-to-right, .bg-gradient-yellow-red-diagonal-down, .bg-gradient-yellow-red-diagonal-up { background: #ffd900; } .bg-gradient-yellow-red { background: linear-gradient(to bottom, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-yellow-red-to-right { background: linear-gradient(to right, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-red-to-top { background: linear-gradient(to top, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-red-to-left { background: linear-gradient(to left, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-red-diagonal-down { background: linear-gradient(-45deg, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-red-diagonal-up { background: linear-gradient(45deg, #ffd900 0%, #ff5b57 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-teal-green, .bg-gradient-teal-green-to-right, .bg-gradient-teal-green-diagonal-down, .bg-gradient-teal-green-diagonal-up { background: #00acac; } .bg-gradient-teal-green { background: linear-gradient(to bottom, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-teal-green-to-right { background: linear-gradient(to right, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-teal-green-to-top { background: linear-gradient(to top, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-teal-green-to-left { background: linear-gradient(to left, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-teal-green-diagonal-down { background: linear-gradient(-45deg, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-teal-green-diagonal-up { background: linear-gradient(45deg, #00acac 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-green, .bg-gradient-yellow-green-to-right, .bg-gradient-yellow-green-diagonal-down, .bg-gradient-yellow-green-diagonal-up { background: #ffd900; } .bg-gradient-yellow-green { background: linear-gradient(to bottom, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-yellow-green-to-right { background: linear-gradient(to right, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-green-to-top { background: linear-gradient(to top, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-green-to-left { background: linear-gradient(to left, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-green-diagonal-down { background: linear-gradient(-45deg, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-yellow-green-diagonal-up { background: linear-gradient(45deg, #ffd900 0%, #32a932 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-purple, .bg-gradient-blue-purple-to-right, .bg-gradient-blue-purple-diagonal-down, .bg-gradient-blue-purple-diagonal-up { background: #348fe2; } .bg-gradient-blue-purple { background: linear-gradient(to bottom, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-blue-purple-to-right { background: linear-gradient(to right, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-purple-to-top { background: linear-gradient(to top, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-purple-to-left { background: linear-gradient(to left, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-purple-diagonal-down { background: linear-gradient(-45deg, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-purple-diagonal-up { background: linear-gradient(45deg, #348fe2 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-blue, .bg-gradient-cyan-blue-to-right, .bg-gradient-cyan-blue-diagonal-down, .bg-gradient-cyan-blue-diagonal-up { background: #49b6d6; } .bg-gradient-cyan-blue { background: linear-gradient(to bottom, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-cyan-blue-to-right { background: linear-gradient(to right, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-blue-to-top { background: linear-gradient(to top, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-blue-to-left { background: linear-gradient(to left, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-blue-diagonal-down { background: linear-gradient(-45deg, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-blue-diagonal-up { background: linear-gradient(45deg, #49b6d6 0%, #348fe2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-purple, .bg-gradient-cyan-purple-to-right, .bg-gradient-cyan-purple-diagonal-down, .bg-gradient-cyan-purple-diagonal-up { background: #49b6d6; } .bg-gradient-cyan-purple { background: linear-gradient(to bottom, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-cyan-purple-to-right { background: linear-gradient(to right, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-purple-to-top { background: linear-gradient(to top, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-purple-to-left { background: linear-gradient(to left, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-purple-diagonal-down { background: linear-gradient(-45deg, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-purple-diagonal-up { background: linear-gradient(45deg, #49b6d6 0%, #727cb6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-indigo, .bg-gradient-cyan-indigo-to-right, .bg-gradient-cyan-indigo-diagonal-down, .bg-gradient-cyan-indigo-diagonal-up { background: #49b6d6; } .bg-gradient-cyan-indigo { background: linear-gradient(to bottom, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-cyan-indigo-to-right { background: linear-gradient(to right, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-indigo-to-top { background: linear-gradient(to top, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-indigo-to-left { background: linear-gradient(to left, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-indigo-diagonal-down { background: linear-gradient(-45deg, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-cyan-indigo-diagonal-up { background: linear-gradient(45deg, #49b6d6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-indigo, .bg-gradient-blue-indigo-to-right, .bg-gradient-blue-indigo-diagonal-down, .bg-gradient-blue-indigo-diagonal-up { background: #348fe2; } .bg-gradient-blue-indigo { background: linear-gradient(to bottom, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-blue-indigo-to-right { background: linear-gradient(to right, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-indigo-to-top { background: linear-gradient(to top, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-indigo-to-left { background: linear-gradient(to left, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-indigo-diagonal-down { background: linear-gradient(-45deg, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-blue-indigo-diagonal-up { background: linear-gradient(45deg, #348fe2 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-purple-indigo, .bg-gradient-purple-indigo-to-right, .bg-gradient-purple-indigo-diagonal-down, .bg-gradient-purple-indigo-diagonal-up { background: #727cb6; } .bg-gradient-purple-indigo { background: linear-gradient(to bottom, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-purple-indigo-to-right { background: linear-gradient(to right, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-purple-indigo-to-top { background: linear-gradient(to top, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-purple-indigo-to-left { background: linear-gradient(to left, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-purple-indigo-diagonal-down { background: linear-gradient(-45deg, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-purple-indigo-diagonal-up { background: linear-gradient(45deg, #727cb6 0%, #8753de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-silver-black, .bg-gradient-silver-black-to-right, .bg-gradient-silver-black-diagonal-down, .bg-gradient-silver-black-diagonal-up { background: #b6c2c9; } .bg-gradient-silver-black { background: linear-gradient(to bottom, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=0 ); } .bg-gradient-silver-black-to-right { background: linear-gradient(to right, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-silver-black-to-top { background: linear-gradient(to top, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-silver-black-to-left { background: linear-gradient(to left, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-silver-black-diagonal-down { background: linear-gradient(-45deg, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } .bg-gradient-silver-black-diagonal-up { background: linear-gradient(45deg, #b6c2c9 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 ); } /* Helper Opacity */ .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .opacity-10 { opacity: 1 !important; } /* Helper Box Shadow */ .with-shadow { box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1) !important; } /* Helper Display */ .hide { display: none !important; } /* Helper Image */ .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.375rem; } .img-circle { border-radius: 50%; } .valign-top { vertical-align: top !important; } .valign-bottom { vertical-align: bottom !important; } .valign-middle { vertical-align: middle !important; } .table-no-border-left tbody tr td, .table-no-border-left tbody tr th, .table-no-border-left thead tr td, .table-no-border-left thead tr th { border-left: none; } .table-no-border-right tbody tr td, .table-no-border-right tbody tr th, .table-no-border-right thead tr td, .table-no-border-right thead tr th { border-right: none; } .text-gradient { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .row { margin-left: -10px; margin-right: -10px; } .row > [class^=col-] { padding-left: 10px; padding-right: 10px; } .row.row-space-0 { margin-left: 0; margin-right: 0; } .row.row-space-2 { margin-left: -1px; margin-right: -1px; } .row.row-space-4 { margin-left: -2px; margin-right: -2px; } .row.row-space-6 { margin-left: -3px; margin-right: -3px; } .row.row-space-8 { margin-left: -4px; margin-right: -4px; } .row.row-space-10 { margin-left: -5px; margin-right: -5px; } .row.row-space-12 { margin-left: -6px; margin-right: -6px; } .row.row-space-14 { margin-left: -7px; margin-right: -7px; } .row.row-space-16 { margin-left: -8px; margin-right: -8px; } .row.row-space-18 { margin-left: -9px; margin-right: -9px; } .row.row-space-20 { margin-left: -10px; margin-right: -10px; } .row.row-space-22 { margin-left: -11px; margin-right: -11px; } .row.row-space-24 { margin-left: -12px; margin-right: -12px; } .row.row-space-26 { margin-left: -13px; margin-right: -13px; } .row.row-space-28 { margin-left: -14px; margin-right: -14px; } .row.row-space-30 { margin-left: -15px; margin-right: -15px; } .row.row-space-0 > [class^=col-] { padding-left: 0; padding-right: 0; } .row.row-space-2 > [class^=col-] { padding-left: 1px; padding-right: 1px; } .row.row-space-4 > [class^=col-] { padding-left: 2px; padding-right: 2px; } .row.row-space-6 > [class^=col-] { padding-left: 3px; padding-right: 3px; } .row.row-space-8 > [class^=col-] { padding-left: 4px; padding-right: 4px; } .row.row-space-10 > [class^=col-] { padding-left: 5px; padding-right: 5px; } .row.row-space-12 > [class^=col-] { padding-left: 6px; padding-right: 6px; } .row.row-space-14 > [class^=col-] { padding-left: 7px; padding-right: 7px; } .row.row-space-16 > [class^=col-] { padding-left: 8px; padding-right: 8px; } .row.row-space-18 > [class^=col-] { padding-left: 9px; padding-right: 9px; } .row.row-space-20 > [class^=col-] { padding-left: 10px; padding-right: 10px; } .row.row-space-22 > [class^=col-] { padding-left: 11px; padding-right: 11px; } .row.row-space-24 > [class^=col-] { padding-left: 12px; padding-right: 12px; } .row.row-space-26 > [class^=col-] { padding-left: 13px; padding-right: 13px; } .row.row-space-28 > [class^=col-] { padding-left: 14px; padding-right: 14px; } .row.row-space-30 > [class^=col-] { padding-left: 15px; padding-right: 15px; } .height-xs { height: 150px !important; } .height-sm { height: 300px !important; } .height-md { height: 450px !important; } .height-lg { height: 600px !important; } .height-full { height: 100% !important; } .height-0 { height: 0px !important; } .height-10 { height: 10px !important; } .height-20 { height: 20px !important; } .height-30 { height: 30px !important; } .height-40 { height: 40px !important; } .height-50 { height: 50px !important; } .height-60 { height: 60px !important; } .height-70 { height: 70px !important; } .height-80 { height: 80px !important; } .height-90 { height: 90px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .wrapper { padding: 15px; } .width-xs { width: 150px !important; } .width-sm { width: 300px !important; } .width-md { width: 450px !important; } .width-lg { width: 600px !important; } .width-full { width: 100% !important; } .width-0 { width: 0px !important; } .width-10 { width: 10px !important; } .width-20 { width: 20px !important; } .width-30 { width: 30px !important; } .width-40 { width: 40px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-70 { width: 70px !important; } .width-80 { width: 80px !important; } .width-90 { width: 90px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .doblesItem { justify-content: space-evenly; margin: 15px; border-bottom: black solid 1px; padding: 5px 0; } .quiz-window-header { padding: 20px 15px; text-align: center; position: relative; } .quiz-window-title { font-size: 26px; } .quiz-window-body { background-color: #f9f9f9; } .guiz-awards-row { margin: 0; padding: 10px 40px; list-style: none; } .guiz-awards-row:after { content: ""; display: table; clear: both; } .guiz-awards-row-even { background-color: #fff; } .guiz-awards-row li { display: inline-block; vertical-align: top; float: left; } .guiz-awards-header { text-align: center; padding: 20px 40px; } .guiz-awards-star, .guiz-awards-track, .guiz-awards-time, .guiz-awards-header-star, .guiz-awards-header-track, .guiz-awards-header-time { min-width: 54px; text-align: center; width: 16%; } .guiz-awards-title { width: 40%; min-width: 160px; font-size: 18px; font-weight: normal; padding-top: 3px; } .guiz-awards-header-title { width: 40%; min-width: 160px; } .guiz-awards-subtitle { color: #858585; font-size: 14px; font-weight: 300; } .guiz-awards-track, .guiz-awards-time { width: 22%; min-width: 80px; font-size: 18px; line-height: 45px; } .guiz-awards-header-track, .guiz-awards-header-time { width: 22%; min-width: 80px; } .guiz-awards-track .null, .guiz-awards-time .null { color: #bababa; } .star { display: block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #bdc2c1; background: #d6d6d6; } .goldstar { border-color: #4c8193; background: #14b0bf; } .silverstar { border-color: #557e3a; background: #66931f; } .bronzestar { border-color: #998247; background: #aa984b; } .rhodiumstar { border-color: #743a7f; background: #a0409d; } .platinumstar { border-color: #10393b; background: #2b5770; } .guiz-awards-buttons { background: #fff; text-align: center; padding: 20px 0; } .guiz-awards-but-back { display: inline-block; background: none; border: 1px solid #61a3e5; border-radius: 21px; padding: 7px 40px 7px 20px; color: #61a3e5; font-size: 17px; cursor: pointer; transition: all 0.3s ease; } .guiz-awards-but-back:hover { background: #61a3e5; color: #fff; } .guiz-awards-but-back i { font-size: 26px; line-height: 17px; margin-right: 20px; position: relative; top: 2px; } .order-note-box { max-height: 275px; overflow-y: auto; } .notification:hover { cursor: pointer; opacity: 1.1; } .notification-container { cursor: default; position: absolute; z-index: 999; top: 45px; right: 15px; width: 400px; font-weight: 300; background: white; border-radius: 0.5rem; box-sizing: border-box; box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2); animation-name: dropPanel; animation-iteration-count: 1; animation-timing-function: all; animation-duration: 0.75s; } .notification-container:before { content: ""; position: absolute; top: 1px; right: 0; width: 0; height: 0; transform: translate(-1rem, -100%); border-left: 0.75rem solid transparent; border-right: 0.75rem solid transparent; border-bottom: 0.75rem solid white; } .notification-container h3 { text-transform: uppercase; font-size: 75%; font-weight: 700; color: #84929f; padding: 1.5rem 2rem; } .notification-container i { color: #b5c4d2; font-size: 140%; @vertical-align (50%); position: absolute; } .notification-container i.right { right: 2rem; } .notification-container i.right:hover { opacity: 0.8; cursor: pointer; } .notification-container em { margin-right: 0.75rem; font-weight: 700; font-size: 115%; color: #b5c4d2; vertical-align: bottom; display: inline-block; } @keyframes dropPanel { 0% { opacity: 0; transform: translateY(-100px) scaleY(0.5); } } .notification { box-sizing: border-box; } .notification.new { background: #f3f9fd; } input.checkbox[type=checkbox] { display: none; } input.checkbox[type=checkbox] + label { display: block; } input.checkbox[type=checkbox] + label { height: 3.25rem; padding: 1.125rem 4rem 0.75rem 2rem; font-size: 75%; border-top: 1px solid rgba(0, 0, 0, 0.1); } .red { color: #f8b2a6 !important; } .teal { color: #7fa6ec; } .gray { color: rgba(255, 255, 255, 0.2); } .gray-bg { background: rgba(255, 255, 255, 0.2) !important; } .primary-button { background: cornflowerblue; border: 2px solid cornflowerblue; } .secondary-button { border: 2px solid #B2B9C5; background: none; color: #B2B9C5; } .left { margin-right: 0.75rem; float: left; } .right { margin-left: 0.75rem; float: right; } spacer { width: 100%; } button { float: right; border-radius: 3px; cursor: pointer; display: inline-block; font-weight: normal; padding: 8px 12px; border: 0; font-size: 13px; line-height: 13px; color: white; background: #B2B9C5; } button:hover { opacity: 0.9; } .notification-icon { position: relative; margin-right: 1em; border-radius: 5px; background: #ecf0f1; } .notification-icon i { margin: 0.5rem; } .notification-icon:nth-of-type(1) i { background: -webkit-linear-gradient(300deg, #acccea, #6495ed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .notification-icon:nth-of-type(2) i { background: -webkit-linear-gradient(300deg, #fff9ab, #00b8ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .num-count { position: absolute; user-select: none; cursor: default; font-size: 0.6rem; background: #e74c3c; width: 1.2rem; height: 1.2rem; color: #ecf0f1; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; top: -0.33rem; right: -0.66rem; box-sizing: border-box; } nav { position: relative; width: 90vw; margin: 0 auto; -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; flex-direction: row; background: linear-gradient(to right, #111, #252525); border-radius: 0.5em 0.5em 0 0; box-sizing: border-box; padding: 0.75rem 2rem; } nav *:hover { cursor: pointer; } nav .first-name { color: white; } nav .left { color: white; } nav .num-count { animation-name: scaleCount; animation-iteration-count: 1; animation-timing-function: all; animation-duration: 1s; animation-delay: 0s; } @keyframes scaleCount { 0% { transform: scale(0); } 40% { transform: scale(1); } 60% { transform: scale(0.5); } 80% { transform: scale(1.25); } } .menu { position: relative; order: 1; flex: 1 6 25%; padding: 2rem 0; border-radius: 0 0 0 0.5rem; background: #393b45; color: #aaa; text-transform: uppercase; font-size: 70%; font-weight: 700; } .menu .num-count { position: absolute; top: 70%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); right: 1rem; width: auto; padding: 0 0.5rem; border-radius: 1rem; } .menu ul.active { background: #4f5361; margin-bottom: 0.75rem; } .menu ul.active li { padding-left: 4rem; } .menu ul.active li.active { color: white; } .menu ul.active li.active:before { content: "•"; color: #7fa6ec; left: 2rem; position: absolute; top: 65%; -webkit-transform: translateY(-65%); -ms-transform: translateY(-65%); transform: translateY(-65%); padding-left: 0.7em; } .menu ul.active li:first-child { padding-top: 1.5rem; } .menu ul.active li:last-child { padding-bottom: 1.5rem; } .menu > li { padding-left: 4rem !important; } .menu li { padding: 0.75rem 2rem; position: relative; } .menu li i { @vertical-align (50%); position: absolute; font-size: 180%; } .menu li i:not(.left) { right: 1.5rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu li i:not(.left):hover { cursor: pointer; } .menu li i.left { left: 2rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu li.dropdown.active { background: #444753; margin-top: 0.75rem; padding: 1.5rem 2rem; color: white; } .content { order: 2; flex: 1 6 75%; } .profile-container { position: absolute; z-index: 99; top: 0; right: 1.25rem; width: 400px; font-weight: 300; background: white; padding: 1.125rem 0.75rem 0.75rem; box-sizing: border-box; box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2); } .profile-container .user-photo { width: 100px; height: 100px; margin: 0 0.75rem 0.75rem 0; border-radius: 8px; } .profile-container .user-email { display: block; } .profile-container i { color: #b5c4d2; font-size: 110%; } h1 { font-size: 125%; } hr { border: 0; clear: both; margin-bottom: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .switch { position: relative; display: inline-block; margin: 0.75rem 0 0; } .switch > span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; font-weight: bold; font-size: 9px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); width: 50%; text-align: center; } input.check-toggle-round-flat:checked ~ .off { color: #98b6ec; } input.check-toggle-round-flat:checked ~ .on { color: #fff; } .switch > span.on { left: 2px; color: #98b6ec; } .switch > span.off { right: 2px; color: #fff; } .check-toggle { display: none; } .check-toggle + label { display: block; position: relative; cursor: pointer; } input.check-toggle-round-flat + label { width: 90px; height: 26px; background: #7fa6ec; border-radius: 5px; } input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after { display: block; position: absolute; content: ""; } input.check-toggle-round-flat + label:after { top: 2px; left: 2px; bottom: 2px; width: 50%; background-color: white; border-radius: 3px; transition: margin 0.2s; cursor: default; } input.check-toggle-round-flat:checked + label:after { margin-left: 41px; } .hide { display: none !important; } .scheduler .light-color { background-color: #2586d3 !important; } .scheduler .day { min-width: 290px; text-align: center; font-size: 12px; font-weight: 700; padding: 5px; transition: 0.2s ease-in-out all; } .scheduler .day:hover { background: #cbddec !important; } .scheduler .user { min-width: 210px; } .scheduler .today { background-color: rgba(37, 134, 211, 0.3098039216) !important; } .scheduler table { position: relative; overscroll-behavior: contain; } .scheduler table thead { top: 0; position: -webkit-sticky; position: sticky; z-index: 1; } .scheduler table thead .Saturday, .scheduler table thead .Sunday { background-color: rgba(37, 134, 211, 0.05); } .scheduler table thead tr > th:first-child { background: #f5f5f5; position: sticky; z-index: 1; left: -1px; min-width: 175px; } .scheduler table tbody .Saturday, .scheduler table tbody .Sunday { background-color: rgba(37, 134, 211, 0.05); } .scheduler table tbody tr .user .option { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; } .scheduler table tbody tr .user .option a i { color: #2586d3; cursor: pointer; } .scheduler table tbody tr .user .option a i:hover { color: #7cbce8; } .scheduler table tbody tr .user .hidden-options ul { list-style: none; padding: 0; margin: 10px 0; } .scheduler table tbody tr .user .hidden-options ul li a { cursor: pointer; } .scheduler table tbody tr td { position: relative; min-width: 170px; } .scheduler table tbody tr td .pull-right { display: flex; justify-content: space-between; min-width: 30px; align-items: center; } .scheduler table tbody tr td .pull-right a { font-size: 12px; padding: 0; color: #348fe2; background: none; border: none; cursor: pointer; transition: 0.2s ease-in-out all; } .scheduler table tbody tr td .pull-right a:hover { color: #205d8d; } .scheduler table tbody tr td .planed_hours { color: red; display: flex; justify-content: center; margin: 5px 0; min-width: 235px; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .planed_hours.saved { background: none; color: rgb(37, 191, 37); } .scheduler table tbody tr td .not-specified { display: block; width: 100px; text-align: center; margin: 5px auto; background: #ccc; border-radius: 55px; padding: 5px; color: #fff; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .not-specified.saved { background: none; color: rgb(37, 191, 37); } .scheduler table tbody tr td .dayOff { display: block; width: 100px; text-align: center; margin: 5px auto; background: #e9c82e; border-radius: 55px; padding: 5px; color: #fff; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .dayOff.saved { background: none; color: rgb(37, 191, 37); } .scheduler table tbody tr td .leaveOnDemand { display: block; width: 130px; text-align: center; margin: 5px auto; background: #eb5656; border-radius: 55px; padding: 5px; color: #fff; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .leaveOnDemand.saved { background: none; color: rgb(37, 191, 37); } .scheduler table tbody tr td .leaveOnDemand__cm { display: block; width: 130px; text-align: center; margin: 5px auto; background: #0785e8; border-radius: 55px; padding: 5px; color: #fff; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .leaveOnDemand__co { display: block; width: 130px; text-align: center; margin: 5px auto; background: #bc37b9; border-radius: 55px; padding: 5px; color: #fff; font-weight: 700; cursor: pointer; } .scheduler table tbody tr td .pull-left span { background: #eb5656; color: #fff; padding: 3px; border-radius: 3px; cursor: pointer; } .scheduler table tbody tr td .pull-left span:hover { opacity: 0.9; } .scheduler table tbody tr td .pull-left span.ct_yellow { background: #ffe045 !important; } .scheduler table tbody tr td .pull-left span.ct_green { pointer-events: none; background: #35cf41 !important; } .scheduler table tbody tr td .hidden-fields { min-width: 210px; } .scheduler table tbody tr td .hidden-fields .gen__content { margin: 15px 0; display: flex; justify-content: center; align-items: center; } .scheduler table tbody tr td .hidden-fields .gen__content .close__gen { font-size: 15px; margin: 0 5px; color: red; } .scheduler table tbody tr td .hidden-fields .gen__content select { max-width: 75px; } .scheduler table tbody tr td .hidden-fields .gen__content span { margin: 0 5px; } .scheduler table tbody tr td .hidden-fields .gen__content button { margin: 0 3px; font-size: 8px; } .scheduler table tbody tr td .hidden-info { font-size: 11px; } .scheduler table tbody tr td .hidden-info a { position: absolute; right: 10px; top: 15px; color: #f51919; } .scheduler table tbody tr td .hidden-info span { display: block; width: 100%; text-align: center; font-weight: 400; } .scheduler table tbody tr > td:first-child { background: #f5f5f5; position: sticky; z-index: 1; left: -1px; min-width: 175px; } .scheduler table tbody tr > td:first-child td .close { color: red; cursor: pointer; } .scheduler-editor { padding: 20px; } .scheduler-editor label { margin-top: 30px; } .scheduler-editor .bootstrap-select { margin: auto; } .scheduler-editor .card__title { width: 100%; text-align: center; font-size: 1rem; } .scheduler-editor .margines { display: block !important; margin: 30px 0; justify-content: space-between; } .scheduler-editor .margines span { display: block; } .scheduler-editor textarea { min-height: 120px; } .scheduler-editor .bootstrap-select { padding: 5px; } .scheduler-editor .note { width: 100%; background: #c4f2ff; margin: 10px; display: flex; align-items: center; align-self: center; } .scheduler-editor .note span { font-size: 14px; font-weight: 700; margin: 30px; } #files .table .preview { width: 35px; float: left; height: 100%; font-size: 28px; color: #d43636; } #files .table .preview .green { color: #089365 !important; } #files .table .description { color: #757474; } #files .table .actions { display: flex; justify-content: flex-end; } #files .table .actions a { margin-right: 10px; color: #00acac !important; } #files .table .actions a:hover { color: #fff !important; } #files .table .actions button { color: #00acac !important; } #files .table .actions button:hover { color: #fff !important; } #File_create .form, #File_edit .form { padding: 20px; } #File_create .form .dropzone, #File_edit .form .dropzone { border: 2px dashed #ccc; height: 300px; max-width: 100%; text-align: center; background-color: #f9f9f9; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } #File_create .form .dropzone:hover, #File_edit .form .dropzone:hover { background-color: #e9ecef; } #File_create .form .dropzone.dragging, #File_edit .form .dropzone.dragging { background-color: #d1ecf1; border-color: #17a2b8; } #File_create .form .dropzone .dropzone__title, #File_edit .form .dropzone .dropzone__title { pointer-events: none; } #File_create .form .dropzone .dropzone__title p, #File_edit .form .dropzone .dropzone__title p { font-size: 18px; color: #777; } #File_create .form .dropzone div, #File_edit .form .dropzone div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #File_create .form .dropzone div .pdf-preview, #File_edit .form .dropzone div .pdf-preview { margin: 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #File_create .form .dropzone div .pdf-preview iframe, #File_edit .form .dropzone div .pdf-preview iframe { width: 100%; height: 100%; border: none; } #File_create .preview-container, #File_edit .preview-container { background-color: #f0f0f0; padding: 1rem; overflow: auto; } #File_create .preview-container .pdf-slide, #File_edit .preview-container .pdf-slide { background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 794px; height: 1123px; margin: 1rem auto; display: flex; align-items: center; justify-content: center; } #File_create .preview-container .pdf-slide img, #File_edit .preview-container .pdf-slide img { width: 100%; height: 100%; display: block; object-fit: contain; } #File_create .preview-container .html-preview, #File_edit .preview-container .html-preview { background: #fff; padding: 1rem; overflow: auto; min-height: 450px; } #File_create .preview-container .html-preview [v-html=previewContent], #File_edit .preview-container .html-preview [v-html=previewContent] { width: 100%; min-height: 100%; } #File_create .file__actions, #File_edit .file__actions { margin-top: 20px; } #File_create .file__actions button, #File_edit .file__actions button { margin-right: 10px; } #File_create label, #File_edit label { font-weight: bold; } #File_upload .form__setting { background-color: #fff !important; padding: 10px; border-radius: 5px; max-height: 500px; } #File_upload .form__setting .action__buttons { display: flex; } #File_upload .form__setting .action__buttons button { margin-right: 5px; } #File_upload .form__setting label { font-weight: bold; } #File_upload .dropzone { border: 2px dashed #ccc; height: 297mm; /*A4 */ max-width: 100%; text-align: center; background-color: #f9f9f9; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } #File_upload .dropzone:hover { background-color: #e9ecef; } #File_upload .dropzone.dragging { background-color: #d1ecf1; border-color: #17a2b8; } #File_upload .dropzone .dropzone__title { pointer-events: none; } #File_upload .dropzone .dropzone__title p { font-size: 18px; color: #777; } #File_upload .dropzone div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #File_upload .dropzone div .pdf-preview, #File_upload .dropzone div .html-preview { margin: 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #File_upload .dropzone div .pdf-preview iframe, #File_upload .dropzone div .html-preview iframe { width: 100%; height: 100%; border: none; } .docFilter { padding: 20px; } .docFilter form button { margin-top: 25px; } #approve_result table .preview { width: 35px; float: left; height: 100%; font-size: 28px; color: #d43636; } #approve_result table .preview .green { color: #089365 !important; } #approve_result table .description { color: #757474; } #approve_result table .actions { display: flex; justify-content: flex-end; } #approve_result table .actions a { margin-right: 10px; color: #00acac !important; } #approve_result table .actions a:hover { color: #fff !important; } #approve_result table .actions button { margin-right: 10px; color: #00acac !important; } #approve_result table .actions button:hover { color: #fff !important; } .brefs table .preview { width: 35px; float: left; height: 100%; font-size: 28px; color: #d43636; } .brefs table .preview .green { color: #089365 !important; } .brefs table .description { color: #757474; } .brefs table .actions { display: flex; justify-content: flex-end; } .brefs table .actions a { margin-right: 10px; color: #00acac !important; } .brefs table .actions a:hover { color: #fff !important; } .brefs table .actions button { color: #00acac !important; } .brefs table .actions button:hover { color: #fff !important; } .b__panel { z-index: 1; position: fixed !important; left: 50%; transform: translateX(-50%); bottom: 0; background: #2e353c; margin: 0; padding: 5px; } .docs__line { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0; } .docs__line .doc-card { flex: 1 1 calc(12.5% - 10px); max-width: calc(12.5% - 10px); background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s, box-shadow 0.2s; overflow: visible; } .docs__line .doc-card:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .docs__line .doc-card .doc-card__tooltip { position: absolute; top: 80px; left: 155px; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 10px 15px; font-size: 12px; border-radius: 8px; white-space: normal; word-wrap: break-word; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 100; width: 250px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .docs__line .doc-card:hover .doc-card__tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-10px); } .docs__line .doc-card .doc-card__link { display: flex; flex-direction: column; align-items: center; text-decoration: none; padding: 10px; color: #333; } .docs__line .doc-card .doc-card__link.icon_green:hover { color: #00acac !important; } .docs__line .doc-card .doc-card__link.icon_red:hover { color: #d43636; } .docs__line .doc-card .doc-card__icon { font-size: 30px; margin-bottom: 8px; } .docs__line .doc-card .doc-card__icon i { color: inherit; } .docs__line .doc-card .doc-card__name { width: 100%; font-size: 12px; text-align: center; word-wrap: break-word; } #suspicious__phones input[type=number]::-webkit-inner-spin-button, #suspicious__phones input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #suspicious__phones input[type=number] { -moz-appearance: textfield; } /*-------------------------------vars end----------------------*/ #Autocall { padding: 0; } #Autocall .dialer-widget-container { position: relative; display: inline-block; } #Autocall .dialer-widget-container .btn-gray { background: #ecf0f1; border: none; } #Autocall .dialer-widget-container .btn-gray i { background: -webkit-linear-gradient(300deg, #acccea, #6495ed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #Autocall .dialer-widget-container .dialer-dropdown { position: absolute; top: calc(100% + 10px); right: 0; width: 320px; background-color: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); z-index: 1000; overflow: hidden; } #Autocall .dialer-widget-container .dialer-dropdown:before { content: ""; position: absolute; top: -8px; right: 16px; width: 16px; height: 16px; background-color: #fff; transform: rotate(45deg); box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.04); } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-header { padding: 12px 15px; border-bottom: 1px solid #e9ecef; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list { max-height: 200px; overflow-y: auto; padding: 0; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list .queue-item { padding: 10px 15px; border-bottom: 1px solid #e9ecef; cursor: pointer; transition: background-color 0.2s; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list .queue-item:hover { background-color: #f8f9fa; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list .queue-item.active { background-color: rgba(0, 123, 255, 0.05); border-left: 3px solid #00acac; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list .queue-item .queue-name { font-weight: 500; font-size: 0.9rem; margin-bottom: 2px; } #Autocall .dialer-widget-container .dialer-dropdown .queue-list .queue-item .queue-progress-text { display: flex; justify-content: flex-end; color: #6c757d; font-size: 0.75rem; margin-top: 2px; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body { padding: 15px; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel { background-color: #f8f9fa; border-radius: 8px; padding: 12px; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel .progress-count, #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel .completion-text { font-size: 0.8rem; color: #6c757d; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel .current-number-panel { background-color: #fff; border-radius: 6px; border: 1px solid #e9ecef; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel .current-number-panel .current-label { font-size: 0.8rem; color: #6c757d; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-body .dialer-status-panel .current-number-panel .current-phone { font-weight: bold; font-size: 1.1rem; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-footer { padding: 0; } #Autocall .dialer-widget-container .dialer-dropdown .dialer-dropdown-footer .btn { border-radius: 0; padding: 10px; font-weight: 500; } #dialer_predective .modern-settings-panel { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); min-height: 100vh; padding: 0.5rem; color: #1f2937; } #dialer_predective .modern-settings-panel .panel-header { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border-radius: 20px; padding: 2rem; margin-bottom: 2rem; } #dialer_predective .modern-settings-panel .panel-header .header-content { display: flex; justify-content: flex-end; align-items: center; } #dialer_predective .modern-settings-panel .panel-header .panel-title { font-size: 0.5rem; font-weight: 700; color: #02acad; margin: 0; display: flex; align-items: center; gap: 1rem; } #dialer_predective .modern-settings-panel .panel-header .header-stats { display: flex; gap: 2rem; } #dialer_predective .modern-settings-panel .panel-header .header-stats .stat-item { text-align: center; background: rgba(37, 99, 235, 0.05); padding: 1rem 1.5rem; border-radius: 15px; border: 1px solid rgba(37, 99, 235, 0.1); } #dialer_predective .modern-settings-panel .panel-header .header-stats .stat-item .stat-number { display: block; font-size: 1.8rem; font-weight: 700; color: #02acad; } #dialer_predective .modern-settings-panel .panel-header .header-stats .stat-item .stat-label { font-size: 0.9rem; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; } #dialer_predective .modern-settings-panel .table-container { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border-radius: 20px; overflow: hidden; } #dialer_predective .modern-settings-panel .table-container .table-wrapper { overflow-x: auto; border-radius: 15px; } #dialer_predective .modern-settings-panel .table-container .modern-table { width: 100%; border-collapse: collapse; background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); } #dialer_predective .modern-settings-panel .table-container .modern-table thead tr { background: linear-gradient(135deg, #009292, #00abab); color: white; } #dialer_predective .modern-settings-panel .table-container .modern-table th { padding: 1.2rem 1rem; text-align: left; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; position: relative; } #dialer_predective .modern-settings-panel .table-container .modern-table th .icon-header { margin-right: 0.5rem; color: rgba(255, 255, 255, 0.9); } #dialer_predective .modern-settings-panel .table-container .modern-table .table-row { transition: all 0.3s ease; border-bottom: 1px solid #e5e7eb; } #dialer_predective .modern-settings-panel .table-container .modern-table .table-row:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } #dialer_predective .modern-settings-panel .table-container .modern-table .table-row:hover { background: rgba(2, 172, 173, 0.03); } #dialer_predective .modern-settings-panel .table-container .modern-table .table-row.row-active { border-left: 4px solid #04acad; background: rgba(4, 172, 173, 0.02); } #dialer_predective .modern-settings-panel .table-container .modern-table td { padding: 1rem; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.02); } #dialer_predective .modern-settings-panel .index-badge { background: linear-gradient(135deg, #009292, #00acac); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; box-shadow: 0 2px 8px rgba(2, 172, 173, 0.3); } #dialer_predective .modern-settings-panel .queue-name-cell { display: flex; flex-direction: column; gap: 0.2rem; } #dialer_predective .modern-settings-panel .queue-name-cell .queue-name { font-weight: 600; color: #1f2937; } #dialer_predective .modern-settings-panel .queue-name-cell .queue-id { font-size: 0.8rem; color: #6b7280; } #dialer_predective .modern-settings-panel .team-badge { background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); color: #8b5cf6; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 500; } #dialer_predective .modern-settings-panel .panel-info { display: flex; align-items: center; gap: 0.5rem; color: #d97706; font-weight: 500; } #dialer_predective .modern-settings-panel .panel-info .panel-icon { color: #f59e0b; } #dialer_predective .modern-settings-panel .timing-cell { display: flex; align-items: baseline; gap: 0.3rem; } #dialer_predective .modern-settings-panel .timing-cell .timing-value { font-weight: 600; color: #02acad; font-size: 1.1rem; } #dialer_predective .modern-settings-panel .timing-cell .timing-unit { font-size: 0.8rem; color: #6b7280; } #dialer_predective .modern-settings-panel .status-toggle { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; transition: all 0.3s ease; } #dialer_predective .modern-settings-panel .status-toggle.status-active { background: rgba(4, 172, 173, 0.1); border: 1px solid rgba(4, 172, 173, 0.3); color: #059669; } #dialer_predective .modern-settings-panel .status-toggle:not(.status-active) { background: rgba(107, 114, 128, 0.1); border: 1px solid rgba(107, 114, 128, 0.3); color: #4b5563; } #dialer_predective .modern-settings-panel .credential-cell { display: flex; align-items: center; gap: 0.5rem; font-family: "Monaco", "Menlo", monospace; font-size: 0.85rem; color: #1f2937; } #dialer_predective .modern-settings-panel .credential-cell .credential-icon { color: #f59e0b; width: 16px; } #dialer_predective .modern-settings-panel .action-buttons { display: flex; gap: 0.5rem; justify-content: center; } #dialer_predective .modern-settings-panel .action-buttons .action-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-start { background: linear-gradient(135deg, #04acad, #02acad); color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-start:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(4, 172, 173, 0.3); } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-start:disabled { background: #9ca3af; cursor: not-allowed; transform: none; } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-start:disabled:hover { transform: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-edit { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-edit:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-stop { background: linear-gradient(135deg, #6b7280, #4b5563); color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-stop:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3); } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-delete { background: linear-gradient(135deg, #ef4444, #f87171); color: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; } #dialer_predective .modern-settings-panel .action-buttons .action-btn.btn-delete:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); } .modal.modern-modal .modal-dialog .modal-content { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(0, 0, 0, 0.05) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; border-radius: 20px !important; color: #1f2937 !important; } .modal.modern-modal .modal-dialog .modal-header { background: rgba(255, 255, 255, 0.98) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 20px 20px 0 0 !important; padding: 1.5rem !important; } .modal.modern-modal .modal-dialog .modal-header .modal-title { color: #02acad !important; font-weight: 600 !important; font-size: 1.2rem !important; } .modal.modern-modal .modal-dialog .modal-header .btn-close { background: rgba(2, 172, 173, 0.1) !important; border-radius: 50% !important; opacity: 0.8 !important; } .modal.modern-modal .modal-dialog .modal-header .btn-close:hover { opacity: 1 !important; background: rgba(2, 172, 173, 0.2) !important; } .modal.modern-modal .modal-dialog .modal-body { padding: 2rem !important; background: rgba(255, 255, 255, 0.95) !important; } .modal.modern-modal .modal-dialog .modal-body .form-row, .modal.modern-modal .modal-dialog .modal-body .form-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 1.5rem !important; margin-bottom: 2rem !important; } .modal.modern-modal .modal-dialog .modal-body .form-item-full, .modal.modern-modal .modal-dialog .modal-body .col-12 { grid-column: 1/-1 !important; } .modal.modern-modal .modal-dialog .modal-body .form-group { margin-bottom: 1.5rem !important; } .modal.modern-modal .modal-dialog .modal-body .form-group label { color: #1f2937 !important; font-weight: 500 !important; margin-bottom: 0.5rem !important; display: block !important; } .modal.modern-modal .modal-dialog .modal-body .form-control, .modal.modern-modal .modal-dialog .modal-body .modern-input, .modal.modern-modal .modal-dialog .modal-body .modern-select, .modal.modern-modal .modal-dialog .modal-body input[type=text], .modal.modern-modal .modal-dialog .modal-body input[type=number], .modal.modern-modal .modal-dialog .modal-body input[type=email], .modal.modern-modal .modal-dialog .modal-body input[type=password], .modal.modern-modal .modal-dialog .modal-body select, .modal.modern-modal .modal-dialog .modal-body textarea { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 10px !important; color: #1f2937 !important; transition: all 0.3s ease !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; font-size: 0.95rem !important; width: 100% !important; } .modal.modern-modal .modal-dialog .modal-body .form-control:focus, .modal.modern-modal .modal-dialog .modal-body .modern-input:focus, .modal.modern-modal .modal-dialog .modal-body .modern-select:focus, .modal.modern-modal .modal-dialog .modal-body input[type=text]:focus, .modal.modern-modal .modal-dialog .modal-body input[type=number]:focus, .modal.modern-modal .modal-dialog .modal-body input[type=email]:focus, .modal.modern-modal .modal-dialog .modal-body input[type=password]:focus, .modal.modern-modal .modal-dialog .modal-body select:focus, .modal.modern-modal .modal-dialog .modal-body textarea:focus { border-color: #02acad !important; box-shadow: 0 0 0 0.2rem rgba(2, 172, 173, 0.15) !important; outline: none !important; background: rgb(255, 255, 255) !important; } .modal.modern-modal .modal-dialog .modal-body .form-control:hover, .modal.modern-modal .modal-dialog .modal-body .modern-input:hover, .modal.modern-modal .modal-dialog .modal-body .modern-select:hover, .modal.modern-modal .modal-dialog .modal-body input[type=text]:hover, .modal.modern-modal .modal-dialog .modal-body input[type=number]:hover, .modal.modern-modal .modal-dialog .modal-body input[type=email]:hover, .modal.modern-modal .modal-dialog .modal-body input[type=password]:hover, .modal.modern-modal .modal-dialog .modal-body select:hover, .modal.modern-modal .modal-dialog .modal-body textarea:hover { border-color: rgba(2, 172, 173, 0.5) !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle { display: flex !important; align-items: center !important; gap: 1rem !important; margin-top: 0.5rem !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-input { display: none !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-input:checked + .toggle-label .toggle-slider { background: #04acad !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-input:checked + .toggle-label .toggle-slider::before { transform: translateX(26px) !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-input:checked + .toggle-label .toggle-text { color: #04acad !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-label { position: relative !important; display: flex !important; align-items: center !important; gap: 1rem !important; cursor: pointer !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-label .toggle-slider { width: 50px !important; height: 24px !important; background: #9ca3af !important; border-radius: 12px !important; position: relative !important; transition: all 0.3s ease !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-label .toggle-slider::before { content: "" !important; width: 20px !important; height: 20px !important; background: white !important; border-radius: 50% !important; position: absolute !important; top: 2px !important; left: 2px !important; transition: all 0.3s ease !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } .modal.modern-modal .modal-dialog .modal-body .modern-toggle .toggle-label .toggle-text { font-weight: 600 !important; transition: color 0.3s ease !important; color: #1f2937 !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end { display: flex !important; justify-content: flex-end !important; gap: 1rem !important; padding-top: 1rem !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; margin-top: 2rem !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn { padding: 0.75rem 1.5rem !important; border-radius: 10px !important; border: none !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; gap: 0.5rem !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; text-decoration: none !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-cancel, .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-secondary, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-cancel, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-secondary, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-cancel, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-secondary, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-cancel, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-secondary { background: rgba(107, 114, 128, 0.15) !important; color: #4b5563 !important; border: 1px solid rgba(107, 114, 128, 0.3) !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-cancel:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-secondary:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-cancel:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-secondary:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-cancel:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-secondary:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-cancel:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-secondary:hover { background: rgba(107, 114, 128, 0.25) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-save, .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-primary, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-save, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-primary, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-save, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-primary, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-save, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-primary { background: linear-gradient(135deg, #02acad, #02acad) !important; color: white !important; } .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-save:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .modal-btn.btn-primary:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-save:hover, .modal.modern-modal .modal-dialog .modal-body .modal-actions .btn.btn-primary:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-save:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .modal-btn.btn-primary:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-save:hover, .modal.modern-modal .modal-dialog .modal-body .d-flex.justify-content-end .btn.btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(2, 172, 173, 0.3) !important; } .modal.modern-modal.fade .modal-dialog { transition: transform 0.3s ease-out !important; } .modal.modern-modal + .modal-backdrop { background-color: rgba(0, 0, 0, 0.6) !important; backdrop-filter: blur(2px) !important; } @media (max-width: 768px) { #dialer_predective .modern-settings-panel { padding: 1rem; } #dialer_predective .modern-settings-panel .panel-header { padding: 1.5rem; border-radius: 15px; } #dialer_predective .modern-settings-panel .panel-header .header-content { flex-direction: column; gap: 1rem; } #dialer_predective .modern-settings-panel .panel-header .panel-title { font-size: 1.5rem; } #dialer_predective .modern-settings-panel .panel-header .header-stats { gap: 1rem; } #dialer_predective .modern-settings-panel .panel-header .header-stats .stat-item { padding: 0.75rem 1rem; } #dialer_predective .modern-settings-panel .table-container { padding: 1rem; border-radius: 15px; } #dialer_predective .modern-settings-panel .table-container .modern-table { border-radius: 10px; } #dialer_predective .modern-settings-panel .table-container .modern-table th, #dialer_predective .modern-settings-panel .table-container .modern-table td { padding: 0.75rem 0.5rem; font-size: 0.85rem; } #dialer_predective .modern-settings-panel .action-buttons .action-btn { width: 32px; height: 32px; font-size: 0.8rem; } #dialer_predective .modal .modal-dialog .modal-body { padding: 1rem; } #dialer_predective .modal .modal-dialog .modal-body .form-grid { grid-template-columns: 1fr; gap: 1rem; } #dialer_predective .modal .modal-dialog .modal-body .modal-actions .modal-btn { padding: 0.6rem 1.2rem; font-size: 0.9rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } #dialer_predective .panel-header, #dialer_predective .table-container { animation: fadeInUp 0.6s ease-out; } #dialer_predective .table-row:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } #dialer_predective .table-wrapper::-webkit-scrollbar { height: 8px; } #dialer_predective .table-wrapper::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 4px; } #dialer_predective .table-wrapper::-webkit-scrollbar-thumb { background: rgba(2, 172, 173, 0.3); border-radius: 4px; } #dialer_predective .table-wrapper::-webkit-scrollbar-thumb:hover { background: rgba(2, 172, 173, 0.5); } #DPMonitor .autodialer-monitor { width: 100%; } #DPMonitor .autodialer-monitor .monitor-layout { display: flex; height: 100%; gap: 20px; } #DPMonitor .autodialer-monitor .queue-list-column { width: 300px; background-color: #f5f5f5; border-radius: 8px; padding: 15px; overflow-y: auto; } #DPMonitor .autodialer-monitor .queue-list-column h2 { margin-top: 0; margin-bottom: 15px; } #DPMonitor .autodialer-monitor .search-box { margin-bottom: 15px; } #DPMonitor .autodialer-monitor .search-box input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; } #DPMonitor .autodialer-monitor .queue-list-item { padding: 10px; border-radius: 4px; margin-bottom: 10px; cursor: pointer; background-color: white; border: 1px solid #eee; } #DPMonitor .autodialer-monitor .queue-list-item.active { background-color: #e3f2fd; border-color: #bbdefb; } #DPMonitor .autodialer-monitor .queue-name { font-weight: bold; margin-bottom: 5px; } #DPMonitor .autodialer-monitor .queue-status { font-size: 12px; padding: 3px 6px; border-radius: 3px; display: inline-block; } #DPMonitor .autodialer-monitor .queue-status.active { background-color: #c8e6c9; color: #2e7d32; } #DPMonitor .autodialer-monitor .queue-status.paused { background-color: #fff9c4; color: #f57f17; } #DPMonitor .autodialer-monitor .queue-status.completed { background-color: #e0f7fa; color: #006064; } #DPMonitor .autodialer-monitor .monitor-column { flex: 1; display: flex; flex-direction: column; gap: 20px; overflow-y: auto; } #DPMonitor .autodialer-monitor .monitor-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #eee; } #DPMonitor .autodialer-monitor .monitor-header .btn-group button { color: #00acac !important; } #DPMonitor .autodialer-monitor .monitor-header .btn-group button.active { color: #fff !important; } #DPMonitor .autodialer-monitor .monitor-header .btn-group button:hover { color: #fff !important; } #DPMonitor .autodialer-monitor .monitor-header .card-body { width: 100% !important; } #DPMonitor .autodialer-monitor .monitor-header h2 { margin: 0; } #DPMonitor .autodialer-monitor .call-monitor, #DPMonitor .autodialer-monitor .call-graph { background-color: white; border-radius: 8px; padding: 15px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #DPMonitor .autodialer-monitor .call-monitor h3, #DPMonitor .autodialer-monitor .call-graph h3 { margin-top: 0; margin-bottom: 15px; } #DPMonitor .autodialer-monitor table { width: 100%; border-collapse: collapse; } #DPMonitor .autodialer-monitor table th, #DPMonitor .autodialer-monitor table td { text-align: left; padding: 10px; border-bottom: 1px solid #eee; } #DPMonitor .autodialer-monitor table th { font-weight: bold; color: #555; } #DPMonitor .autodialer-monitor .chart-container { height: 300px; } #DPMonitor .autodialer-monitor .queue-list-item { cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } #DPMonitor .autodialer-monitor .queue-list-item:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #DPMonitor .autodialer-monitor .queue-list-item.active { border-left: 3px solid #00acac; } #bot .update__base { color: #348fe2 !important; background: transparent; font-size: smaller; padding: 0 10px; } #bot .update__base:hover { background: #348fe2; color: #fff !important; } #bot .update__base:hover svg { color: #fff !important; } #bot .update__base svg { color: #348fe2 !important; } #bot .pulse-icon { animation: pulse 1s infinite; } #bot .robot-icon { animation: blink 1s infinite; } @keyframes pulse { 0% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 0.6; } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } #q__info .dialer-table { background: #f8fafc; min-height: 100vh; padding: 2rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } #q__info .table-header { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2rem; } #q__info .table-header h1 { font-size: 2rem; font-weight: 700; color: #1e293b; margin: 0; } #q__info .table-header .header-actions { display: flex; align-items: center; gap: 1rem; } #q__info .table-header .header-actions .btn-refresh { background: #3b82f6; color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; transition: all 0.2s; } #q__info .table-header .header-actions .btn-refresh:hover { background: #2563eb; transform: translateY(-1px); } #q__info .table-header .header-actions .status-indicator { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; font-size: 0.875rem; } #q__info .table-header .header-actions .status-indicator .status-dot { width: 8px; height: 8px; border-radius: 50%; animation: pulse 2s infinite; } #q__info .table-header .header-actions .status-indicator.active { background: #dcfce7; color: #166534; } #q__info .table-header .header-actions .status-indicator.active .status-dot { background: #22c55e; } #q__info .table-header .header-actions .status-indicator:not(.active) { background: #fef2f2; color: #991b1b; } #q__info .table-header .header-actions .status-indicator:not(.active) .status-dot { background: #ef4444; } #q__info .stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; } #q__info .stats-row .stat-card { color: #fff0f0; padding: 1.5rem; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 1rem; transition: all 0.2s; } #q__info .stats-row .stat-card .queue__icon { color: #ef4444; } #q__info .stats-row .stat-card .active__icon { color: #22c55e; } #q__info .stats-row .stat-card .call__icon { color: #8a94a1; } #q__info .stats-row .stat-card .success__icon { color: #8753de; } #q__info .stats-row .stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } #q__info .stats-row .stat-card .stat-icon { font-size: 2rem; width: 60px; height: 60px; background: rgba(241, 245, 249, 0); border-radius: 12px; display: flex; align-items: center; justify-content: center; } #q__info .stats-row .stat-card .stat-content .stat-number { font-size: 2rem; font-weight: 700; color: #1e293b; line-height: 1; } #q__info .stats-row .stat-card .stat-content .stat-label { font-size: 0.875rem; color: #64748b; margin-top: 0.25rem; font-weight: 500; } #q__info .table-container { background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 1.5rem; } #q__info .table-container .table-wrapper { overflow-x: auto; } #q__info .table-container .dialer-data-table { width: 100%; border-collapse: collapse; } #q__info .table-container .dialer-data-table thead { background: linear-gradient(135deg, #009292, #00abab); } #q__info .table-container .dialer-data-table thead th { padding: 1rem 1.5rem; text-align: left; font-weight: 700; color: #ffffff; font-size: 0.675rem; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #e5e7eb; position: relative; } #q__info .table-container .dialer-data-table thead th.sortable { cursor: pointer; user-select: none; } #q__info .table-container .dialer-data-table thead th.sortable .sort-icon { margin-left: 0.5rem; opacity: 0.5; transition: opacity 0.2s; } #q__info .table-container .dialer-data-table thead th.sortable .sort-icon.icon-sort-up, #q__info .table-container .dialer-data-table thead th.sortable .sort-icon.icon-sort-down { opacity: 1; color: #3b82f6; } #q__info .table-container .dialer-data-table tbody tr { border-bottom: 1px solid #f1f5f9; transition: all 0.2s; } #q__info .table-container .dialer-data-table tbody tr:hover { background: #f8fafc; } #q__info .table-container .dialer-data-table tbody tr.row-active { border-left: 4px solid #22c55e; } #q__info .table-container .dialer-data-table tbody tr.row-paused { border-left: 4px solid #f59e0b; } #q__info .table-container .dialer-data-table tbody tr td { padding: 1rem 1.5rem; vertical-align: middle; } #q__info .table-container .dialer-data-table tbody tr td.queue-name-cell .queue-info .name { font-weight: 600; color: #1e293b; margin-bottom: 0.25rem; } #q__info .table-container .dialer-data-table tbody tr td.queue-name-cell .queue-info .description { font-size: 0.875rem; color: #64748b; } #q__info .table-container .dialer-data-table tbody tr td.time-cell { font-family: monospace; font-weight: 600; color: #475569; } #q__info .table-container .dialer-data-table tbody tr td.login-cell .login-text { font-family: monospace; background: #f1f5f9; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.875rem; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons { display: flex; gap: 0.5rem; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn { width: 32px; height: 32px; border: none; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.view { background: #3b82f6; color: white; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.view:hover { background: #2563eb; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.edit { background: #f59e0b; color: white; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.edit:hover { background: #d97706; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.settings { background: #6b7280; color: white; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.settings:hover { background: #4b5563; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.delete { background: #ef4444; color: white; } #q__info .table-container .dialer-data-table tbody tr td.actions-cell .action-buttons .action-btn.delete:hover { background: #dc2626; } #q__info .team-badge, #q__info .panel-badge { padding: 0.375rem 0.75rem; border-radius: 16px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } #q__info .team-badge.jg, #q__info .panel-badge.jg { background: #dbeafe; color: #1d4ed8; } #q__info .team-badge.sales, #q__info .panel-badge.sales { background: #dcfce7; color: #166534; } #q__info .team-badge.support, #q__info .panel-badge.support { background: #fef3c7; color: #92400e; } #q__info .team-badge.marketing, #q__info .panel-badge.marketing { background: #fce7f3; color: #be185d; } #q__info .team-badge.premium, #q__info .panel-badge.premium { background: #f3e8ff; color: #7c3aed; } #q__info .team-badge.standard, #q__info .panel-badge.standard { background: #e0f2fe; color: #0277bd; } #q__info .team-badge.enterprise, #q__info .panel-badge.enterprise { background: #f1f5f9; color: #475569; } #q__info .status-badge { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.75rem; border-radius: 16px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } #q__info .status-badge .status-dot { width: 6px; height: 6px; border-radius: 50%; animation: pulse 2s infinite; } #q__info .status-badge.active { background: #dcfce7; color: #166534; } #q__info .status-badge.active .status-dot { background: #22c55e !important; } #q__info .status-badge.paused { background: #fef3c7; color: #92400e; } #q__info .status-badge.paused .status-dot { background: #f59e0b; } #q__info .status-badge.stopped { background: #fef2f2; color: #991b1b; } #q__info .status-badge.stopped .status-dot { background: #ef4444; } #q__info .pagination-wrapper { display: flex; justify-content: space-between; align-items: center; background: white; padding: 1rem 1.5rem; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #q__info .pagination-wrapper .pagination-info { color: #64748b; font-size: 0.875rem; } #q__info .pagination-wrapper .pagination { display: flex; gap: 0.5rem; } #q__info .pagination-wrapper .pagination .page-link { padding: 0.5rem 0.75rem; border: 1px solid #e5e7eb; background: white; color: #374151; border-radius: 6px; cursor: pointer; font-size: 0.875rem; transition: all 0.2s; } #q__info .pagination-wrapper .pagination .page-link:hover:not(:disabled) { background: #f9fafb; border-color: #d1d5db; } #q__info .pagination-wrapper .pagination .page-link.active { background: #02acad; color: white; border-color: #00acac; } #q__info .pagination-wrapper .pagination .page-link:disabled { opacity: 0.5; cursor: not-allowed; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @media (max-width: 768px) { #q__info .dialer-table { padding: 1rem; } #q__info .table-header { flex-direction: column; gap: 1rem; text-align: center; } #q__info .stats-row { grid-template-columns: repeat(2, 1fr); } #q__info .pagination-wrapper { flex-direction: column; gap: 1rem; text-align: center; } } #bot .update__base { transition: all 0.3s ease; } #bot .update__base:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #phoneQueueBot .queue-numbers .stat-card { border: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } #phoneQueueBot .queue-numbers .stat-card:hover { transform: translateY(-2px); } #phoneQueueBot .queue-numbers .stat-card .stat-icon { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: white; font-size: 20px; } #phoneQueueBot .queue-numbers .stat-card .stat-icon.blue { background: linear-gradient(135deg, #009292, #00abab); } #phoneQueueBot .queue-numbers .stat-card .stat-icon.green { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } #phoneQueueBot .queue-numbers .stat-card .stat-icon.orange { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); } #phoneQueueBot .queue-numbers .stat-card .stat-icon.red { color: white !important; background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); } #phoneQueueBot .queue-numbers .stat-card .stat-value { font-size: 2rem; font-weight: bold; color: #2c3e50; margin: 10px 0 5px 0; } #phoneQueueBot .queue-numbers .stat-card .stat-label { color: #7f8c8d; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; } #phoneQueueBot .queue-numbers .numbers-table { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom: 40px; } #phoneQueueBot .queue-numbers .numbers-table thead { background: linear-gradient(135deg, #009292, #00abab); } #phoneQueueBot .queue-numbers .numbers-table thead th { color: white; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.5px; border: none; padding: 15px 10px; } #phoneQueueBot .queue-numbers .numbers-table tbody tr { transition: background-color 0.2s; } #phoneQueueBot .queue-numbers .numbers-table tbody tr:hover { background-color: #f8f9fa; } #phoneQueueBot .queue-numbers .numbers-table tbody tr.table-active { background-color: #e3f2fd; } #phoneQueueBot .queue-numbers .numbers-table tbody tr td { vertical-align: middle; padding: 12px 10px; border-color: #e9ecef; } #phoneQueueBot .queue-numbers .numbers-table .btn-group .btn { border-radius: 4px; margin-right: 2px; } #phoneQueueBot .queue-numbers .numbers-table .btn-group .btn:hover { transform: translateY(-1px); } #phoneQueueBot .queue-numbers .badge { font-size: 0.75rem; padding: 5px 10px; border-radius: 15px; } #phoneQueueBot .queue-numbers .input-group .form-control { border-radius: 25px 0 0 25px; border-right: none; padding: 20px; } #phoneQueueBot .queue-numbers .input-group .form-control:focus { box-shadow: 0 0 0 0.2rem rgba(32, 210, 210, 0.16); border-color: #00abab; } #phoneQueueBot .queue-numbers .input-group .input-group-append .btn { border-radius: 0 25px 25px 0; border-left: none; background: linear-gradient(135deg, #009292, #00abab); border-color: #00abab; margin: 0; } #phoneQueueBot .queue-numbers .btn { border-radius: 25px; padding: 8px 20px; font-weight: 500; transition: all 0.2s; margin: 0 5px; } #phoneQueueBot .queue-numbers .btn.btn-primary { background: linear-gradient(135deg, #009292, #00abab); border: none; } #phoneQueueBot .queue-numbers .btn.btn-primary:hover { transform: translateY(-2px); } #phoneQueueBot .queue-numbers .btn.btn-danger { background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); border: none; } #phoneQueueBot .queue-numbers .btn.btn-danger:hover { background: linear-gradient(135deg, #ee5a24 0%, #ff6b6b 100%); transform: translateY(-2px); } #phoneQueueBot .queue-numbers .btn.btn-outline-primary { border-color: #00abab; color: #00abab !important; } #phoneQueueBot .queue-numbers .btn.btn-outline-primary:hover { background: #00abab; color: #fff !important; } #phoneQueueBot .queue-numbers .btn.btn-outline-info { border-color: #17a2b8; color: #17a2b8 !important; } #phoneQueueBot .queue-numbers .btn.btn-outline-info:hover { background: #17a2b8; color: #fff !important; } #phoneQueueBot .queue-numbers .btn.btn-outline-danger { border-color: #dc3545; color: #dc3545 !important; } #phoneQueueBot .queue-numbers .btn.btn-outline-danger:hover { background: #dc3545; color: #fff !important; } #phoneQueueBot .queue-numbers .btn:disabled { opacity: 0.6; transform: none; } #phoneQueueBot .queue-numbers .modal .modal-header { background: linear-gradient(135deg, #17a2b8 0%, #02acad 100%); color: white; border-bottom: none; } #phoneQueueBot .queue-numbers .modal .modal-header .modal-title { font-weight: 600; } #phoneQueueBot .queue-numbers .modal .modal-header .close { color: white; opacity: 0.8; } #phoneQueueBot .queue-numbers .modal .modal-header .close:hover { opacity: 1; } #phoneQueueBot .queue-numbers .modal .modal-body { padding: 20px; } #phoneQueueBot .queue-numbers .modal .form-control { border-radius: 8px; border: 2px solid #ddd; padding: 20px; } #phoneQueueBot .queue-numbers .modal .form-control:focus { border-color: #00acac; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); } #phoneQueueBot .queue-numbers .modal .form-group label { font-weight: 600; color: #2c3e50; } #phoneQueueBot .queue-numbers .pagination .page-link { border-radius: 8px; margin: 0 2px; border: 1px solid #ddd; color: #667eea; } #phoneQueueBot .queue-numbers .pagination .page-link:hover { background: #667eea; border-color: #667eea; color: white; } #phoneQueueBot .queue-numbers .pagination .page-item.active .page-link { background: #667eea; border-color: #667eea; } #phoneQueueBot .queue-numbers .spinner-border { color: #667eea; } #phoneQueueBot .queue-numbers .text-muted { color: #6c757d !important; } #phoneQueueBot .queue-numbers .font-weight-bold { font-weight: 600 !important; } #phoneQueueBot .queue-numbers .card { border: none; border-radius: 10px; } #phoneQueueBot .queue-numbers .badge-success { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } #phoneQueueBot .queue-numbers .badge-warning { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); } #phoneQueueBot .queue-numbers .badge-danger { background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); } #phoneQueueBot .queue-numbers .badge-info { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } #phoneQueueBot .queue-numbers .badge-secondary { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); } @media (max-width: 768px) { #phoneQueueBot .queue-numbers .stat-card { margin-bottom: 15px; } #phoneQueueBot .queue-numbers .numbers-table { font-size: 0.9rem; } #phoneQueueBot .queue-numbers .numbers-table .btn-group .btn { padding: 4px 8px; font-size: 0.8rem; } #phoneQueueBot .queue-numbers .d-flex.justify-content-between { flex-direction: column; gap: 10px; } #phoneQueueBot .queue-numbers .d-flex.justify-content-between .text-right { text-align: left !important; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOutDown { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(20px); } } .toasted-container.bottom-left { position: fixed !important; bottom: 20px; left: 20px; display: flex; flex-direction: column; gap: 12px; z-index: 9999; } .toasted.toast__dark { background-color: #1e2a38; color: #fff; border-radius: 10px; padding: 14px 20px; font-family: "Segoe UI", sans-serif; font-size: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); display: flex; align-items: center; line-height: 1.4; width: 340px; min-height: 60px; z-index: 9999; position: relative; overflow: hidden; } .toasted.toast__dark .toast-icon { margin-right: 12px; font-size: 18px; flex-shrink: 0; } .toasted.toast__dark .toast-message { flex: 1; padding-right: 12px; } .toasted.toast__dark.info { border-left: 5px solid #00acac; } .toasted.toast__dark.info::before { content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #00acac; margin-right: 12px; font-size: 16px; } .toasted.toast__dark.success { border-left: 5px solid #30f144; } .toasted.toast__dark.success .toast__content { display: flex; align-items: center; gap: 10px; flex: 1; } .toasted.toast__dark.success .toast__icon { color: #30f144; font-size: 18px; display: flex; align-items: center; justify-content: center; } .toasted.toast__dark.success .action.ripple { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 10px; color: #fff; width: 24px; height: 24px; border-radius: 50%; transition: background 0.2s ease, color 0.2s ease; position: absolute; right: 10px; top: 0; } .toasted.toast__dark.success .action.ripple:hover { background-color: rgba(255, 255, 255, 0.1); color: #f13030; text-decoration: none; } .toasted.toast__dark.error { border-left: 5px solid #f13030; } .toasted.toast__dark.error .toast__content { display: flex; align-items: center; gap: 10px; flex: 1; } .toasted.toast__dark.error .toast__icon { font-weight: 900; color: #f13030; font-size: 18px; display: flex; align-items: center; justify-content: center; } .toasted.toast__dark.error .toast-message { font-size: 14px; line-height: 1.4; } .toasted.toast__dark.error .action.ripple { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; color: #fff; width: 24px; height: 24px; border-radius: 50%; transition: background 0.2s ease, color 0.2s ease; position: absolute; right: 10; top: 0; } .toasted.toast__dark.error .action.ripple:hover { background-color: rgba(255, 255, 255, 0.1); color: #f13030; text-decoration: none; } .toasted.toast__dark .action { color: #fff; margin-left: auto; font-weight: bold; font-size: 16px; padding: 0 !important; transition: color 0.2s ease; } .toasted.toast__dark .action:hover { color: #f13030; } @keyframes fadeInRight { from { opacity: 0; transform: translateX(300px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes zoomIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes gradientBg { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /*---------------------------------------Vue animations ------------------------------------*/ .slide-chat-enter-active, .slide-chat-leave-active { transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .slide-chat-enter-from, .slide-chat-leave-to { transform: translateX(100%); opacity: 0; } .slide-chat-enter-to, .slide-chat-leave-from { transform: translateX(0); opacity: 1; } .slide-chat-enter-active, .slide-chat-leave-active { transition: all 0.4s ease; } .slide-chat-enter-from { opacity: 0; transform: translateX(100%); } .slide-chat-enter-to { opacity: 1; transform: translateX(0); } .slide-chat-leave-from { opacity: 1; transform: translateX(0); } .slide-chat-leave-to { opacity: 0; transform: translateX(100%); } .ubuntu-fade-enter-active, .ubuntu-fade-leave-active { transition: opacity 0.4s ease, transform 0.4s ease; transform-origin: center; } .ubuntu-fade-enter-from { opacity: 0; transform: scale(0.8); } .ubuntu-fade-enter-to { opacity: 1; transform: scale(1); } .ubuntu-fade-leave-from { opacity: 1; transform: scale(1); } .ubuntu-fade-leave-to { opacity: 0; transform: scale(0.8); } /*---------------------------------------Main styles ------------------------------------*/ body.CallEnded .call-front, body.CallEnded #talk__window, body.CallEnded #Talk, body.confirmed.CallEnded #Talk { background: linear-gradient(-45deg, #3d1212, #812c2c, #cc4e4e, #e57373) !important; background-size: 400% 400%; animation: gradientBg 20s ease infinite; transition: background 1.2s ease-in-out, filter 0.8s ease; } body.confirmed .call-front, body.confirmed #talk__window, body.confirmed #Talk { background: linear-gradient(-45deg, #0f2a1a, #006644, #00cc88, #33ffaa); background-size: 400% 400%; animation: gradientBg 20s ease infinite; transition: background 1.2s ease-in-out, filter 0.8s ease; } .call-front, #talk__window, #Talk { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(-45deg, #0f2d2d, #007f7f, #00acac, #33d2d2); background-size: 400% 400%; animation: gradientBg 25s ease-in-out infinite; transition: background 0.8s ease-in-out, transform 0.4s ease, box-shadow 0.4s ease; backdrop-filter: blur(8px); background-color: rgba(15, 45, 45, 0.85); filter: brightness(0.97) contrast(1.05); } .call-front .keyboard-wrapper, #talk__window .keyboard-wrapper, #Talk .keyboard-wrapper { position: absolute; z-index: 999; display: none; } .call-front .keyboard-wrapper.show, #talk__window .keyboard-wrapper.show, #Talk .keyboard-wrapper.show { display: block; animation: fadeInUp 0.3s ease-out both; } .call-front .keyboard-wrapper .keyboard-container, #talk__window .keyboard-wrapper .keyboard-container, #Talk .keyboard-wrapper .keyboard-container { background: #1e293b; border-radius: 16px; padding: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); width: 100%; display: flex; flex-direction: column; } .call-front .keyboard-wrapper .keyboard-container .keyboard-drag-handle, #talk__window .keyboard-wrapper .keyboard-container .keyboard-drag-handle, #Talk .keyboard-wrapper .keyboard-container .keyboard-drag-handle { background: #334155; padding: 12px; text-align: center; border-top-left-radius: 16px; border-top-right-radius: 16px; cursor: move; } .call-front .keyboard-wrapper .keyboard-container .keyboard-drag-handle i, #talk__window .keyboard-wrapper .keyboard-container .keyboard-drag-handle i, #Talk .keyboard-wrapper .keyboard-container .keyboard-drag-handle i { color: #fff; } .call-front .keyboard-wrapper .keyboard-container .phone-keyboard, #talk__window .keyboard-wrapper .keyboard-container .phone-keyboard, #Talk .keyboard-wrapper .keyboard-container .phone-keyboard { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .call-front .keyboard-wrapper .keyboard-container .phone-keyboard .row, #talk__window .keyboard-wrapper .keyboard-container .phone-keyboard .row, #Talk .keyboard-wrapper .keyboard-container .phone-keyboard .row { display: flex; justify-content: space-between; margin-bottom: 10px; } .call-front .keyboard-wrapper .keyboard-container .phone-keyboard .row button, #talk__window .keyboard-wrapper .keyboard-container .phone-keyboard .row button, #Talk .keyboard-wrapper .keyboard-container .phone-keyboard .row button { flex: 1; margin: 0 5px; padding: 16px 0; font-size: 18px; font-weight: bold; border: none; border-radius: 10px; background: #0f172a; color: #ffffff; box-shadow: inset 0 0 0 1px #334155; transition: 0.2s ease; } .call-front .keyboard-wrapper .keyboard-container .phone-keyboard .row button:hover, #talk__window .keyboard-wrapper .keyboard-container .phone-keyboard .row button:hover, #Talk .keyboard-wrapper .keyboard-container .phone-keyboard .row button:hover { background: #1e293b; color: #00acac; } .call-front .keyboard-wrapper .keyboard-container .phone-keyboard .row:last-child, #talk__window .keyboard-wrapper .keyboard-container .phone-keyboard .row:last-child, #Talk .keyboard-wrapper .keyboard-container .phone-keyboard .row:last-child { margin-bottom: 0; } .call-front .head_panel, #talk__window .head_panel, #Talk .head_panel { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0.5rem 1rem; background-color: rgba(15, 23, 42, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 14px; position: relative; z-index: 10; } .call-front .head_panel .incCallWindow, #talk__window .head_panel .incCallWindow, #Talk .head_panel .incCallWindow { margin-right: 1rem !important; } .call-front .head_panel .call__logo, .call-front .head_panel a, #talk__window .head_panel .call__logo, #talk__window .head_panel a, #Talk .head_panel .call__logo, #Talk .head_panel a { display: flex; align-items: center; font-weight: bold; color: #ffffff; margin-right: 10rem; } .call-front .head_panel .call__logo .navbar-logo, .call-front .head_panel a .navbar-logo, #talk__window .head_panel .call__logo .navbar-logo, #talk__window .head_panel a .navbar-logo, #Talk .head_panel .call__logo .navbar-logo, #Talk .head_panel a .navbar-logo { width: 20px; height: 20px; background-color: #00acac; border-radius: 4px; margin-right: 8px; border: 10px solid transparent; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; border-radius: 4px; } .call-front .head_panel .call__logo span, .call-front .head_panel a span, #talk__window .head_panel .call__logo span, #talk__window .head_panel a span, #Talk .head_panel .call__logo span, #Talk .head_panel a span { margin-left: 4px; color: #00acac; } .call-front .head_panel .name, #talk__window .head_panel .name, #Talk .head_panel .name { font-weight: 500; font-size: 14px; white-space: nowrap; } .call-front .head_panel .timer, #talk__window .head_panel .timer, #Talk .head_panel .timer { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .call-front .head_panel .timer .call__indicators, #talk__window .head_panel .timer .call__indicators, #Talk .head_panel .timer .call__indicators { display: flex; align-items: center; gap: 1.2rem; } .call-front .head_panel .timer .call__indicators .microphone__indicator, .call-front .head_panel .timer .call__indicators .network__indicator, #talk__window .head_panel .timer .call__indicators .microphone__indicator, #talk__window .head_panel .timer .call__indicators .network__indicator, #Talk .head_panel .timer .call__indicators .microphone__indicator, #Talk .head_panel .timer .call__indicators .network__indicator { display: flex; align-items: center; position: relative; font-size: 18px; } .call-front .head_panel .timer .call__indicators .microphone__indicator i, .call-front .head_panel .timer .call__indicators .network__indicator i, #talk__window .head_panel .timer .call__indicators .microphone__indicator i, #talk__window .head_panel .timer .call__indicators .network__indicator i, #Talk .head_panel .timer .call__indicators .microphone__indicator i, #Talk .head_panel .timer .call__indicators .network__indicator i { color: #ffffff; } .call-front .head_panel .timer .call__indicators .microphone__indicator .green, .call-front .head_panel .timer .call__indicators .microphone__indicator .red, .call-front .head_panel .timer .call__indicators .microphone__indicator .yellow, .call-front .head_panel .timer .call__indicators .network__indicator .green, .call-front .head_panel .timer .call__indicators .network__indicator .red, .call-front .head_panel .timer .call__indicators .network__indicator .yellow, #talk__window .head_panel .timer .call__indicators .microphone__indicator .green, #talk__window .head_panel .timer .call__indicators .microphone__indicator .red, #talk__window .head_panel .timer .call__indicators .microphone__indicator .yellow, #talk__window .head_panel .timer .call__indicators .network__indicator .green, #talk__window .head_panel .timer .call__indicators .network__indicator .red, #talk__window .head_panel .timer .call__indicators .network__indicator .yellow, #Talk .head_panel .timer .call__indicators .microphone__indicator .green, #Talk .head_panel .timer .call__indicators .microphone__indicator .red, #Talk .head_panel .timer .call__indicators .microphone__indicator .yellow, #Talk .head_panel .timer .call__indicators .network__indicator .green, #Talk .head_panel .timer .call__indicators .network__indicator .red, #Talk .head_panel .timer .call__indicators .network__indicator .yellow { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: -5px; left: 15px; } .call-front .head_panel .timer .call__indicators .microphone__indicator .green.green, .call-front .head_panel .timer .call__indicators .microphone__indicator .red.green, .call-front .head_panel .timer .call__indicators .microphone__indicator .yellow.green, .call-front .head_panel .timer .call__indicators .network__indicator .green.green, .call-front .head_panel .timer .call__indicators .network__indicator .red.green, .call-front .head_panel .timer .call__indicators .network__indicator .yellow.green, #talk__window .head_panel .timer .call__indicators .microphone__indicator .green.green, #talk__window .head_panel .timer .call__indicators .microphone__indicator .red.green, #talk__window .head_panel .timer .call__indicators .microphone__indicator .yellow.green, #talk__window .head_panel .timer .call__indicators .network__indicator .green.green, #talk__window .head_panel .timer .call__indicators .network__indicator .red.green, #talk__window .head_panel .timer .call__indicators .network__indicator .yellow.green, #Talk .head_panel .timer .call__indicators .microphone__indicator .green.green, #Talk .head_panel .timer .call__indicators .microphone__indicator .red.green, #Talk .head_panel .timer .call__indicators .microphone__indicator .yellow.green, #Talk .head_panel .timer .call__indicators .network__indicator .green.green, #Talk .head_panel .timer .call__indicators .network__indicator .red.green, #Talk .head_panel .timer .call__indicators .network__indicator .yellow.green { background-color: #30f144; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .call-front .head_panel .timer .call__indicators .microphone__indicator .green.red, .call-front .head_panel .timer .call__indicators .microphone__indicator .red.red, .call-front .head_panel .timer .call__indicators .microphone__indicator .yellow.red, .call-front .head_panel .timer .call__indicators .network__indicator .green.red, .call-front .head_panel .timer .call__indicators .network__indicator .red.red, .call-front .head_panel .timer .call__indicators .network__indicator .yellow.red, #talk__window .head_panel .timer .call__indicators .microphone__indicator .green.red, #talk__window .head_panel .timer .call__indicators .microphone__indicator .red.red, #talk__window .head_panel .timer .call__indicators .microphone__indicator .yellow.red, #talk__window .head_panel .timer .call__indicators .network__indicator .green.red, #talk__window .head_panel .timer .call__indicators .network__indicator .red.red, #talk__window .head_panel .timer .call__indicators .network__indicator .yellow.red, #Talk .head_panel .timer .call__indicators .microphone__indicator .green.red, #Talk .head_panel .timer .call__indicators .microphone__indicator .red.red, #Talk .head_panel .timer .call__indicators .microphone__indicator .yellow.red, #Talk .head_panel .timer .call__indicators .network__indicator .green.red, #Talk .head_panel .timer .call__indicators .network__indicator .red.red, #Talk .head_panel .timer .call__indicators .network__indicator .yellow.red { background-color: #f13030; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .call-front .head_panel .timer .call__indicators .microphone__indicator .green.yellow, .call-front .head_panel .timer .call__indicators .microphone__indicator .red.yellow, .call-front .head_panel .timer .call__indicators .microphone__indicator .yellow.yellow, .call-front .head_panel .timer .call__indicators .network__indicator .green.yellow, .call-front .head_panel .timer .call__indicators .network__indicator .red.yellow, .call-front .head_panel .timer .call__indicators .network__indicator .yellow.yellow, #talk__window .head_panel .timer .call__indicators .microphone__indicator .green.yellow, #talk__window .head_panel .timer .call__indicators .microphone__indicator .red.yellow, #talk__window .head_panel .timer .call__indicators .microphone__indicator .yellow.yellow, #talk__window .head_panel .timer .call__indicators .network__indicator .green.yellow, #talk__window .head_panel .timer .call__indicators .network__indicator .red.yellow, #talk__window .head_panel .timer .call__indicators .network__indicator .yellow.yellow, #Talk .head_panel .timer .call__indicators .microphone__indicator .green.yellow, #Talk .head_panel .timer .call__indicators .microphone__indicator .red.yellow, #Talk .head_panel .timer .call__indicators .microphone__indicator .yellow.yellow, #Talk .head_panel .timer .call__indicators .network__indicator .green.yellow, #Talk .head_panel .timer .call__indicators .network__indicator .red.yellow, #Talk .head_panel .timer .call__indicators .network__indicator .yellow.yellow { background-color: #e3f51d; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .call-front .head_panel .timer .call-time, #talk__window .head_panel .timer .call-time, #Talk .head_panel .timer .call-time { font-family: monospace; font-weight: bold; } .call-front .head_panel .timer .chats, #talk__window .head_panel .timer .chats, #Talk .head_panel .timer .chats { display: flex; align-items: center; gap: 0.5rem; position: relative; } .call-front .head_panel .timer .chats button, #talk__window .head_panel .timer .chats button, #Talk .head_panel .timer .chats button { background: #00acac; border: none; border-radius: 4px; padding: 6px 10px; color: #fff; font-size: 14px; transition: background 0.3s; } .call-front .head_panel .timer .chats button:hover, #talk__window .head_panel .timer .chats button:hover, #Talk .head_panel .timer .chats button:hover { background-color: #007979; } .call-front .head_panel .timer .chats button i, #talk__window .head_panel .timer .chats button i, #Talk .head_panel .timer .chats button i { font-size: 14px; } .call-front .head_panel .timer .chats .qnt, #talk__window .head_panel .timer .chats .qnt, #Talk .head_panel .timer .chats .qnt { position: absolute; top: -6px; right: -6px; background: #f13030; color: #fff; border-radius: 50%; font-size: 10px; padding: 2px 6px; } .call-front .head_panel .settingVolume, #talk__window .head_panel .settingVolume, #Talk .head_panel .settingVolume { position: absolute; top: 100%; right: 1rem; margin-top: 0.5rem; background: #fff; padding: 0.75rem; border-radius: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); z-index: 20; min-width: 200px; } .call-front .head_panel .settingVolume div, #talk__window .head_panel .settingVolume div, #Talk .head_panel .settingVolume div { display: flex; align-items: center; font-size: 14px; margin-bottom: 0.5rem; } .call-front .head_panel .settingVolume div i, #talk__window .head_panel .settingVolume div i, #Talk .head_panel .settingVolume div i { margin-right: 8px; color: #0f172a; } .call-front .head_panel .settingVolume div input[type=range], #talk__window .head_panel .settingVolume div input[type=range], #Talk .head_panel .settingVolume div input[type=range] { flex-grow: 1; } .call-front .head_panel .settingVolume, #talk__window .head_panel .settingVolume, #Talk .head_panel .settingVolume { background-color: #1e2a38; border-radius: 12px; padding: 16px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4); min-width: 220px; max-width: 280px; color: #fff; font-size: 14px; z-index: 20; display: flex; flex-direction: column; gap: 14px; transition: all 0.3s ease; } .call-front .head_panel .settingVolume .VolumeClient, .call-front .head_panel .settingVolume .VolumeConsultant, #talk__window .head_panel .settingVolume .VolumeClient, #talk__window .head_panel .settingVolume .VolumeConsultant, #Talk .head_panel .settingVolume .VolumeClient, #Talk .head_panel .settingVolume .VolumeConsultant { display: flex; align-items: center; gap: 12px; } .call-front .head_panel .settingVolume .VolumeClient i, .call-front .head_panel .settingVolume .VolumeConsultant i, #talk__window .head_panel .settingVolume .VolumeClient i, #talk__window .head_panel .settingVolume .VolumeConsultant i, #Talk .head_panel .settingVolume .VolumeClient i, #Talk .head_panel .settingVolume .VolumeConsultant i { color: #ffffff; font-size: 18px; min-width: 24px; } .call-front .head_panel .settingVolume .VolumeClient input[type=range], .call-front .head_panel .settingVolume .VolumeConsultant input[type=range], #talk__window .head_panel .settingVolume .VolumeClient input[type=range], #talk__window .head_panel .settingVolume .VolumeConsultant input[type=range], #Talk .head_panel .settingVolume .VolumeClient input[type=range], #Talk .head_panel .settingVolume .VolumeConsultant input[type=range] { flex-grow: 1; accent-color: #00acac; cursor: pointer; height: 6px; border-radius: 4px; background: #334155; } .call-front .clien_call_info, #talk__window .clien_call_info, #Talk .clien_call_info { display: flex; justify-content: center; align-items: center; height: 100%; min-height: 60vh; width: 100%; padding: 1rem; margin-top: 20px; text-align: center; color: #f1f5f9; font-family: "Segoe UI", sans-serif; } .call-front .clien_call_info .container-call, #talk__window .clien_call_info .container-call, #Talk .clien_call_info .container-call { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; text-align: center; } .call-front .clien_call_info .container-call .avatar, #talk__window .clien_call_info .container-call .avatar, #Talk .clien_call_info .container-call .avatar { width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle at center, #3d4957 60%, #10283b 100%); border: 2px solid #ffffff; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #ffffff; box-shadow: 0 6px 16px rgba(255, 255, 255, 0.15); transition: transform 0.3s ease; } .call-front .clien_call_info .container-call .avatar:hover, #talk__window .clien_call_info .container-call .avatar:hover, #Talk .clien_call_info .container-call .avatar:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2); } .call-front .clien_call_info .name, #talk__window .clien_call_info .name, #Talk .clien_call_info .name { font-weight: 600; font-size: 20px; color: #ffffff; margin-bottom: 5px; } .call-front .clien_call_info .number, #talk__window .clien_call_info .number, #Talk .clien_call_info .number { font-size: 16px; font-weight: 500; color: #cbd5e1; margin-bottom: 6px; } .call-front .clien_call_info .operator, #talk__window .clien_call_info .operator, #Talk .clien_call_info .operator { font-size: 14px; font-weight: 400; color: #94a3b8; margin-bottom: 10px; } .call-front .clien_call_info .operator strong, #talk__window .clien_call_info .operator strong, #Talk .clien_call_info .operator strong { color: #cbd5e1; font-weight: 600; } .call-front .clien_call_info .operator img, #talk__window .clien_call_info .operator img, #Talk .clien_call_info .operator img { width: 20px; height: auto; margin-left: 6px; vertical-align: middle; } .call-front .clien_call_info .status, #talk__window .clien_call_info .status, #Talk .clien_call_info .status { background-color: #1e293b; border-radius: 8px; padding: 8px 12px; color: #facc15; font-weight: 600; display: inline-block; margin-top: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .call-front .chatBox, #talk__window .chatBox, #Talk .chatBox { position: fixed; top: 70px; right: 0; width: 360px; height: calc(100vh - 70px); background-color: #1e293b; display: flex; flex-direction: column; padding: 0; z-index: 9999; border-left: 2px solid #0f172a; box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3); } .call-front .chatBox ul#chatBox, #talk__window .chatBox ul#chatBox, #Talk .chatBox ul#chatBox { flex: 1 1 auto; overflow-y: auto; padding: 20px 16px; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; } .call-front .chatBox ul#chatBox li, #talk__window .chatBox ul#chatBox li, #Talk .chatBox ul#chatBox li { display: flex; gap: 10px; background: #2f3e52; padding: 12px; border-radius: 12px; color: #e2e8f0; max-width: 100%; word-break: break-word; } .call-front .chatBox ul#chatBox li .avatar, #talk__window .chatBox ul#chatBox li .avatar, #Talk .chatBox ul#chatBox li .avatar { width: 40px; height: 40px; border-radius: 50%; background: #00acac; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; } .call-front .chatBox ul#chatBox li .message, #talk__window .chatBox ul#chatBox li .message, #Talk .chatBox ul#chatBox li .message { flex: 1; } .call-front .chatBox ul#chatBox li .message .ConsultantName, #talk__window .chatBox ul#chatBox li .message .ConsultantName, #Talk .chatBox ul#chatBox li .message .ConsultantName { font-weight: bold; font-size: 14px; color: #38bdf8; margin-bottom: 4px; } .call-front .chatBox ul#chatBox li .message .time, #talk__window .chatBox ul#chatBox li .message .time, #Talk .chatBox ul#chatBox li .message .time { font-size: 12px; color: #94a3b8; margin-top: 6px; text-align: right; } .call-front .chatBox .messageBox, #talk__window .chatBox .messageBox, #Talk .chatBox .messageBox { background-color: #1e293b; padding: 16px; display: flex; justify-content: center; border-top: 1px solid #334155; } .call-front .chatBox .messageBox .container, #talk__window .chatBox .messageBox .container, #Talk .chatBox .messageBox .container { display: flex; align-items: flex-end; gap: 12px; width: 100%; } .call-front .chatBox .messageBox .container textarea, #talk__window .chatBox .messageBox .container textarea, #Talk .chatBox .messageBox .container textarea { flex-grow: 1; height: 60px; padding: 12px; border: 1px solid #334155; border-radius: 10px; resize: vertical; background-color: #0f172a; color: #f1f5f9; font-size: 14px; } .call-front .chatBox .messageBox .container textarea::placeholder, #talk__window .chatBox .messageBox .container textarea::placeholder, #Talk .chatBox .messageBox .container textarea::placeholder { color: #64748b; } .call-front .chatBox .messageBox .container .send, #talk__window .chatBox .messageBox .container .send, #Talk .chatBox .messageBox .container .send { flex-shrink: 0; width: 42px; height: 42px; border: none; border-radius: 8px; background-color: #00acac; color: white; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; } .call-front .chatBox .messageBox .container .send i, #talk__window .chatBox .messageBox .container .send i, #Talk .chatBox .messageBox .container .send i { pointer-events: none; font-size: 16px; } .call-front .chatBox .messageBox .container .send:hover, #talk__window .chatBox .messageBox .container .send:hover, #Talk .chatBox .messageBox .container .send:hover { background-color: rgb(0, 131.2, 131.2); } .call-front .chatBox .messageBox .container .send:active, #talk__window .chatBox .messageBox .container .send:active, #Talk .chatBox .messageBox .container .send:active { transform: scale(0.96); } .call-front .chatBox ul#chatBox::-webkit-scrollbar, #talk__window .chatBox ul#chatBox::-webkit-scrollbar, #Talk .chatBox ul#chatBox::-webkit-scrollbar { width: 6px; } .call-front .chatBox ul#chatBox::-webkit-scrollbar-thumb, #talk__window .chatBox ul#chatBox::-webkit-scrollbar-thumb, #Talk .chatBox ul#chatBox::-webkit-scrollbar-thumb { background: #00acac; border-radius: 4px; } .call-front .chatBox ul#chatBox::-webkit-scrollbar-track, #talk__window .chatBox ul#chatBox::-webkit-scrollbar-track, #Talk .chatBox ul#chatBox::-webkit-scrollbar-track { background: transparent; } .call-front .connecting, #talk__window .connecting, #Talk .connecting { display: flex; justify-content: center; align-items: center; height: 200px; } .call-front .connecting .vue-load .block-loader, #talk__window .connecting .vue-load .block-loader, #Talk .connecting .vue-load .block-loader { display: flex; gap: 8px; } .call-front .connecting .vue-load .block-loader .block, #talk__window .connecting .vue-load .block-loader .block, #Talk .connecting .vue-load .block-loader .block { width: 12px; height: 12px; border-radius: 50%; background-color: #ffffff; animation: bounce 1.2s infinite ease-in-out; } .call-front .connecting .vue-load .block-loader .block:nth-child(2), #talk__window .connecting .vue-load .block-loader .block:nth-child(2), #Talk .connecting .vue-load .block-loader .block:nth-child(2) { animation-delay: 0.2s; } .call-front .connecting .vue-load .block-loader .block:nth-child(3), #talk__window .connecting .vue-load .block-loader .block:nth-child(3), #Talk .connecting .vue-load .block-loader .block:nth-child(3) { animation-delay: 0.4s; } .call-front .connecting .vue-load .block-loader .block:nth-child(4), #talk__window .connecting .vue-load .block-loader .block:nth-child(4), #Talk .connecting .vue-load .block-loader .block:nth-child(4) { animation-delay: 0.6s; } .call-front .product-info, #talk__window .product-info, #Talk .product-info { background: #1e2a38; border-radius: 12px; padding: 20px; color: #fff; max-width: 400px; margin: 30px auto 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); } .call-front .product-info__header, #talk__window .product-info__header, #Talk .product-info__header { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 600; margin-bottom: 15px; gap: 10px; } .call-front .product-info__header span, #talk__window .product-info__header span, #Talk .product-info__header span { display: inline-block; } .call-front .product-info__close, #talk__window .product-info__close, #Talk .product-info__close { border-radius: 50%; background-color: #253341; width: 28px; height: 28px; font-size: 13px; display: flex; justify-content: center; align-items: center; color: #fff; border: none; cursor: pointer; transition: background-color 0.3s ease; } .call-front .product-info__close:hover, #talk__window .product-info__close:hover, #Talk .product-info__close:hover { background-color: rgb(46.25, 63.75, 81.25); } .call-front .product-info__close i, #talk__window .product-info__close i, #Talk .product-info__close i { pointer-events: none; } .call-front .product-info__list, #talk__window .product-info__list, #Talk .product-info__list { list-style: none; padding: 0; margin: 0; } .call-front .product-info__item, #talk__window .product-info__item, #Talk .product-info__item { display: flex; align-items: center; justify-content: space-between; background: #253341; padding: 12px 16px; margin-bottom: 10px; border-radius: 8px; } .call-front .product-info__item .product-icon, #talk__window .product-info__item .product-icon, #Talk .product-info__item .product-icon { margin-right: 10px; color: #00acac; } .call-front .product-info__item .product-name, #talk__window .product-info__item .product-name, #Talk .product-info__item .product-name { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .call-front .product-info__item .product-amount, #talk__window .product-info__item .product-amount, #Talk .product-info__item .product-amount { font-weight: bold; color: #00acac; white-space: nowrap; } .call-front .error-message, #talk__window .error-message, #Talk .error-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1e293b; color: #f8fafc; padding: 24px 32px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); text-align: center; min-width: 320px; max-width: 90%; z-index: 100; animation: fadeIn 0.4s ease; } .call-front .error-message h4, #talk__window .error-message h4, #Talk .error-message h4 { font-size: 18px; font-weight: 600; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 8px; } .call-front .error-message h4 i, #talk__window .error-message h4 i, #Talk .error-message h4 i { color: #f13030; font-size: 20px; } .call-front .error-message p, #talk__window .error-message p, #Talk .error-message p { font-size: 14px; color: #cbd5e1; line-height: 1.6; margin-bottom: 20px; } .call-front .error-message .buttons, #talk__window .error-message .buttons, #Talk .error-message .buttons { display: flex; justify-content: flex-end; } .call-front .error-message .buttons button, #talk__window .error-message .buttons button, #Talk .error-message .buttons button { margin: 1rem 0; background: #00acac; color: white; border: none; padding: 8px 20px; font-size: 14px; border-radius: 8px; cursor: pointer; transition: background 0.3s; } .call-front .error-message .buttons button:hover, #talk__window .error-message .buttons button:hover, #Talk .error-message .buttons button:hover { background: #007979; } .call-front .footer_panel, #talk__window .footer_panel, #Talk .footer_panel { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 1000; } .call-front .footer_panel .btn.mute, #talk__window .footer_panel .btn.mute, #Talk .footer_panel .btn.mute { width: 44px; height: 44px; padding: 0; border-radius: 10px; font-size: 18px; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); border: none; transition: background 0.3s ease, transform 0.2s ease; } .call-front .footer_panel .btn.mute:hover, #talk__window .footer_panel .btn.mute:hover, #Talk .footer_panel .btn.mute:hover { transform: scale(1.1); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); } .call-front .footer_panel .btn.mute.btn-red, #talk__window .footer_panel .btn.mute.btn-red, #Talk .footer_panel .btn.mute.btn-red { background-color: #f13030; color: #fff; } .call-front .footer_panel .btn.mute.btn-red:hover, #talk__window .footer_panel .btn.mute.btn-red:hover, #Talk .footer_panel .btn.mute.btn-red:hover { background-color: rgb(232.4769230769, 15.7230769231, 15.7230769231); } .call-front .footer_panel .btn.mute.btn-gray, #talk__window .footer_panel .btn.mute.btn-gray, #Talk .footer_panel .btn.mute.btn-gray { background-color: #3d4958; color: #fff; } .call-front .footer_panel .btn.mute.btn-gray:hover, #talk__window .footer_panel .btn.mute.btn-gray:hover, #Talk .footer_panel .btn.mute.btn-gray:hover { background-color: rgb(40.1208053691, 48.0134228188, 57.8791946309); } .call-front .toasted-container.top-left, #talk__window .toasted-container.top-left, #Talk .toasted-container.top-left { left: 1%; } .call-front .toasted-container .toast__dark, #talk__window .toasted-container .toast__dark, #Talk .toasted-container .toast__dark { width: 270px !important; } .call-front .toasted-container .toast__dark.error .toast-message, #talk__window .toasted-container .toast__dark.error .toast-message, #Talk .toasted-container .toast__dark.error .toast-message { font-size: 12px !important; } .call-front .toasted-container .toast__dark.info, #talk__window .toasted-container .toast__dark.info, #Talk .toasted-container .toast__dark.info { font-size: 12px; } .call-front .toasted-container .toast__dark.info .action, #talk__window .toasted-container .toast__dark.info .action, #Talk .toasted-container .toast__dark.info .action { font-size: 12px; } .call-front .toasted-container .toast__dark.success, #talk__window .toasted-container .toast__dark.success, #Talk .toasted-container .toast__dark.success { font-size: 12px; } @media (max-width: 768px) { #call .navbar-brand, #talk__window .navbar-brand, #Talk .navbar-brand { display: flex; margin-right: 4rem; } } @media (max-width: 692px) { #call .head_panel .call__logo, #talk__window .head_panel .call__logo, #Talk .head_panel .call__logo { margin-right: 3rem; } #call .head_panel .name, #talk__window .head_panel .name, #Talk .head_panel .name { display: none; } #call .toasted-container.top-left, #talk__window .toasted-container.top-left, #Talk .toasted-container.top-left { left: 0; top: 2% !important; } } @media (max-width: 504px) { .head_panel .call__logo { margin-right: 0 !important; } } @media only screen and (max-width: 600px) { .toasted-container { min-width: auto !important; top: 12% !important; left: 0 !important; } } @media (max-width: 480px) { .toasted-container { min-width: auto !important; top: 12% !important; left: 1% !important; } .head_panel { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 8px 12px !important; gap: 8px !important; } .head_panel .navbar-brand { display: none !important; } .head_panel .name { display: flex !important; font-weight: bold !important; margin-left: 10px; flex-grow: 1; min-width: 100px; } .head_panel #call-timer { display: flex; align-items: center; gap: 10px; } .head_panel #call-timer .call__indicators { display: none; gap: 6px; } .head_panel #call-timer .call__indicators .microphone__indicator, .head_panel #call-timer .call__indicators .network__indicator { display: flex; align-items: center; gap: 4px; } .head_panel #call-timer .call__indicators .microphone__indicator span, .head_panel #call-timer .call__indicators .network__indicator span { width: 8px; height: 8px; border-radius: 50%; } .head_panel #call-timer .call-time { font-size: 12px; color: #ccc; min-width: 55px; text-align: center; } .head_panel #call-timer .chats { display: flex; align-items: center; gap: 6px; } .head_panel #call-timer .chats button { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; border-radius: 6px; background-color: #00acac; color: #fff; border: none; } .head_panel #call-timer .chats button:hover { background-color: #009090; } .head_panel #call-timer .settingVolume { width: 300px; } .head_panel .settingVolume { width: 300px; display: flex; flex-direction: column; padding: 8px; background: #222f3d; border-radius: 10px; margin-top: 8px; } .head_panel .settingVolume .VolumeClient, .head_panel .settingVolume .VolumeConsultant { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; } .head_panel .settingVolume .VolumeClient i, .head_panel .settingVolume .VolumeConsultant i { color: #00acac; } .head_panel .settingVolume .VolumeClient input[type=range], .head_panel .settingVolume .VolumeConsultant input[type=range] { flex-grow: 1; } .container-call { padding: 12px; text-align: center; } .container-call .avatar { margin: 0 auto 12px; } .product-info { margin: 16px auto 0; width: 100%; max-width: 95%; } .footer_panel { margin-top: 12px; justify-content: center; gap: 8px; } .toasted.toast__dark { max-width: 100%; width: calc(100% - 24px); margin-left: auto; margin-right: auto; } body { overflow-x: hidden; } } @media (max-width: 480px) and (max-width: 320px) { .head_panel .timer { width: 100%; justify-content: space-around; } .head_panel .name { display: none !important; } .toasted-container { min-width: 100% !important; } } /*-----------------modal vue-----------------------------*/ .modal-backdrop { background-color: rgba(0, 0, 0, 0.4901960784) !important; } .btn { color: #fff !important; } .btn-search { color: #333 !important; } .btn-green { color: #ffffff !important; } .btn-success { color: #ffffff !important; } @keyframes gradient { 0% { background-position: 0%; } 100% { background-position: 100%; } } .tc_elems .messageBox { position: absolute; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); width: 400px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; top: -620px; right: 10px; } .tc_elems ul#chatBox { list-style-type: none; margin: 0; padding: 0; width: 100%; height: 450px; overflow-y: scroll; } .tc_elems ul#chatBox li.myMessage { display: flex; align-items: center; margin-bottom: 10px; } .tc_elems ul#chatBox li.myMessage .avatar { background-color: #00acac; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #fff; } .tc_elems ul#chatBox li.myMessage .message { background-color: #fff; border-radius: 10px; margin-left: 10px; padding: 10px; flex-grow: 1; } .tc_elems ul#chatBox li.myMessage .message .ConsultantName { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .tc_elems ul#chatBox li.myMessage .message .time { font-size: 12px; color: #888; margin-top: 5px; display: flex; width: 100%; justify-content: right; } .tc_elems ul#chatBox li.mClient { /* Стили для исходящего сообщения клиента */ } .tc_elems .livePhone { display: flex; justify-content: flex-end; width: 100%; margin: 5px; background: #f2f2f2; border-radius: 10px; margin-top: 15px; } .tc_elems .livePhone input[type=number]::-webkit-inner-spin-button, .tc_elems .livePhone input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .tc_elems .livePhone input[type=number] { -moz-appearance: textfield; } .tc_elems .messagePanel { background-color: #f2f2f2; border-radius: 10px; width: 100%; padding: 10px; margin-top: 20px; } .tc_elems .messagePanel .container { display: flex; align-items: center; } .tc_elems .messagePanel .container textarea[name=message] { flex-grow: 1; height: 80px; border: none; border-radius: 5px; padding: 10px; background-color: #fff; font-size: 14px; resize: none; } .tc_elems .messagePanel .container textarea[name=message]::placeholder { color: #aaa; } .tc_elems .messagePanel .container .send { margin-left: 10px; background-color: #00acac; border: none; border-radius: 5px; color: #fff; padding: 8px 12px; cursor: pointer; transition: background-color 0.3s ease; } .tc_elems .messagePanel .container .send:hover { background-color: #1d669e; } #listener .overlay-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 9999; /* Выберите подходящий z-index */ } #listener .overlay-container::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Прозрачный цвет затемнения */ z-index: -1; } #listener .overlay-content { width: 80%; background-color: white; /* Цвет фона внутреннего контента */ padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Тень */ max-width: 950px; } #listener .container { display: flex; } #listener .column { flex: 1; padding: 20px; } #listener .left-column { position: relative; border-radius: 5px; min-height: 550px; width: 20%; min-width: 75%; background: rgb(2, 0, 36); background: linear-gradient(180deg, rgb(2, 0, 36) 60%, rgb(0, 212, 255) 100%, rgb(0, 172, 172) 100%); background-size: 600% 100%; animation: gradient 16s linear infinite; animation-direction: alternate; display: flex; align-items: center; justify-content: center; } #listener .left-column .head_panel { align-items: center; padding: 0 5%; display: flex; min-height: 60px; box-shadow: 4px 11px 8px 10px rgba(36, 112, 171, 0.2); position: absolute; width: 100%; top: 0; justify-content: space-between; background: #020024; } #listener .left-column .head_panel .navbar-brand { display: flex; color: #fff; opacity: 0.8; } #listener .left-column .head_panel .name { color: #fff; } #listener .left-column .head_panel .timer { display: flex; color: #fff; font-weight: 800; } #listener .left-column .head_panel .timer .call-time { align-self: center; } #listener .left-column .head_panel .timer .chats { position: relative; display: flex; } #listener .left-column .head_panel .timer .chats button { margin: 0 5px; background: #00acac; } #listener .left-column .head_panel .timer .chats .qnt { color: #fff; border-radius: 50%; background: red; padding: 3px 8px; position: absolute; right: 0; top: 1px; z-index: 1; } #listener .left-column .head_panel .settingVolume { padding: 5px; position: absolute; top: 70px; right: 50px; display: block; max-width: 200px; border-radius: 3px; background: #fff; z-index: 2; } #listener .left-column .head_panel .settingVolume div { font-size: 18px; margin: 3px; display: flex; justify-content: space-between; } #listener .left-column .head_panel .settingVolume div i { margin-right: 3px; } #listener .left-column .head_panel .settingVolume div input { width: 100%; } #listener .left-column .container-call .avatar { color: #fff; position: relative; border: solid 1px; border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; font-size: 48px; cursor: pointer; box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); animation: pulse 1s infinite; } #listener .left-column .container-call .call-info .number { margin: 10px 0; text-align: center; color: #fff; } #listener .left-column .container-call .buttons { justify-content: space-around; } #listener .right-column { width: 80%; } #listener .right-column .chatBox { width: 25%; min-width: 235px; height: 480px; background: aliceblue; margin: 60px 0; right: 0; z-index: 1; padding: 0; } #listener .right-column .chatBox ul { height: 365px; overflow-y: scroll; list-style: none; font-size: 14px; padding: 5px; flex-direction: column; } #listener .right-column .chatBox ul li { max-width: 250px; padding: 10px 0px; border-radius: 5px; margin: 40px 10px; -webkit-box-shadow: 8px 4px 24px 0px rgba(66, 68, 90, 0.43); -moz-box-shadow: 8px 4px 24px 0px rgba(66, 68, 90, 0.43); box-shadow: 8px 4px 24px 0px rgba(66, 68, 90, 0.43); } #listener .right-column .chatBox ul .mClient { background: bisque; padding: 10px 25px; } #listener .right-column .chatBox ul .myMessage { display: flex; background: #d9ebfb; float: right; width: 90%; } #listener .right-column .chatBox ul .myMessage .avatar { background-color: #008a91; color: #fff; min-width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: solid; margin: 0 5px; font-weight: bold; } #listener .right-column .chatBox ul .myMessage .message { margin: 0 20px; } #listener .right-column .chatBox ul .myMessage .message .ConsultantName { margin: 10px 0px; font-weight: bold; } #listener .right-column .chatBox ul .myMessage .message .time { text-align: right; font-size: 12px; margin: 10px; min-width: 130px; } #listener .right-column .chatBox ul .mClient { display: flex; background: #d9ebfb; float: left; } #listener .right-column .chatBox ul .mClient .avatar { background-color: #f59c1a; color: #fff; min-width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: solid; margin: 0 5px; font-weight: bold; } #listener .right-column .chatBox ul .mClient .message .clientName { margin: 10px 0px; font-weight: bold; } #listener .right-column .chatBox .messageBox .container { display: flex; } #listener .right-column .chatBox .messageBox .container textarea { overflow: auto; resize: vertical; height: 65px; border-radius: 5px; border: none; width: 100%; padding: 5px 20px; } #listener .right-column .chatBox .messageBox .container .send { background-color: #008a91; border-color: #008a91; width: 40px; height: 40px; margin: 0 10px; } #listener .right-column .messageBox .container { display: flex; } #listener .right-column .messageBox .container textarea { overflow: auto; resize: vertical; height: 65px; border-radius: 5px; border: none; width: 100%; padding: 5px 20px; } #listener .right-column .messageBox .container .send { background-color: #008a91; border-color: #008a91; width: 40px; height: 40px; margin: 0 10px; } .message-error-account .background-block { align-items: center; background-color: #aaa; display: flex; height: 100vh; justify-content: center; width: 100%; } .message-error-account .background-block .notify-block { background-color: #fff; border-radius: 15px; height: 400px; overflow: hidden; width: 350px; } .message-error-account .background-block .notify-block .notify-block-background { height: 200px; margin-top: -70px; margin-left: -30px; opacity: 0.5; transform: rotate(-10deg); width: 400px; } .message-error-account .background-block .notify-block .notify-block-icon { text-align: center; margin-top: -50px; z-index: 12; position: relative; } .message-error-account .background-block .notify-block .notify-block-icon .fa { width: 100px; height: 100px; line-height: 100px; font-size: 50px; border-radius: 100%; background-color: #039BE5; color: white; } .message-error-account .background-block .notify-block .notify-block-text h4 { padding: 15px 0; text-align: center; font-weight: 300; font-size: 28px; } .message-error-account .background-block .notify-block .notify-block-text p { text-align: center; color: #888; padding: 5px 10px; line-height: 160%; } .message-error-account .background-block .notify-block .notify-block-actions { padding: 20px 0; margin-bottom: 10px; z-index: 12; } .message-error-account .background-block .notify-block .notify-block-actions:after, .message-error-account .background-block .notify-block .notify-block-actions:before { display: table; content: ""; } .message-error-account .background-block .notify-block .notify-block-actions:after { clear: both; } .message-error-account .background-block .notify-block .notify-block-actions:before { *zoom: 1; } .message-error-account .background-block .notify-block .notify-block-actions a { display: block; width: calc(50% - 30px - 30px); padding: 10px 15px; text-decoration: none; font-weight: 500; color: gray; text-align: center; border-radius: 20px; font-size: 14px; float: left; } .message-error-account .background-block .notify-block .notify-block-actions a.action { background-color: #4CAF50; color: white; transition: all 0.3s; } .message-error-account .background-block .notify-block .notify-block-actions a.action:hover { background-color: #2E7D32; cursor: pointer; } .message-error-account .background-block .notify-block .notify-block-actions a:hover { cursor: pointer; } .message-error-account .background-block .notify-block .notify-block-actions a:first-child { margin-left: 25px; margin-right: 5px; } .message-error-account .background-block .notify-block .notify-block-actions a:last-child { margin-left: 5px; margin-right: 25px; } .filterDate { padding: 0 15px; } .approveCards th, .approveCards tr { font-size: 12px; } .approveCards th .actions, .approveCards tr .actions { align-items: center; display: flex !important; justify-content: space-evenly; margin-top: 20px; } .approveCards .scrollable { display: block; overflow-y: scroll; height: 80px; } #onliner .whoOnline { position: fixed; right: 25px; bottom: 10px; color: white; border: none; width: 40px; height: 40px; border-radius: 50%; padding: 10px; font-size: 16px; cursor: pointer; transition: background-color 0.3s, transform 0.3s; display: flex; } #onliner .whoOnline:hover, #onliner .whoOnline:active { background-color: #26c2c2; transform: scale(1.1); } #onliner .avatar { background: #00acac; color: #fff; display: flex; width: 40px; height: 40px; border: solid 2px #fff; border-radius: 50%; justify-content: center; text-align: center; align-items: center; font-weight: bold; margin-right: 10px; } #onliner .block { background: #fff; position: fixed; right: 75px; width: 300px; height: 380px; bottom: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; z-index: 1; } #onliner .block .windowHeaad { background: #00acac; padding: 10px; border-top-right-radius: 8px; border-top-left-radius: 8px; color: #fff; font-size: 14px; font-weight: bolder; } #onliner .block .containerWindow { padding: 16px; overflow-y: scroll; height: 325px; margin: 5px 5px; scrollbar-width: thin; scrollbar-color: #26c2c2 #f0f0f0; } #onliner .block .containerWindow::-webkit-scrollbar { width: 8px; margin: 5px 15px; } #onliner .block .containerWindow::-webkit-scrollbar-thumb { background-color: #26c2c2; border-radius: 4px; } #onliner .block .containerWindow::-webkit-scrollbar-track { background-color: #f0f0f0; } #onliner .block .containerWindow .noLogged { width: 100%; text-align: center; color: #ccc; } #onliner .block .containerWindow ul { padding: 0; margin-top: 10px; } #onliner .block .containerWindow ul li { justify-content: start; } .sms__log .btn { height: 35px; } .sms__log .btn-danger { margin-left: 5px; } .sms__log .centred { align-self: end; } #Talk .clien_call_info { margin-top: -45px; } #Talk .popup-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; animation: fadeIn 0.3s ease-out; } #Talk .popup-backdrop .popup { background: white; padding: 20px; border-radius: 16px; min-width: 300px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); animation: popupSlideUp 0.4s ease-out; transform: translateY(20px); } #Talk .popup-backdrop .popup .close-btn { background: transparent; color: #ccc; } #Talk .popup-backdrop .popup .close-btn:hover { transition: 0.3s; color: red; } @keyframes fadeIn { from { background: rgba(0, 0, 0, 0); } to { background: rgba(0, 0, 0, 0.5); } } @keyframes popupSlideUp { 0% { opacity: 0; transform: translateY(100px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .white { color: #fff !important; } .sms__template { justify-content: center; } .sms__template button { color: #000 !important; transition: 0.3s; outline: none; margin-left: 50px !important; } .sms__template button:hover { text-decoration: underline; } .list-group { transition: 0.3s; } .list-group .active { background-color: #00acac !important; } .w__template { width: 40px; height: 40px; background-color: #49b6d6; } .toasted.toasted-primary.error { flex-direction: unset !important; } .toast-top-right { position: fixed !important; top: 105px !important; right: 20px; z-index: 9999; margin: 0; } .activecountry { box-shadow: 0 1px 10px green; border-radius: 100px; } @media (max-width: 650px) { .change-country { margin: 15px 5px !important; } li.dropdown.navbar-user a.dropdown-toggle { padding: 15px 5px; } li#headNotification { max-width: 70px; } } .notif-container button { z-index: 1; } .btn-scroll-to-top { bottom: 50px !important; right: 10px !important; } .selectpiker .btn.dropdown-toggle.btn-light { display: block; width: 100%; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #2d353c; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #d5dbe0; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .selectpiker .btn.dropdown-toggle.btn-light:after { top: 10px; right: 10px; } .ui-datepicker-unselectable.ui-state-disabled { color: red; } .dissabledButton { opacity: 0.3; pointer-events: none; background-color: gray !important; border-color: gray !important; text-decoration: none; cursor: not-allowed; } .toast { background-color: #2F96B4 !important; } .hidden__date { display: none; }