/* Generado solo por ControladorAssets. NO editar: se pisa. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ===== vistas/plugins/fontawesome-free/css/all.min.css ===== */
/*!
 * Font Awesome Free 5.15.3 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-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(../../plugins/fontawesome-free/webfonts/fa-brands-400.eot);src:url(../../plugins/fontawesome-free/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../../plugins/fontawesome-free/webfonts/fa-brands-400.woff2) format("woff2"),url(../../plugins/fontawesome-free/webfonts/fa-brands-400.woff) format("woff"),url(../../plugins/fontawesome-free/webfonts/fa-brands-400.ttf) format("truetype"),url(../../plugins/fontawesome-free/webfonts/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(../../plugins/fontawesome-free/webfonts/fa-regular-400.eot);src:url(../../plugins/fontawesome-free/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../../plugins/fontawesome-free/webfonts/fa-regular-400.woff2) format("woff2"),url(../../plugins/fontawesome-free/webfonts/fa-regular-400.woff) format("woff"),url(../../plugins/fontawesome-free/webfonts/fa-regular-400.ttf) format("truetype"),url(../../plugins/fontawesome-free/webfonts/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(../../plugins/fontawesome-free/webfonts/fa-solid-900.eot);src:url(../../plugins/fontawesome-free/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../../plugins/fontawesome-free/webfonts/fa-solid-900.woff2) format("woff2"),url(../../plugins/fontawesome-free/webfonts/fa-solid-900.woff) format("woff"),url(../../plugins/fontawesome-free/webfonts/fa-solid-900.ttf) format("truetype"),url(../../plugins/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}

/* ===== vistas/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css ===== */
/*!@preserve
 * Tempus Dominus Bootstrap4 v5.39.0 (https://tempusdominus.github.io/bootstrap-4/)
 * Copyright 2016-2020 Jonathan Peterson and contributors
 * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
 */.bootstrap-datetimepicker-widget .btn[data-action=clear]::after,.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=today]::after,.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after,.bootstrap-datetimepicker-widget .picker-switch::after,.bootstrap-datetimepicker-widget table th.next::after,.bootstrap-datetimepicker-widget table th.prev::after,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}body.tempusdominus-bootstrap-datetimepicker-widget-day-click,body.tempusdominus-bootstrap-datetimepicker-widget-day-click *{cursor:pointer!important}body.tempusdominus-bootstrap-datetimepicker-widget-day-click{position:relative!important}.tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel{position:absolute;z-index:999999999999;top:0;left:0;right:0;bottom:0;cursor:pointer!important}.bootstrap-datetimepicker-widget .datepicker-days tbody td{cursor:pointer}.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:14rem}.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons{width:16rem}.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks{width:16rem}.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons{width:17rem}@media (min-width:576px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:after,.bootstrap-datetimepicker-widget.dropdown-menu:before{content:"";display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget.dropdown-menu.wider{width:16rem}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]{text-align:center;font-family:Arial,sans-serif,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";width:38px;height:38px}.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action=today]::after{content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget .picker-switch.picker-switch-with-feathers-icons td span{line-height:2.8;height:2.8em}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:.25rem}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:0 0;color:#6c757d;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#e9ecef}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#6c757d;cursor:default}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#e9ecef;cursor:pointer}.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.old{color:#6c757d}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:"";display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#007bff;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#007bff;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:0 0;color:#6c757d;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin-top:2px;margin-bottom:2px;cursor:pointer;border-radius:.25rem}.bootstrap-datetimepicker-widget table td span:hover{background:#e9ecef}.bootstrap-datetimepicker-widget table td span.active{background-color:#007bff;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget table td span.old{color:#6c757d}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:0 0;color:#6c757d;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn{color:#007bff;color:var(--blue,#007bff)}.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover{color:#0056b3}.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod],.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second{pointer-events:none;cursor:default}.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod]:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute:hover,.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second:hover{background:0 0}.input-group [data-toggle=datetimepicker]{cursor:pointer}

/* ===== vistas/plugins/iCheck/minimal/blue.css ===== */
/* iCheck plugin Minimal skin, blue
----------------------------------- */
.icheckbox_minimal-blue,
.iradio_minimal-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../../plugins/iCheck/minimal/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-blue {
    background-position: 0 0;
}
    .icheckbox_minimal-blue.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-blue.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-blue.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-blue.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-blue {
    background-position: -100px 0;
}
    .iradio_minimal-blue.hover {
        background-position: -120px 0;
    }
    .iradio_minimal-blue.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-blue.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-blue.checked.disabled {
        background-position: -180px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal-blue,
    .iradio_minimal-blue {
        background-image: url(../../plugins/iCheck/minimal/blue@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

/* ===== vistas/plugins/iCheck/square/blue.css ===== */
/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../../plugins/iCheck/square/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(../../plugins/iCheck/square/blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* ===== vistas/plugins/iCheck/flat/blue.css ===== */
/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../../plugins/iCheck/flat/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(../../plugins/iCheck/flat/blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* ===== vistas/dist/css/adminlte.css ===== */
/*!
 *   AdminLTE v3.1.0
 *   Author: Colorlib
 *   Website: AdminLTE.io <https://adminlte.io>
 *   License: Open source - MIT <https://opensource.org/licenses/MIT>
 */
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .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: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: none;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a>code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1>* {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2>* {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3>* {
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4>* {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5>* {
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6>* {
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1>* {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2>* {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3>* {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-sm-4>* {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5>* {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6>* {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1>* {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2>* {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3>* {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-md-4>* {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5>* {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6>* {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1>* {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2>* {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3>* {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-lg-4>* {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5>* {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6>* {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1>* {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2>* {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3>* {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-xl-4>* {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5>* {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6>* {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>th,
.table-primary>td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #c8cbcf;
}

.table-success,
.table-success>th,
.table-success>td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #b1dfbb;
}

.table-info,
.table-info>th,
.table-info>td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5;
}

.table-warning,
.table-warning>th,
.table-warning>td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger>th,
.table-danger>td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #f1b0b7;
}

.table-light,
.table-light>th,
.table-light>td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #ececf6;
}

.table-dark,
.table-dark>th,
.table-dark>td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #b9bbbe;
}

.table-active,
.table-active>th,
.table-active>td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #383f45;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #383f45;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm>.table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md>.table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg>.table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl>.table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  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 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.form-control::-webkit-input-placeholder {
  color: #939ba2;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #939ba2;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #939ba2;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #939ba2;
  opacity: 1;
}

.form-control::placeholder {
  color: #939ba2;
  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: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
  left: 5px;
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: 2.25rem;
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*="col-"]>.invalid-tooltip {
  left: 5px;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: 2.25rem;
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
  box-shadow: none;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  box-shadow: none;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: none;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #1f2d3d;
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: none;
}

.btn-warning:hover {
  color: #1f2d3d;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #1f2d3d;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #1f2d3d;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
  color: #1f2d3d;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  box-shadow: none;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none;
}

.btn-light:hover {
  color: #1f2d3d;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  color: #1f2d3d;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
  color: #1f2d3d;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: none;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #1f2d3d;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #1f2d3d;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: none;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.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 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group.show .dropdown-toggle {
  box-shadow: none;
}

.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn-group-vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
  margin-left: -1px;
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
  z-index: 3;
}

.input-group>.custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group>.custom-file {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation>.form-control:nth-last-child(n + 3),
.input-group.has-validation>.custom-select:nth-last-child(n + 3),
.input-group.has-validation>.custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
  height: calc(2.875rem + 2px);
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
  height: calc(1.8125rem + 2px);
}

.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
  padding-right: 1.75rem;
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.custom-control-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
  box-shadow: none;
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
  box-shadow: none;
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #dee2e6;
  border: #adb5bd solid 1px;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml;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");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
  box-shadow: none;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  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;
  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, -webkit-transform 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: #dee2e6;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.custom-file-input:focus~.custom-file-label {
  border-color: #80bdff;
  box-shadow: none;
}

.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(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: none;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -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: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 0.5rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {

  .navbar-expand-sm>.container,
  .navbar-expand-sm>.container-fluid,
  .navbar-expand-sm>.container-sm,
  .navbar-expand-sm>.container-md,
  .navbar-expand-sm>.container-lg,
  .navbar-expand-sm>.container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .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 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    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 {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .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 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    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 {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .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 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    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 {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .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 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  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 {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: white;
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card>hr {
  margin-right: 0;
  margin-left: 0;
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 0);
  border-top-right-radius: calc(0.25rem - 0);
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0;
}

.card-body {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link+.card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0 solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 0);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 0);
  border-top-right-radius: calc(0.25rem - 0);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0);
}

.card-deck .card {
  margin-bottom: 7.5px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
  }

  .card-deck .card {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 7.5px;
    margin-bottom: 0;
    margin-left: 7.5px;
  }
}

.card-group>.card {
  margin-bottom: 7.5px;
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .card-group>.card {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-top,
  .card-group>.card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-bottom,
  .card-group>.card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-top,
  .card-group>.card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-bottom,
  .card-group>.card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion>.card {
  overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion>.card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion>.card>.card-header {
  border-radius: 0;
  margin-bottom: 0;
}

.breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #1f2d3d;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #1f2d3d;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #1f2d3d;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #1f2d3d;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close,
.alert-dismissible .mailbox-attachment-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

.progress-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.media {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item+.list-group-item {
  border-top-width: 0;
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close,
.mailbox-attachment-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover,
.mailbox-attachment-close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.mailbox-attachment-close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus,
.mailbox-attachment-close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close,
button.mailbox-attachment-close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled,
a.disabled.mailbox-attachment-close {
  pointer-events: none;
}

.toast {
  -webkit-flex-basis: 350px;
  -ms-flex-preferred-size: 350px;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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 {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close,
.modal-header .mailbox-attachment-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }

  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }

  .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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^="top"]>.arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^="top"]>.arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^="top"]>.arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^="right"]>.arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^="right"]>.arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^="right"]>.arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^="bottom"]>.arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^="left"]>.arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^="left"]>.arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^="left"]>.arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  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: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

@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 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  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: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    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: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    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: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {

  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-custom1 {
  background-color: #E5F3FF !important;
}

.dark-mode .bg-custom1 {
  background-color: #E5F3FF !important;
  color: #000 !important;
}

.bg-custom2 {
  background-color: #fff2cc !important;
}

.dark-mode .bg-custom2 {
  background-color: #fff2cc !important;
  color: #000 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  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: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    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.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-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: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {

  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  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 #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody+tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
    transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
    transform: translate(-1px, -2px) rotate(-2deg);
  }

  20% {
    -webkit-transform: translate(-3px, 0) rotate(3deg);
    transform: translate(-3px, 0) rotate(3deg);
  }

  30% {
    -webkit-transform: translate(0, 2px) rotate(0deg);
    transform: translate(0, 2px) rotate(0deg);
  }

  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
    transform: translate(2px, 1px) rotate(-2deg);
  }

  80% {
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
    transform: translate(-1px, -1px) rotate(4deg);
  }

  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
    transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
    transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
    transform: translate(-1px, -2px) rotate(-2deg);
  }

  20% {
    -webkit-transform: translate(-3px, 0) rotate(3deg);
    transform: translate(-3px, 0) rotate(3deg);
  }

  30% {
    -webkit-transform: translate(0, 2px) rotate(0deg);
    transform: translate(0, 2px) rotate(0deg);
  }

  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
    transform: translate(2px, 1px) rotate(-2deg);
  }

  80% {
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
    transform: translate(-1px, -1px) rotate(4deg);
  }

  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
    transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.dark-mode :root {
  --lightblue: #86bad8;
  --navy: #002c59;
  --olive: #74c8a3;
  --lime: #67ffa9;
  --fuchsia: #f672d8;
  --maroon: #ed6c9b;
  --blue: #3f6791;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74c3c;
  --orange: #fd7e14;
  --yellow: #f39c12;
  --green: #00bc8c;
  --teal: #20c997;
  --cyan: #3498db;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #3f6791;
  --secondary: #6c757d;
  --success: #00bc8c;
  --info: #3498db;
  --warning: #f39c12;
  --danger: #e74c3c;
  --light: #f8f9fa;
  --dark: #343a40;
}

.animation__shake {
  -webkit-animation: shake 1500ms;
  animation: shake 1500ms;
}

.animation__wobble {
  -webkit-animation: wobble 1500ms;
  animation: wobble 1500ms;
}

.preloader {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f4f6f9;
  height: 100vh;
  width: 100%;
  transition: height 200ms linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.dark-mode .preloader {
  background-color: #454d55 !important;
  color: #fff;
}

html.scroll-smooth {
  scroll-behavior: smooth;
}

html,
body,
.wrapper {
  min-height: 100%;
}

.wrapper {
  position: relative;
}

.wrapper .content-wrapper {
  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
}

.layout-boxed .wrapper {
  box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
}

.layout-boxed .wrapper,
.layout-boxed .wrapper::before {
  margin: 0 auto;
  max-width: 1250px;
}

.layout-boxed .wrapper .main-sidebar {
  left: inherit;
}

@supports not (-webkit-touch-callout: none) {
  .layout-fixed .wrapper .sidebar {
    height: calc(100vh - (3.5rem + 1px));
  }

  .layout-fixed.text-sm .wrapper .sidebar {
    height: calc(100vh - (2.93725rem + 1px));
  }
}

.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  top: calc(3.5rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
  top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(3.5rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
  height: calc(3.5rem + 1px);
  width: 4.6rem;
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm {
  height: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link {
  height: calc(2.93725rem + 1px);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
  margin-top: calc(calc(2.93725rem + 1px) / -1);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .control-sidebar {
  top: 0;
}

.layout-navbar-fixed .wrapper a.anchor {
  display: block;
  position: relative;
  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
}

.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
  transition: width 0.3s ease-in-out;
  width: 250px;
}

.layout-navbar-fixed .wrapper .brand-link {
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: width 0.3s ease-in-out;
  width: 250px;
  z-index: 1035;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .content-wrapper {
  margin-top: calc(3.5rem + 1px);
}

.layout-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .main-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1033;
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-not-fixed .wrapper .brand-link {
  position: static;
}

.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
  margin-top: 0;
}

.layout-navbar-not-fixed .wrapper .main-header {
  position: static;
}

.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  margin-top: 0;
}

.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  top: calc(3.5rem + 1px);
}

.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
  top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(3.5rem + 1px);
}

.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .control-sidebar {
  top: 0;
}

.layout-navbar-fixed .wrapper a.anchor {
  display: block;
  position: relative;
  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
}

.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  height: calc(3.5rem + 1px);
  transition: width 0.3s ease-in-out;
  width: 4.6rem;
}

.text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link,
.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  height: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  transition: width 0.3s ease-in-out;
  width: 250px;
}

.layout-navbar-fixed .wrapper .brand-link {
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: width 0.3s ease-in-out;
  width: 250px;
  z-index: 1035;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .content-wrapper {
  margin-top: calc(3.5rem + 1px);
}

.text-sm .layout-navbar-fixed .wrapper .main-header~.content-wrapper,
.layout-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .main-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1037;
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
  margin-top: calc(2.93725rem + 1px);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
  margin-top: calc(calc(2.93725rem + 1px) / -1);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
  margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-not-fixed .wrapper .brand-link {
  position: static;
}

.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
  margin-top: 0;
}

.layout-navbar-not-fixed .wrapper .main-header {
  position: static;
}

.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  margin-top: 0;
}

@media (min-width: 576px) {
  .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
  }

  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
  .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
  .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed .wrapper .control-sidebar {
    top: 0;
  }

  .layout-sm-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  }

  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
    height: calc(3.5rem + 1px);
    transition: width 0.3s ease-in-out;
    width: 4.6rem;
  }

  .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link,
  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
    height: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
    width: 250px;
  }

  .layout-sm-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width 0.3s ease-in-out;
    width: 250px;
    z-index: 1035;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-sm-navbar-fixed .wrapper .main-header~.content-wrapper,
  .layout-sm-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
  }

  .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
  }

  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-sm-navbar-not-fixed .wrapper .brand-link {
    position: static;
  }

  .layout-sm-navbar-not-fixed .wrapper .sidebar,
  .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
  }

  .layout-sm-navbar-not-fixed .wrapper .main-header {
    position: static;
  }

  .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
  }

  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
  .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
  .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed .wrapper .control-sidebar {
    top: 0;
  }

  .layout-md-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  }

  .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
    height: calc(3.5rem + 1px);
    transition: width 0.3s ease-in-out;
    width: 4.6rem;
  }

  .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link,
  .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
    height: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
    width: 250px;
  }

  .layout-md-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width 0.3s ease-in-out;
    width: 250px;
    z-index: 1035;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-md-navbar-fixed .wrapper .main-header~.content-wrapper,
  .layout-md-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
  }

  .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
  }

  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-md-navbar-not-fixed .wrapper .brand-link {
    position: static;
  }

  .layout-md-navbar-not-fixed .wrapper .sidebar,
  .layout-md-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
  }

  .layout-md-navbar-not-fixed .wrapper .main-header {
    position: static;
  }

  .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
  }

  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
  .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
  .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed .wrapper .control-sidebar {
    top: 0;
  }

  .layout-lg-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  }

  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
    height: calc(3.5rem + 1px);
    transition: width 0.3s ease-in-out;
    width: 4.6rem;
  }

  .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link,
  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
    height: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
    width: 250px;
  }

  .layout-lg-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width 0.3s ease-in-out;
    width: 250px;
    z-index: 1035;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-lg-navbar-fixed .wrapper .main-header~.content-wrapper,
  .layout-lg-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
  }

  .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
  }

  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-lg-navbar-not-fixed .wrapper .brand-link {
    position: static;
  }

  .layout-lg-navbar-not-fixed .wrapper .sidebar,
  .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
  }

  .layout-lg-navbar-not-fixed .wrapper .main-header {
    position: static;
  }

  .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
  }

  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
  .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
  .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed .wrapper .control-sidebar {
    top: 0;
  }

  .layout-xl-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  }

  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
    height: calc(3.5rem + 1px);
    transition: width 0.3s ease-in-out;
    width: 4.6rem;
  }

  .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link,
  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
    height: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
    width: 250px;
  }

  .layout-xl-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width 0.3s ease-in-out;
    width: 250px;
    z-index: 1035;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
  }

  .text-sm .layout-xl-navbar-fixed .wrapper .main-header~.content-wrapper,
  .layout-xl-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
  }

  .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
  }

  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
  }

  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
    margin-top: calc(2.93725rem + 1px);
  }

  .layout-xl-navbar-not-fixed .wrapper .brand-link {
    position: static;
  }

  .layout-xl-navbar-not-fixed .wrapper .sidebar,
  .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
  }

  .layout-xl-navbar-not-fixed .wrapper .main-header {
    position: static;
  }

  .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
  }
}

.layout-footer-fixed .wrapper .control-sidebar {
  bottom: 0;
}

.layout-footer-fixed .wrapper .main-footer {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1032;
}

.layout-footer-not-fixed .wrapper .main-footer {
  position: static;
}

.layout-footer-not-fixed .wrapper .content-wrapper {
  margin-bottom: 0;
}

.layout-footer-fixed .wrapper .control-sidebar {
  bottom: 0;
}

.layout-footer-fixed .wrapper .main-footer {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1032;
}

.layout-footer-fixed .wrapper .content-wrapper {
  padding-bottom: calc(3.5rem + 1px);
}

.layout-footer-not-fixed .wrapper .main-footer {
  position: static;
}

@media (min-width: 576px) {
  .layout-sm-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
  }

  .layout-sm-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
  }

  .layout-sm-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(3.5rem + 1px);
  }

  .layout-sm-footer-not-fixed .wrapper .main-footer {
    position: static;
  }
}

@media (min-width: 768px) {
  .layout-md-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
  }

  .layout-md-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
  }

  .layout-md-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(3.5rem + 1px);
  }

  .layout-md-footer-not-fixed .wrapper .main-footer {
    position: static;
  }
}

@media (min-width: 992px) {
  .layout-lg-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
  }

  .layout-lg-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
  }

  .layout-lg-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(3.5rem + 1px);
  }

  .layout-lg-footer-not-fixed .wrapper .main-footer {
    position: static;
  }
}

@media (min-width: 1200px) {
  .layout-xl-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
  }

  .layout-xl-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
  }

  .layout-xl-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(3.5rem + 1px);
  }

  .layout-xl-footer-not-fixed .wrapper .main-footer {
    position: static;
  }
}

.layout-top-nav .wrapper {
  margin-left: 0;
}

.layout-top-nav .wrapper .main-header .brand-image {
  margin-top: -.5rem;
  margin-right: .2rem;
  height: 33px;
}

.layout-top-nav .wrapper .main-sidebar {
  bottom: inherit;
  height: inherit;
}

.layout-top-nav .wrapper .content-wrapper,
.layout-top-nav .wrapper .main-header,
.layout-top-nav .wrapper .main-footer {
  margin-left: 0;
}

body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before {
  margin-left: 0;
}

@media (min-width: 768px) {

  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {

  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    transition: none;
  }
}

@media (min-width: 768px) {

  .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {

  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-left: 0;
  }
}

@media (min-width: 768px) {

  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {

  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    transition: none;
  }
}

@media (min-width: 768px) {

  .sidebar-collapse .sidebar-mini-md .content-wrapper,
  .sidebar-collapse .sidebar-mini-md .main-footer,
  .sidebar-collapse .sidebar-mini-md .main-header {
    margin-left: 4.6rem;
  }
}

@media (max-width: 991.98px) {

  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    margin-left: 4.6rem;
  }
}

@media (max-width: 767.98px) {

  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    margin-left: 0;
  }
}

@media (min-width: 768px) {

  .sidebar-mini-xs .content-wrapper,
  .sidebar-mini-xs .main-footer,
  .sidebar-mini-xs .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {

  .sidebar-mini-xs .content-wrapper,
  .sidebar-mini-xs .main-footer,
  .sidebar-mini-xs .main-header {
    transition: none;
  }
}

@media (min-width: 768px) {

  .sidebar-collapse .sidebar-mini-xs .content-wrapper,
  .sidebar-collapse .sidebar-mini-xs .main-footer,
  .sidebar-collapse .sidebar-mini-xs .main-header {
    margin-left: 4.6rem;
  }
}

@media (max-width: 991.98px) {

  .sidebar-mini-xs .content-wrapper,
  .sidebar-mini-xs .main-footer,
  .sidebar-mini-xs .main-header {
    margin-left: 4.6rem;
  }
}

.content-wrapper {
  background-color: #f4f6f9;
}

.content-wrapper>.content {
  padding: 0 0.5rem;
}

.main-sidebar,
.main-sidebar::before {
  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
  width: 250px;
}

@media (prefers-reduced-motion: reduce) {

  .main-sidebar,
  .main-sidebar::before {
    transition: none;
  }
}

.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar,
.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before {
  box-shadow: none !important;
}

.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
  margin-left: -250px;
}

.sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview {
  padding: 0;
}

@media (max-width: 767.98px) {

  .main-sidebar,
  .main-sidebar::before {
    box-shadow: none !important;
    margin-left: -250px;
  }

  .sidebar-open .main-sidebar,
  .sidebar-open .main-sidebar::before {
    margin-left: 0;
  }
}

body:not(.layout-fixed) .main-sidebar {
  height: inherit;
  min-height: 100%;
  position: absolute;
  top: 0;
}

body:not(.layout-fixed) .main-sidebar .sidebar {
  overflow-y: auto;
}

.layout-fixed .brand-link {
  width: 250px;
}

.layout-fixed .main-sidebar {
  bottom: 0;
  float: none;
  left: 0;
  position: fixed;
  top: 0;
}

.layout-fixed .control-sidebar {
  bottom: 0;
  float: none;
  position: fixed;
  top: 0;
}

.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track {
  background-color: transparent;
}

.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner {
  background-color: transparent;
}

.layout-fixed .control-sidebar .control-sidebar-content {
  height: calc(100vh - calc(3.5rem + 1px));
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: thin;
  scrollbar-color: #a9a9a9 transparent;
}

@supports (-webkit-touch-callout: none) {
  .layout-fixed .main-sidebar {
    height: inherit;
  }
}

.main-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  color: #869099;
  padding: 1rem;
}

.text-sm .main-footer,
.main-footer.text-sm {
  padding: 0.812rem;
}

.content-header {
  padding: 15px 0.5rem;
}

.text-sm .content-header {
  padding: 10px 0.5rem;
}

.content-header h1 {
  font-size: 1.8rem;
  margin: 0;
}

.text-sm .content-header h1 {
  font-size: 1.5rem;
}

.content-header .breadcrumb {
  background-color: transparent;
  line-height: 1.8rem;
  margin-bottom: 0;
  padding: 0;
}

.text-sm .content-header .breadcrumb {
  line-height: 1.5rem;
}

.hold-transition .content-wrapper,
.hold-transition .main-header,
.hold-transition .main-sidebar,
.hold-transition .main-sidebar *,
.hold-transition .control-sidebar,
.hold-transition .control-sidebar *,
.hold-transition .main-footer {
  transition: none !important;
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}

.dark-mode {
  background-color: #454d55 !important;
  color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  background-color: #fff;
}

@media (min-width: 576px) {
  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }
}

@media (min-width: 768px) {
  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }
}

@media (min-width: 992px) {
  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }
}

@media (min-width: 1200px) {
  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
  }

  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
  }
}

.dark-mode .breadcrumb-item.active,
.dark-mode .breadcrumb-item+.breadcrumb-item::before {
  color: #adb5bd;
}

.dark-mode .main-footer {
  background-color: #343a40;
  border-color: #4b545c;
}

.dark-mode .content-wrapper {
  background-color: #454d55;
  color: #fff;
}

.dark-mode .content-wrapper .content-header {
  color: #fff;
}

.main-header {
  border-bottom: 1px solid #dee2e6;
  z-index: 1034;
}

.main-header .nav-link {
  height: 2.5rem;
  position: relative;
}

.text-sm .main-header .nav-link,
.main-header.text-sm .nav-link {
  height: 1.93725rem;
  padding: 0.35rem 1rem;
}

.text-sm .main-header .nav-link>.fa,
.text-sm .main-header .nav-link>.fas,
.text-sm .main-header .nav-link>.far,
.text-sm .main-header .nav-link>.fab,
.text-sm .main-header .nav-link>.fal,
.text-sm .main-header .nav-link>.fad,
.text-sm .main-header .nav-link>.svg-inline--fa,
.text-sm .main-header .nav-link>.ion,
.main-header.text-sm .nav-link>.fa,
.main-header.text-sm .nav-link>.fas,
.main-header.text-sm .nav-link>.far,
.main-header.text-sm .nav-link>.fab,
.main-header.text-sm .nav-link>.fal,
.main-header.text-sm .nav-link>.fad,
.main-header.text-sm .nav-link>.svg-inline--fa,
.main-header.text-sm .nav-link>.ion {
  font-size: 0.875rem;
}

.main-header .navbar-nav .nav-item {
  margin: 0;
}

.main-header .navbar-nav[class*="-right"] .dropdown-menu {
  left: auto;
  margin-top: -3px;
  right: 0;
}

@media (max-width: 575.98px) {
  .main-header .navbar-nav[class*="-right"] .dropdown-menu {
    left: 0;
    right: auto;
  }
}

.main-header.dropdown-legacy .dropdown-menu {
  top: 3rem;
  margin-top: 0;
}

.navbar-img {
  height: calc(3.5rem + 1px)/2;
  width: auto;
}

.navbar-badge {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 5px;
  top: 9px;
}

.btn-navbar {
  background-color: transparent;
  border-left-width: 0;
}

.form-control-navbar {
  border-right-width: 0;
}

.form-control-navbar+.input-group-append {
  margin-left: 0;
}

.form-control-navbar,
.btn-navbar {
  transition: none;
}

.navbar-dark .form-control-navbar,
.navbar-dark .btn-navbar {
  background-color: #343a40;
  border-color: #6c757d;
}

.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar:focus,
.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #495057;
  border-color: #6c757d !important;
  color: #ced4da;
}

.navbar-light .form-control-navbar,
.navbar-light .btn-navbar {
  background-color: #dadfe4;
  border-color: #ced4da;
}

.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar:focus,
.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #d3d9df;
  border-color: #c7ced5 !important;
  color: #ced4da;
}

.navbar-light .navbar-search-block .form-control-navbar:focus,
.navbar-light .navbar-search-block .form-control-navbar:focus+.input-group-append .btn-navbar {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-search-block {
  position: absolute;
  padding: 0 1rem;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: initial;
}

.navbar-search-block.navbar-search-open {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.navbar-search-block .input-group {
  width: 100%;
}

.brand-link {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.8125rem 0.5rem;
  transition: width 0.3s ease-in-out;
  white-space: nowrap;
}

.brand-link:hover {
  color: #fff;
  text-decoration: none;
}

.text-sm .brand-link {
  font-size: inherit;
}

[class*="sidebar-dark"] .brand-link {
  border-bottom: 1px solid #4b545c;
}

[class*="sidebar-dark"] .brand-link,
[class*="sidebar-dark"] .brand-link .pushmenu {
  color: rgba(255, 255, 255, 0.8);
}

[class*="sidebar-dark"] .brand-link:hover,
[class*="sidebar-dark"] .brand-link .pushmenu:hover {
  color: #fff;
}

[class*="sidebar-light"] .brand-link {
  border-bottom: 1px solid #dee2e6;
}

[class*="sidebar-light"] .brand-link,
[class*="sidebar-light"] .brand-link .pushmenu {
  color: rgba(0, 0, 0, 0.8);
}

[class*="sidebar-light"] .brand-link:hover,
[class*="sidebar-light"] .brand-link .pushmenu:hover {
  color: #000;
}

.brand-link .pushmenu {
  margin-right: 0.5rem;
  font-size: 1rem;
}

.brand-link .brand-link {
  padding: 0;
  border-bottom: none;
}

.brand-link .brand-image {
  float: left;
  line-height: .8;
  margin-left: .8rem;
  margin-right: .5rem;
  margin-top: -3px;
  max-height: 33px;
  width: auto;
}

.brand-link .brand-image-xs {
  float: left;
  line-height: .8;
  margin-top: -.1rem;
  max-height: 33px;
  width: auto;
}

.brand-link .brand-image-xl {
  line-height: .8;
  max-height: 40px;
  width: auto;
}

.brand-link .brand-image-xl.single {
  margin-top: -.3rem;
}

.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
  height: 29px;
  margin-bottom: -.25rem;
  margin-left: .95rem;
  margin-top: -.25rem;
}

.brand-link.text-sm .brand-image-xs,
.text-sm .brand-link .brand-image-xs {
  margin-top: -.2rem;
  max-height: 29px;
}

.brand-link.text-sm .brand-image-xl,
.text-sm .brand-link .brand-image-xl {
  margin-top: -.225rem;
  max-height: 38px;
}

.main-sidebar {
  height: 100vh;
  overflow-y: hidden;
  z-index: 1038;
}

.main-sidebar a:-moz-focusring {
  border: 0;
  outline: none;
}

.sidebar::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

.sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}

.sidebar::-webkit-scrollbar-corner {
  background-color: transparent;
}

.sidebar {
  height: calc(100% - (3.5rem + 1px));
  overflow-x: none;
  overflow-y: initial;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: thin;
  scrollbar-color: #a9a9a9 transparent;
}

.user-panel {
  position: relative;
}

[class*="sidebar-dark"] .user-panel {
  border-bottom: 1px solid #4f5962;
}

[class*="sidebar-light"] .user-panel {
  border-bottom: 1px solid #dee2e6;
}

.user-panel,
.user-panel .info {
  overflow: hidden;
  white-space: nowrap;
}

.user-panel .image {
  display: inline-block;
  padding-left: 0.8rem;
}

.user-panel img {
  height: auto;
  width: 2.1rem;
}

.user-panel .info {
  display: inline-block;
  padding: 5px 5px 5px 10px;
}

.user-panel .status,
.user-panel .dropdown-menu {
  font-size: 0.875rem;
}

.nav-sidebar .nav-item>.nav-link {
  margin-bottom: .2rem;
}

.nav-sidebar .nav-item>.nav-link .right {
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .nav-sidebar .nav-item>.nav-link .right {
    transition: none;
  }
}

.nav-sidebar .nav-link>.right,
.nav-sidebar .nav-link>p>.right {
  position: absolute;
  right: 1rem;
  top: .7rem;
}

.nav-sidebar .nav-link>.right i,
.nav-sidebar .nav-link>.right span,
.nav-sidebar .nav-link>p>.right i,
.nav-sidebar .nav-link>p>.right span {
  margin-left: .5rem;
}

.nav-sidebar .nav-link>.right:nth-child(2),
.nav-sidebar .nav-link>p>.right:nth-child(2) {
  right: 2.2rem;
}

.nav-sidebar .menu-open>.nav-treeview {
  display: block;
}

.nav-sidebar .menu-open>.nav-link i.right,
.nav-sidebar .menu-is-opening>.nav-link i.right {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.nav-sidebar>.nav-item {
  margin-bottom: 0;
}

.nav-sidebar>.nav-item .nav-icon {
  margin-left: .05rem;
  font-size: 1.2rem;
  margin-right: .2rem;
  text-align: center;
  width: 1.6rem;
}

.nav-sidebar>.nav-item .nav-icon.fa,
.nav-sidebar>.nav-item .nav-icon.fas,
.nav-sidebar>.nav-item .nav-icon.far,
.nav-sidebar>.nav-item .nav-icon.fab,
.nav-sidebar>.nav-item .nav-icon.fal,
.nav-sidebar>.nav-item .nav-icon.fad,
.nav-sidebar>.nav-item .nav-icon.svg-inline--fa,
.nav-sidebar>.nav-item .nav-icon.ion {
  font-size: 1.1rem;
}

.nav-sidebar>.nav-item .float-right {
  margin-top: 3px;
}

.nav-sidebar .nav-treeview {
  display: none;
  list-style: none;
  padding: 0;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
  width: 1.6rem;
}

.nav-sidebar.nav-child-indent .nav-treeview {
  transition: padding 0.3s ease-in-out;
  padding-left: 1rem;
}

.text-sm .nav-sidebar.nav-child-indent .nav-treeview {
  padding-left: .5rem;
}

.nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
  padding-left: 2rem;
  margin-left: -1rem;
}

.text-sm .nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
  padding-left: 1rem;
  margin-left: -.5rem;
}

.nav-sidebar .nav-header {
  font-size: .9rem;
  padding: 0.5rem 0.75rem;
}

.nav-sidebar .nav-link p {
  display: inline;
  margin: 0;
  white-space: normal;
}

.sidebar-is-opening .nav-sidebar .nav-link p {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1037;
}

@media (max-width: 991.98px) {
  .sidebar-open #sidebar-overlay {
    display: block;
  }
}

[class*="sidebar-light-"] {
  background-color: #fff;
}

[class*="sidebar-light-"] .user-panel a:hover {
  color: #212529;
}

[class*="sidebar-light-"] .user-panel .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: #343a40;
}

[class*="sidebar-light-"] .user-panel .status:hover,
[class*="sidebar-light-"] .user-panel .status:focus,
[class*="sidebar-light-"] .user-panel .status:active {
  background-color: rgba(0, 0, 0, 0.1);
  color: #212529;
}

[class*="sidebar-light-"] .user-panel .dropdown-menu {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.1);
}

[class*="sidebar-light-"] .user-panel .dropdown-item {
  color: #212529;
}

[class*="sidebar-light-"] .nav-sidebar>.nav-item>.nav-link:active,
[class*="sidebar-light-"] .nav-sidebar>.nav-item>.nav-link:focus {
  color: #343a40;
}

[class*="sidebar-light-"] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*="sidebar-light-"] .nav-sidebar>.nav-item:hover>.nav-link {
  background-color: rgba(0, 0, 0, 0.1);
  color: #212529;
}

[class*="sidebar-light-"] .nav-sidebar>.nav-item>.nav-link.active {
  color: #000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

[class*="sidebar-light-"] .nav-sidebar>.nav-item>.nav-treeview {
  background-color: transparent;
}

[class*="sidebar-light-"] .nav-header {
  background-color: inherit;
  color: #292d32;
}

[class*="sidebar-light-"] .sidebar a {
  color: #343a40;
}

[class*="sidebar-light-"] .sidebar a:hover {
  text-decoration: none;
}

[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link {
  color: #777;
}

[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link:hover,
[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
}

[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #212529;
}

[class*="sidebar-light-"] .nav-treeview>.nav-item>.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
  border-color: rgba(0, 0, 0, 0.1);
}

[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link,
[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active {
  border-color: rgba(0, 0, 0, 0.1);
}

[class*="sidebar-dark-"] {
  background-color: #343a40;
}

[class*="sidebar-dark-"] .user-panel a:hover {
  color: #fff;
}

[class*="sidebar-dark-"] .user-panel .status {
  background-color: rgba(255, 255, 255, 0.1);
  color: #c2c7d0;
}

[class*="sidebar-dark-"] .user-panel .status:hover,
[class*="sidebar-dark-"] .user-panel .status:focus,
[class*="sidebar-dark-"] .user-panel .status:active {
  background-color: rgba(247, 247, 247, 0.1);
  color: #fff;
}

[class*="sidebar-dark-"] .user-panel .dropdown-menu {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  border-color: rgba(242, 242, 242, 0.1);
}

[class*="sidebar-dark-"] .user-panel .dropdown-item {
  color: #212529;
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:active {
  color: #c2c7d0;
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link.active {
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-treeview {
  background-color: transparent;
}

[class*="sidebar-dark-"] .nav-header {
  background-color: inherit;
  color: #d0d4db;
}

[class*="sidebar-dark-"] .sidebar a {
  color: #c2c7d0;
}

[class*="sidebar-dark-"] .sidebar a:hover,
[class*="sidebar-dark-"] .sidebar a:focus {
  text-decoration: none;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link {
  color: #c2c7d0;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link:hover,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:focus {
  background-color: rgba(255, 255, 255, 0.9);
  color: #343a40;
}

[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
  border-color: rgba(255, 255, 255, 0.9);
}

[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link,
[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active {
  border-color: rgba(255, 255, 255, 0.9);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #007bff;
  color: #fff;
}

.sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #007bff;
}

.sidebar-dark-secondary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6c757d;
  color: #fff;
}

.sidebar-dark-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6c757d;
}

.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #28a745;
  color: #fff;
}

.sidebar-dark-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #28a745;
}

.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #17a2b8;
  color: #fff;
}

.sidebar-dark-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #17a2b8;
}

.sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #ffc107;
  color: #1f2d3d;
}

.sidebar-dark-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #ffc107;
}

.sidebar-dark-danger .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-danger .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #dc3545;
  color: #fff;
}

.sidebar-dark-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #dc3545;
}

.sidebar-dark-light .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-light .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.sidebar-dark-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f8f9fa;
}

.sidebar-dark-dark .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-dark .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #343a40;
  color: #fff;
}

.sidebar-dark-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #343a40;
}

.sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3c8dbc;
  color: #fff;
}

.sidebar-dark-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3c8dbc;
}

.sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #001f3f;
  color: #fff;
}

.sidebar-dark-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #001f3f;
}

.sidebar-dark-olive .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-olive .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3d9970;
  color: #fff;
}

.sidebar-dark-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3d9970;
}

.sidebar-dark-lime .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-lime .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #01ff70;
  color: #1f2d3d;
}

.sidebar-dark-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #01ff70;
}

.sidebar-dark-fuchsia .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-fuchsia .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f012be;
  color: #fff;
}

.sidebar-dark-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f012be;
}

.sidebar-dark-maroon .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-maroon .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #d81b60;
  color: #fff;
}

.sidebar-dark-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #d81b60;
}

.sidebar-dark-blue .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-blue .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #007bff;
  color: #fff;
}

.sidebar-dark-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #007bff;
}

.sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6610f2;
  color: #fff;
}

.sidebar-dark-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6610f2;
}

.sidebar-dark-purple .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-purple .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6f42c1;
  color: #fff;
}

.sidebar-dark-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6f42c1;
}

.sidebar-dark-pink .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-pink .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #e83e8c;
  color: #fff;
}

.sidebar-dark-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #e83e8c;
}

.sidebar-dark-red .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-red .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #dc3545;
  color: #fff;
}

.sidebar-dark-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #dc3545;
}

.sidebar-dark-orange .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-orange .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.sidebar-dark-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #fd7e14;
}

.sidebar-dark-yellow .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-yellow .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #ffc107;
  color: #1f2d3d;
}

.sidebar-dark-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #ffc107;
}

.sidebar-dark-green .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-green .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #28a745;
  color: #fff;
}

.sidebar-dark-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #28a745;
}

.sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #20c997;
  color: #fff;
}

.sidebar-dark-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #20c997;
}

.sidebar-dark-cyan .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-cyan .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #17a2b8;
  color: #fff;
}

.sidebar-dark-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #17a2b8;
}

.sidebar-dark-white .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-white .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #fff;
  color: #1f2d3d;
}

.sidebar-dark-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #fff;
}

.sidebar-dark-gray .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-gray .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6c757d;
  color: #fff;
}

.sidebar-dark-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6c757d;
}

.sidebar-dark-gray-dark .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-gray-dark .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #343a40;
  color: #fff;
}

.sidebar-dark-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #343a40;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
  padding-left: 1rem;
  margin-left: -.5rem;
}

.nav-flat {
  margin: -0.25rem -0.5rem 0;
}

.nav-flat .nav-item>.nav-link {
  border-radius: 0;
  margin-bottom: 0;
}

.nav-flat .nav-item>.nav-link>.nav-icon {
  margin-left: .55rem;
}

.nav-flat:not(.nav-child-indent) .nav-treeview .nav-item>.nav-link>.nav-icon {
  margin-left: .4rem;
}

.nav-flat.nav-child-indent .nav-treeview {
  padding-left: 0;
}

.nav-flat.nav-child-indent .nav-treeview .nav-icon {
  margin-left: .85rem;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview {
  border-left: .2rem solid;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.15rem;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.45rem;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.75rem;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 2.05rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-icon {
  margin-left: .55rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-link {
  padding-left: calc(1rem - .2rem);
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
  margin-left: .35rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: .15rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: -.15rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: -.35rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon {
  margin-left: .4rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon {
  margin-left: .85rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.15rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.45rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 1.75rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
  margin-left: 2.05rem;
}

.nav-flat .nav-icon {
  transition: margin-left ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .nav-flat .nav-icon {
    transition: none;
  }
}

.nav-flat .nav-treeview .nav-icon {
  margin-left: -.2rem;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview {
  background-color: rgba(255, 255, 255, 0.05);
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
  border-left: .2rem solid;
}

.nav-legacy {
  margin: -0.25rem -0.5rem 0;
}

.nav-legacy.nav-sidebar .nav-item>.nav-link {
  border-radius: 0;
  margin-bottom: 0;
}

.nav-legacy.nav-sidebar .nav-item>.nav-link>.nav-icon {
  margin-left: .55rem;
}

.text-sm .nav-legacy.nav-sidebar .nav-item>.nav-link>.nav-icon {
  margin-left: .75rem;
}

.nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
  background-color: inherit;
  border-left: 3px solid transparent;
  box-shadow: none;
}

.nav-legacy.nav-sidebar>.nav-item>.nav-link.active>.nav-icon {
  margin-left: calc(.55rem - 3px);
}

.text-sm .nav-legacy.nav-sidebar>.nav-item>.nav-link.active>.nav-icon {
  margin-left: calc(.75rem - 3px);
}

.text-sm .nav-legacy.nav-sidebar.nav-flat .nav-treeview .nav-item>.nav-link>.nav-icon {
  margin-left: calc(.75rem - 3px);
}

.sidebar-mini .nav-legacy>.nav-item .nav-link .nav-icon,
.sidebar-mini-md .nav-legacy>.nav-item .nav-link .nav-icon,
.sidebar-mini-xs .nav-legacy>.nav-item .nav-link .nav-icon {
  transition: margin-left ease-in-out 0.3s;
  margin-left: .6rem;
}

@media (prefers-reduced-motion: reduce) {

  .sidebar-mini .nav-legacy>.nav-item .nav-link .nav-icon,
  .sidebar-mini-md .nav-legacy>.nav-item .nav-link .nav-icon,
  .sidebar-mini-xs .nav-legacy>.nav-item .nav-link .nav-icon {
    transition: none;
  }
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview {
  padding-left: 1rem;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview {
  padding-left: 2rem;
  margin-left: -1rem;
}

.sidebar-mini.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-xs.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview,
.sidebar-mini-xs.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview {
  padding-left: .5rem;
}

.sidebar-mini.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse.text-sm .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse.text-sm .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview {
  padding-left: 1rem;
  margin-left: -.5rem;
}

.sidebar-mini.sidebar-collapse .nav-legacy>.nav-item>.nav-link .nav-icon,
.sidebar-mini-md.sidebar-collapse .nav-legacy>.nav-item>.nav-link .nav-icon,
.sidebar-mini-xs.sidebar-collapse .nav-legacy>.nav-item>.nav-link .nav-icon {
  margin-left: .55rem;
}

.sidebar-mini.sidebar-collapse .nav-legacy>.nav-item>.nav-link.active>.nav-icon,
.sidebar-mini-md.sidebar-collapse .nav-legacy>.nav-item>.nav-link.active>.nav-icon,
.sidebar-mini-xs.sidebar-collapse .nav-legacy>.nav-item>.nav-link.active>.nav-icon {
  margin-left: .36rem;
}

.sidebar-mini.sidebar-collapse .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .nav-legacy.nav-child-indent .nav-treeview .nav-treeview {
  padding-left: 0;
  margin-left: 0;
}

.sidebar-mini.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link .nav-icon,
.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link .nav-icon,
.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link .nav-icon {
  margin-left: .75rem;
}

.sidebar-mini.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link.active>.nav-icon,
.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link.active>.nav-icon,
.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy>.nav-item>.nav-link.active>.nav-icon {
  margin-left: calc(.75rem - 3px);
}

[class*="sidebar-dark"] .nav-legacy.nav-sidebar>.nav-item .nav-treeview,
[class*="sidebar-dark"] .nav-legacy.nav-sidebar>.nav-item>.nav-treeview {
  background-color: rgba(255, 255, 255, 0.05);
}

[class*="sidebar-dark"] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
  color: #fff;
}

[class*="sidebar-dark"] .nav-legacy .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-dark"] .nav-legacy .nav-treeview>.nav-item>.nav-link:focus,
[class*="sidebar-dark"] .nav-legacy .nav-treeview>.nav-item>.nav-link:hover {
  background-color: transparent;
  color: #fff;
}

[class*="sidebar-light"] .nav-legacy.nav-sidebar>.nav-item .nav-treeview,
[class*="sidebar-light"] .nav-legacy.nav-sidebar>.nav-item>.nav-treeview {
  background-color: rgba(0, 0, 0, 0.05);
}

[class*="sidebar-light"] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
  color: #000;
}

[class*="sidebar-light"] .nav-legacy .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-light"] .nav-legacy .nav-treeview>.nav-item>.nav-link:focus,
[class*="sidebar-light"] .nav-legacy .nav-treeview>.nav-item>.nav-link:hover {
  background-color: transparent;
  color: #000;
}

.nav-collapse-hide-child .menu-open>.nav-treeview {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sidebar-collapse .nav-collapse-hide-child .menu-open>.nav-treeview {
  max-height: 0;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open>.nav-treeview,
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open>.nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open>.nav-treeview,
.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open>.nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open>.nav-treeview,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open>.nav-treeview {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.nav-compact .nav-link,
.nav-compact .nav-header {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.nav-compact .nav-header:not(:first-of-type) {
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}

.nav-compact .nav-link>.right,
.nav-compact .nav-link>p>.right {
  top: .465rem;
}

.text-sm .nav-compact .nav-link>.right,
.text-sm .nav-compact .nav-link>p>.right {
  top: .7rem;
}

[class*="sidebar-dark"] .form-control-sidebar,
[class*="sidebar-dark"] .btn-sidebar {
  background-color: #3f474e;
  border: 1px solid #56606a;
  color: white;
}

[class*="sidebar-dark"] .form-control-sidebar:focus,
[class*="sidebar-dark"] .btn-sidebar:focus {
  border: 1px solid #7a8793;
}

[class*="sidebar-dark"] .btn-sidebar:hover {
  background-color: #454d55;
}

[class*="sidebar-dark"] .btn-sidebar:focus {
  background-color: #4b545c;
}

[class*="sidebar-dark"] .list-group-item {
  background-color: #454d55;
  border-color: #56606a;
  color: #c2c7d0;
}

[class*="sidebar-dark"] .list-group-item:hover {
  background-color: #4b545c;
}

[class*="sidebar-dark"] .list-group-item:focus {
  background-color: #515a63;
}

[class*="sidebar-dark"] .list-group-item .search-path {
  color: #adb5bd;
}

[class*="sidebar-light"] .form-control-sidebar,
[class*="sidebar-light"] .btn-sidebar {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #1f2d3d;
}

[class*="sidebar-light"] .form-control-sidebar:focus,
[class*="sidebar-light"] .btn-sidebar:focus {
  border: 1px solid #b3b3b3;
}

[class*="sidebar-light"] .btn-sidebar:hover {
  background-color: #ececec;
}

[class*="sidebar-light"] .btn-sidebar:focus {
  background-color: #e6e6e6;
}

[class*="sidebar-light"] .list-group-item {
  border-color: #d9d9d9;
}

[class*="sidebar-light"] .list-group-item:hover {
  background-color: #ececec;
}

[class*="sidebar-light"] .list-group-item:focus {
  background-color: #e6e6e6;
}

[class*="sidebar-light"] .list-group-item .search-path {
  color: #6c757d;
}

.sidebar .form-inline .input-group {
  width: 100%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.sidebar nav .form-inline {
  margin-bottom: .2rem;
}

.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar {
  margin-left: 0;
}

.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper,
.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header,
.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer {
  z-index: 9999;
  position: relative;
}

.sidebar-collapse .form-control-sidebar,
.sidebar-collapse .form-control-sidebar~.input-group-append,
.sidebar-collapse .sidebar-search-results {
  display: none;
}

[data-widget="sidebar-search"] input[type="search"]::-ms-clear,
[data-widget="sidebar-search"] input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button,
[data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration,
[data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button,
[data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.sidebar-search-results {
  position: relative;
  display: none;
  width: 100%;
}

.sidebar-search-open .sidebar-search-results {
  display: inline-block;
}

.sidebar-search-results .search-title {
  margin-bottom: -.1rem;
}

.sidebar-search-results .list-group {
  position: absolute;
  width: 100%;
  z-index: 1039;
}

.sidebar-search-results .list-group>.list-group-item {
  padding: 0.375rem 0.75rem;
}

.sidebar-search-results .list-group>.list-group-item:-moz-focusring {
  margin-top: 0;
  border-left: 1px solid transparent;
  border-top: 0;
  border-bottom: 1px solid transparent;
}

.sidebar-search-results .list-group>.list-group-item:first-child {
  margin-top: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sidebar-search-results .search-path {
  font-size: 80%;
}

.sidebar-search-open .btn,
.sidebar-search-open .form-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

[class*="sidebar-dark"] .sidebar-custom {
  border-top: 1px solid #4f5962;
}

[class*="sidebar-light"] .sidebar-custom {
  border-top: 1px solid #dee2e6;
}

.layout-fixed.sidebar-collapse .hide-on-collapse {
  display: none;
}

.layout-fixed.sidebar-collapse:hover .hide-on-collapse {
  display: block;
}

.layout-fixed .main-sidebar-custom .sidebar {
  height: calc(100% - ((3.5rem + 4rem) + 1px));
}

.layout-fixed .main-sidebar-custom .sidebar-custom {
  height: 4rem;
  padding: 0.85rem 0.5rem;
}

.layout-fixed .main-sidebar-custom-lg .sidebar {
  height: calc(100% - ((3.5rem + 6rem) + 1px));
}

.layout-fixed .main-sidebar-custom-lg .sidebar-custom {
  height: 6rem;
}

.layout-fixed .main-sidebar-custom-xl .sidebar {
  height: calc(100% - ((3.5rem + 8rem) + 1px));
}

.layout-fixed .main-sidebar-custom-xl .sidebar-custom {
  height: 8rem;
}

.layout-fixed .main-sidebar-custom .pos-right,
.layout-fixed .main-sidebar-custom-lg .pos-right,
.layout-fixed .main-sidebar-custom-xl .pos-right {
  position: absolute;
  right: .5rem;
}

.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3f6791;
}

.dark-mode .sidebar-dark-secondary .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6c757d;
}

.dark-mode .sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #00bc8c;
}

.dark-mode .sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3498db;
}

.dark-mode .sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f39c12;
}

.dark-mode .sidebar-dark-danger .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-danger .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #e74c3c;
}

.dark-mode .sidebar-dark-light .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-light .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f8f9fa;
}

.dark-mode .sidebar-dark-dark .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-dark .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #343a40;
}

.dark-mode .sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #86bad8;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #86bad8;
}

.dark-mode .sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #002c59;
  color: #fff;
}

.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #002c59;
}

.dark-mode .sidebar-dark-olive .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-olive .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #74c8a3;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #74c8a3;
}

.dark-mode .sidebar-dark-lime .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-lime .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #67ffa9;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #67ffa9;
}

.dark-mode .sidebar-dark-fuchsia .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-fuchsia .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f672d8;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f672d8;
}

.dark-mode .sidebar-dark-maroon .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-maroon .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #ed6c9b;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #ed6c9b;
}

.dark-mode .sidebar-dark-blue .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-blue .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3f6791;
}

.dark-mode .sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6610f2;
  color: #fff;
}

.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6610f2;
}

.dark-mode .sidebar-dark-purple .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-purple .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6f42c1;
  color: #fff;
}

.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6f42c1;
}

.dark-mode .sidebar-dark-pink .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-pink .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #e83e8c;
  color: #fff;
}

.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #e83e8c;
}

.dark-mode .sidebar-dark-red .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-red .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #e74c3c;
}

.dark-mode .sidebar-dark-orange .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-orange .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #fd7e14;
}

.dark-mode .sidebar-dark-yellow .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-yellow .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #f39c12;
}

.dark-mode .sidebar-dark-green .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-green .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #00bc8c;
}

.dark-mode .sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #20c997;
  color: #fff;
}

.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #20c997;
}

.dark-mode .sidebar-dark-cyan .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-cyan .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #3498db;
}

.dark-mode .sidebar-dark-white .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-white .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #fff;
  color: #1f2d3d;
}

.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #fff;
}

.dark-mode .sidebar-dark-gray .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-gray .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #6c757d;
}

.dark-mode .sidebar-dark-gray-dark .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-gray-dark .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #343a40;
}

.dark-mode [class*="sidebar-light-"] .sidebar a {
  color: #343a40;
}

.dark-mode [class*="sidebar-light-"] .sidebar a:hover {
  text-decoration: none;
}

.logo-xs,
.logo-xl {
  opacity: 1;
  position: absolute;
  visibility: visible;
}

.logo-xs.brand-image-xs,
.logo-xl.brand-image-xs {
  left: 18px;
  top: 12px;
}

.logo-xs.brand-image-xl,
.logo-xl.brand-image-xl {
  left: 12px;
  top: 6px;
}

.logo-xs {
  opacity: 0;
  visibility: hidden;
}

.logo-xs.brand-image-xl {
  left: 16px;
  top: 8px;
}

.brand-link.logo-switch::before {
  content: "\00a0";
}

@media (min-width: 992px) {

  .sidebar-mini .nav-sidebar,
  .sidebar-mini .nav-sidebar>.nav-header,
  .sidebar-mini .nav-sidebar .nav-link {
    white-space: nowrap;
  }

  .sidebar-mini.sidebar-collapse .d-hidden-mini {
    display: none;
  }

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 4.6rem !important;
  }

  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
    display: none;
  }

  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p {
    width: 0;
    white-space: nowrap;
  }

  .sidebar-mini.sidebar-collapse .sidebar .user-panel>.info,
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .brand-text {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse .logo-xl {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse .logo-xs {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar,
  .sidebar-mini.sidebar-collapse .main-sidebar::before {
    margin-left: 0;
    width: 4.6rem;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
    float: none;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 250px;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
    width: 250px;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
    text-align: left;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .image,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
    float: left;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel>.info,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
    display: inline-block;
    margin-left: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
    margin-right: .5rem;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-form,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel>.info,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info {
    display: block !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-item>.nav-link>span,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar>.nav-item>.nav-link>span {
    display: inline-block !important;
  }

  .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
    display: block !important;
  }

  .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: 250px;
  }

  .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
    width: 4.6rem;
  }
}

@media (max-width: 991.98px) {
  .sidebar-mini.sidebar-collapse .main-sidebar {
    box-shadow: none !important;
  }
}

@media (min-width: 768px) {

  .sidebar-mini-md .nav-sidebar,
  .sidebar-mini-md .nav-sidebar>.nav-header,
  .sidebar-mini-md .nav-sidebar .nav-link {
    white-space: nowrap;
  }

  .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
    display: none;
  }

  .sidebar-mini-md.sidebar-collapse .content-wrapper,
  .sidebar-mini-md.sidebar-collapse .main-footer,
  .sidebar-mini-md.sidebar-collapse .main-header {
    margin-left: 4.6rem !important;
  }

  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
    display: none;
  }

  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p {
    width: 0;
    white-space: nowrap;
  }

  .sidebar-mini-md.sidebar-collapse .sidebar .user-panel>.info,
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .brand-text {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini-md.sidebar-collapse .logo-xl {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini-md.sidebar-collapse .logo-xs {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar,
  .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
    margin-left: 0;
    width: 4.6rem;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
    float: none;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 250px;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
    width: 250px;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
    text-align: left;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel .image,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
    float: left;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel>.info,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xl,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
    display: inline-block;
    margin-left: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xs,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-image,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
    margin-right: .5rem;
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar-form,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel>.info,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info {
    display: block !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-item>.nav-link>span,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar>.nav-item>.nav-link>span {
    display: inline-block !important;
  }

  .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
    display: block !important;
  }

  .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: 250px;
  }

  .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
    width: 4.6rem;
  }
}

@media (max-width: 767.98px) {
  .sidebar-mini-md.sidebar-collapse .main-sidebar {
    box-shadow: none !important;
  }
}

.sidebar-mini-xs .nav-sidebar,
.sidebar-mini-xs .nav-sidebar>.nav-header,
.sidebar-mini-xs .nav-sidebar .nav-link {
  white-space: nowrap;
}

.sidebar-mini-xs.sidebar-collapse .d-hidden-mini {
  display: none;
}

.sidebar-mini-xs.sidebar-collapse .content-wrapper,
.sidebar-mini-xs.sidebar-collapse .main-footer,
.sidebar-mini-xs.sidebar-collapse .main-header {
  margin-left: 4.6rem !important;
}

.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header {
  display: none;
}

.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-link p {
  width: 0;
  white-space: nowrap;
}

.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel>.info,
.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-link p,
.sidebar-mini-xs.sidebar-collapse .brand-text {
  margin-left: -10px;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}

.sidebar-mini-xs.sidebar-collapse .logo-xl {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}

.sidebar-mini-xs.sidebar-collapse .logo-xs {
  display: inline-block;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar {
  overflow-x: hidden;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar,
.sidebar-mini-xs.sidebar-collapse .main-sidebar::before {
  margin-left: 0;
  width: 4.6rem;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image {
  float: none;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused {
  width: 250px;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-link,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
  width: 250px;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
  text-align: left;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel .image,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
  float: left;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel>.info,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-text,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .logo-xl,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
  display: inline-block;
  margin-left: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .logo-xs,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .brand-image,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
  margin-right: .5rem;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .sidebar-form,
.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .user-panel>.info,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info {
  display: block !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-item>.nav-link>span,
.sidebar-mini-xs.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar>.nav-item>.nav-link>span {
  display: inline-block !important;
}

.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini {
  display: block !important;
}

.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  width: 250px;
}

.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link {
  width: 4.6rem;
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 1rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 2rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 3rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 4rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 5rem);
}

.sidebar-mini .main-sidebar .nav-legacy .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link {
  width: 250px;
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link {
  width: calc(250px - 1rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 1rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 2rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 3rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 4rem);
}

.sidebar-mini .main-sidebar .nav-flat .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat .nav-link {
  width: 250px;
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link {
  width: calc(250px);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 2);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 3);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 4);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - .5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 1rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 1.5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 2rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 0.5rem * 2 - 2.5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link {
  width: 250px;
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
  width: calc(250px - .5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 2);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 3);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 4);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 5);
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
  width: calc(250px - 0.5rem * 2);
  transition: width ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {

  .sidebar-mini .main-sidebar .nav-link,
  .sidebar-mini-md .main-sidebar .nav-link,
  .sidebar-mini-xs .main-sidebar .nav-link {
    transition: none;
  }
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
  width: 3.6rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link {
  width: 4.6rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link {
  width: calc(4.6rem - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-link {
  width: calc(250px - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-header,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-header,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-header {
  display: inline-block;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link {
  width: calc(250px - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link {
  width: 250px;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link {
  width: calc(250px - 1rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 1rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 2rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 3rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - 1rem - 4rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link {
  width: 250px;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link {
  width: calc(250px);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 3);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .2rem * 4);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link {
  width: calc(250px - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link {
  width: 250px;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
  width: calc(250px - .5rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 3);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 4);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
  width: calc(250px - .5rem * 5);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-track,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-track,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-corner,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-corner,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-corner {
  background-color: transparent;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: thin;
  scrollbar-color: #a9a9a9 transparent;
}

.sidebar-collapse.sidebar-mini .main-sidebar .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar::-webkit-scrollbar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.sidebar-collapse.sidebar-mini .main-sidebar .sidebar,
.sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover {
  width: 4.6rem;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header {
  display: none;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link {
  width: 4.6rem !important;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image {
  float: none !important;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
  padding-left: 0;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-text,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel>.info,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-text,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel>.info,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-text,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel>.info,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p {
  margin-left: -10px;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
  width: 0;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar>.nav-item .nav-icon,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar>.nav-item .nav-icon,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar>.nav-item .nav-icon,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar>.nav-item .nav-icon,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar>.nav-item .nav-icon,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar>.nav-item .nav-icon {
  margin-right: 0;
}

.nav-sidebar {
  position: relative;
}

.nav-sidebar:hover {
  overflow: visible;
}

.sidebar-form,
.nav-sidebar>.nav-header {
  overflow: hidden;
  text-overflow: clip;
}

.nav-sidebar .nav-item>.nav-link {
  position: relative;
}

.nav-sidebar .nav-item>.nav-link>.float-right {
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
}

.sidebar .nav-link p,
.main-sidebar .brand-text,
.main-sidebar .logo-xs,
.main-sidebar .logo-xl,
.sidebar .user-panel .info {
  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {

  .sidebar .nav-link p,
  .main-sidebar .brand-text,
  .main-sidebar .logo-xs,
  .main-sidebar .logo-xl,
  .sidebar .user-panel .info {
    transition: none;
  }
}

html.control-sidebar-animate {
  overflow-x: hidden;
}

.control-sidebar {
  bottom: calc(3.5rem + 1px);
  position: absolute;
  top: calc(3.5rem + 1px);
  z-index: 1031;
}

.control-sidebar,
.control-sidebar::before {
  bottom: calc(3.5rem + 1px);
  display: none;
  right: -250px;
  width: 250px;
  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

  .control-sidebar,
  .control-sidebar::before {
    transition: none;
  }
}

.control-sidebar::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  z-index: -1;
}

body.text-sm .control-sidebar {
  bottom: calc(2.9365rem + 1px);
  top: calc(2.93725rem + 1px);
}

.main-header.text-sm~.control-sidebar {
  top: calc(2.93725rem + 1px);
}

.main-footer.text-sm~.control-sidebar {
  bottom: calc(2.9365rem + 1px);
}

.control-sidebar-push-slide .content-wrapper,
.control-sidebar-push-slide .main-footer {
  transition: margin-right 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

  .control-sidebar-push-slide .content-wrapper,
  .control-sidebar-push-slide .main-footer {
    transition: none;
  }
}

.control-sidebar-open .control-sidebar {
  display: block;
}

.control-sidebar-open .control-sidebar,
.control-sidebar-open .control-sidebar::before {
  right: 0;
}

.control-sidebar-open.control-sidebar-push .content-wrapper,
.control-sidebar-open.control-sidebar-push .main-footer,
.control-sidebar-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-open.control-sidebar-push-slide .main-footer {
  margin-right: 250px;
}

.control-sidebar-slide-open .control-sidebar {
  display: block;
}

.control-sidebar-slide-open .control-sidebar,
.control-sidebar-slide-open .control-sidebar::before {
  right: 0;
  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

  .control-sidebar-slide-open .control-sidebar,
  .control-sidebar-slide-open .control-sidebar::before {
    transition: none;
  }
}

.control-sidebar-slide-open.control-sidebar-push .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push .main-footer,
.control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
  margin-right: 250px;
}

.control-sidebar-dark {
  background-color: #343a40;
}

.control-sidebar-dark,
.control-sidebar-dark a,
.control-sidebar-dark .nav-link {
  color: #c2c7d0;
}

.control-sidebar-dark a:hover {
  color: #fff;
}

.control-sidebar-dark h1,
.control-sidebar-dark h2,
.control-sidebar-dark h3,
.control-sidebar-dark h4,
.control-sidebar-dark h5,
.control-sidebar-dark h6,
.control-sidebar-dark label {
  color: #fff;
}

.control-sidebar-dark .nav-tabs {
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 0;
  margin-bottom: 5px;
}

.control-sidebar-dark .nav-tabs .nav-item {
  margin: 0;
}

.control-sidebar-dark .nav-tabs .nav-link {
  border-radius: 0;
  padding: 10px 20px;
  position: relative;
  text-align: center;
}

.control-sidebar-dark .nav-tabs .nav-link,
.control-sidebar-dark .nav-tabs .nav-link:hover,
.control-sidebar-dark .nav-tabs .nav-link:active,
.control-sidebar-dark .nav-tabs .nav-link:focus,
.control-sidebar-dark .nav-tabs .nav-link.active {
  border: 0;
}

.control-sidebar-dark .nav-tabs .nav-link:hover,
.control-sidebar-dark .nav-tabs .nav-link:active,
.control-sidebar-dark .nav-tabs .nav-link:focus,
.control-sidebar-dark .nav-tabs .nav-link.active {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  color: #fff;
}

.control-sidebar-dark .nav-tabs .nav-link.active {
  background-color: #343a40;
}

.control-sidebar-dark .tab-pane {
  padding: 10px 15px;
}

.control-sidebar-light {
  color: #4b545c;
  background-color: #fff;
  border-left: 1px solid #dee2e6;
}

.text-sm .dropdown-menu {
  font-size: 0.875rem !important;
}

.text-sm .dropdown-toggle::after {
  vertical-align: .2rem;
}

.dropdown-item-title {
  font-size: 1rem;
  margin: 0;
}

.dropdown-icon::after {
  margin-left: 0;
}

.dropdown-menu-lg {
  max-width: 300px;
  min-width: 280px;
  padding: 0;
}

.dropdown-menu-lg .dropdown-divider {
  margin: 0;
}

.dropdown-menu-lg .dropdown-item {
  padding: 0.5rem 1rem;
}

.dropdown-menu-lg p {
  margin: 0;
  white-space: normal;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>a::after {
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  float: right;
  margin-left: .5rem;
  margin-top: .5rem;
}

.dropdown-submenu>.dropdown-menu {
  left: 100%;
  margin-left: 0;
  margin-top: 0;
  top: 0;
}

.dropdown-hover:hover>.dropdown-menu,
.dropdown-hover.nav-item.dropdown:hover>.dropdown-menu,
.dropdown-hover .dropdown-submenu:hover>.dropdown-menu,
.dropdown-hover.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu-xl {
  max-width: 420px;
  min-width: 360px;
  padding: 0;
}

.dropdown-menu-xl .dropdown-divider {
  margin: 0;
}

.dropdown-menu-xl .dropdown-item {
  padding: 0.5rem 1rem;
}

.dropdown-menu-xl p {
  margin: 0;
  white-space: normal;
}

.dropdown-footer,
.dropdown-header {
  display: block;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

.open:not(.dropup)>.animated-dropdown-menu {
  -webkit-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.navbar-custom-menu>.navbar-nav>li {
  position: relative;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}

@media (max-width: 767.98px) {
  .navbar-custom-menu>.navbar-nav {
    float: right;
  }

  .navbar-custom-menu>.navbar-nav>li {
    position: static;
  }

  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background-color: #fff;
  }
}

.navbar-nav>.user-menu>.nav-link::after {
  content: none;
}

.navbar-nav>.user-menu>.dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  width: 280px;
}

.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  z-index: 5;
  font-size: 17px;
  margin-top: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 12px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border-bottom: 1px solid #495057;
  border-top: 1px solid #dee2e6;
  padding: 15px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 576px) {
  .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    background-color: #fff !important;
    color: #495057 !important;
  }
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  background-color: #f8f9fa;
  padding: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer::after {
  display: block;
  clear: both;
  content: "";
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
  color: #6c757d;
}

@media (min-width: 576px) {
  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
    background-color: #f8f9fa;
  }
}

.navbar-nav>.user-menu .user-image {
  border-radius: 50%;
  float: left;
  height: 2.1rem;
  margin-right: 10px;
  margin-top: -2px;
  width: 2.1rem;
}

@media (min-width: 576px) {
  .navbar-nav>.user-menu .user-image {
    float: none;
    line-height: 10px;
    margin-right: .4rem;
    margin-top: -8px;
  }
}

.dark-mode .dropdown-menu {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .dropdown-item {
  color: #fff;
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
  background-color: #3f474e;
}

.dark-mode .dropdown-divider {
  border-color: #6c757d;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  background-color: #3a4047;
  color: #fff;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
  color: #fff;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover,
.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:focus {
  background-color: #3f474e;
  color: #dee2e6;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:focus {
  background-color: #454d55;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border-color: #6c757d;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
  background-color: transparent !important;
  color: #fff !important;
}

.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover,
.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a:focus {
  color: #ced4da !important;
}

.nav-pills .nav-link {
  color: #6c757d;
}

.nav-pills .nav-link:not(.active):hover {
  color: #007bff;
}

.nav-pills .nav-item.dropdown.show .nav-link:hover {
  color: #fff;
}

.nav-tabs.flex-column {
  border-bottom: 0;
  border-right: 1px solid #dee2e6;
}

.nav-tabs.flex-column .nav-link {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  margin-right: -1px;
}

.nav-tabs.flex-column .nav-link:hover,
.nav-tabs.flex-column .nav-link:focus {
  border-color: #e9ecef transparent #e9ecef #e9ecef;
}

.nav-tabs.flex-column .nav-link.active,
.nav-tabs.flex-column .nav-item.show .nav-link {
  border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}

.nav-tabs.flex-column.nav-tabs-right {
  border-left: 1px solid #dee2e6;
  border-right: 0;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
  margin-left: -1px;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link:hover,
.nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
  border-color: #e9ecef #e9ecef #e9ecef transparent;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link.active,
.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
  border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
}

.navbar-no-expand {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-no-expand .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar-no-expand .dropdown-menu {
  position: absolute;
}

.navbar-light {
  background-color: #f8f9fa;
}

.navbar-dark {
  background-color: #343a40;
  border-color: #4b545c;
}

.navbar-primary {
  background-color: #007bff;
  color: #fff;
}

.navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar,
.navbar-primary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #0071eb;
  border-color: #0065d1;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-primary.navbar-light .form-control-navbar:focus,
.navbar-primary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #006fe6;
  border-color: #0065d1 !important;
  color: #343a40;
}

.navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar,
.navbar-primary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1486ff;
  border-color: #2e93ff;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-primary.navbar-dark .form-control-navbar:focus,
.navbar-primary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1a88ff;
  border-color: #2e93ff !important;
  color: #fff;
}

.navbar-secondary {
  background-color: #6c757d;
  color: #fff;
}

.navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar,
.navbar-secondary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #636b72;
  border-color: #575e64;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-secondary.navbar-light .form-control-navbar:focus,
.navbar-secondary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #60686f;
  border-color: #575e64 !important;
  color: #343a40;
}

.navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar,
.navbar-secondary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #757f88;
  border-color: #838c94;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-secondary.navbar-dark .form-control-navbar:focus,
.navbar-secondary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #78828a;
  border-color: #838c94 !important;
  color: #fff;
}

.navbar-success {
  background-color: #28a745;
  color: #fff;
}

.navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar,
.navbar-success.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #24973e;
  border-color: #1f8236;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-success.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-success.navbar-light .form-control-navbar:focus,
.navbar-success.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #23923d;
  border-color: #1f8236 !important;
  color: #343a40;
}

.navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar,
.navbar-success.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #2cb74c;
  border-color: #31cc54;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-success.navbar-dark .form-control-navbar:focus,
.navbar-success.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #2dbc4e;
  border-color: #31cc54 !important;
  color: #fff;
}

.navbar-info {
  background-color: #17a2b8;
  color: #fff;
}

.navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar,
.navbar-info.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1592a6;
  border-color: #127e8f;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-info.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-info.navbar-light .form-control-navbar:focus,
.navbar-info.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #148ea1;
  border-color: #127e8f !important;
  color: #343a40;
}

.navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar,
.navbar-info.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #19b2ca;
  border-color: #1cc6e1;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-info.navbar-dark .form-control-navbar:focus,
.navbar-info.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1ab6cf;
  border-color: #1cc6e1 !important;
  color: #fff;
}

.navbar-warning {
  background-color: #ffc107;
  color: #1f2d3d;
}

.navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar,
.navbar-warning.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f2b500;
  border-color: #d8a200;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-warning.navbar-light .form-control-navbar:focus,
.navbar-warning.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #edb100;
  border-color: #d8a200 !important;
  color: #343a40;
}

.navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar,
.navbar-warning.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ffc61b;
  border-color: #ffcc35;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-warning.navbar-dark .form-control-navbar:focus,
.navbar-warning.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #ffc721;
  border-color: #ffcc35 !important;
  color: #fff;
}

.navbar-danger {
  background-color: #dc3545;
  color: #fff;
}

.navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar,
.navbar-danger.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #d72536;
  border-color: #c22231;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-danger.navbar-light .form-control-navbar:focus,
.navbar-danger.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #d32535;
  border-color: #c22231 !important;
  color: #343a40;
}

.navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar,
.navbar-danger.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #df4655;
  border-color: #e35c69;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-danger.navbar-dark .form-control-navbar:focus,
.navbar-danger.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e04b59;
  border-color: #e35c69 !important;
  color: #fff;
}

.navbar-lightblue {
  background-color: #3c8dbc;
  color: #fff;
}

.navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar,
.navbar-lightblue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #3781ad;
  border-color: #317399;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-lightblue.navbar-light .form-control-navbar:focus,
.navbar-lightblue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #367fa9;
  border-color: #317399 !important;
  color: #343a40;
}

.navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar,
.navbar-lightblue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #4897c5;
  border-color: #5ba2cb;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-lightblue.navbar-dark .form-control-navbar:focus,
.navbar-lightblue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4c99c6;
  border-color: #5ba2cb !important;
  color: #fff;
}

.navbar-navy {
  background-color: #001f3f;
  color: #fff;
}

.navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar,
.navbar-navy.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00152b;
  border-color: #000811;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-navy.navbar-light .form-control-navbar:focus,
.navbar-navy.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #001226;
  border-color: #000811 !important;
  color: #343a40;
}

.navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar,
.navbar-navy.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #002953;
  border-color: #00366d;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-navy.navbar-dark .form-control-navbar:focus,
.navbar-navy.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #002c59;
  border-color: #00366d !important;
  color: #fff;
}

.navbar-olive {
  background-color: #3d9970;
  color: #fff;
}

.navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar,
.navbar-olive.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #378a65;
  border-color: #307858;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-olive.navbar-light .form-control-navbar:focus,
.navbar-olive.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #368763;
  border-color: #307858 !important;
  color: #343a40;
}

.navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar,
.navbar-olive.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #43a87b;
  border-color: #4cb888;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-olive.navbar-dark .form-control-navbar:focus,
.navbar-olive.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #44ab7d;
  border-color: #4cb888 !important;
  color: #fff;
}

.navbar-lime {
  background-color: #01ff70;
  color: #1f2d3d;
}

.navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar,
.navbar-lime.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00ec67;
  border-color: #00d25c;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-lime.navbar-light .form-control-navbar:focus,
.navbar-lime.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #00e765;
  border-color: #00d25c !important;
  color: #343a40;
}

.navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar,
.navbar-lime.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #15ff7b;
  border-color: #2fff8a;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-lime.navbar-dark .form-control-navbar:focus,
.navbar-lime.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1bff7e;
  border-color: #2fff8a !important;
  color: #fff;
}

.navbar-fuchsia {
  background-color: #f012be;
  color: #fff;
}

.navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar,
.navbar-fuchsia.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #df0eb0;
  border-color: #c70d9d;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-fuchsia.navbar-light .form-control-navbar:focus,
.navbar-fuchsia.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #db0ead;
  border-color: #c70d9d !important;
  color: #343a40;
}

.navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar,
.navbar-fuchsia.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f125c3;
  border-color: #f33dca;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-fuchsia.navbar-dark .form-control-navbar:focus,
.navbar-fuchsia.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f22ac5;
  border-color: #f33dca !important;
  color: #fff;
}

.navbar-maroon {
  background-color: #d81b60;
  color: #fff;
}

.navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar,
.navbar-maroon.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #c61958;
  border-color: #af164e;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-maroon.navbar-light .form-control-navbar:focus,
.navbar-maroon.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #c11856;
  border-color: #af164e !important;
  color: #343a40;
}

.navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar,
.navbar-maroon.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e4246a;
  border-color: #e63a79;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-maroon.navbar-dark .form-control-navbar:focus,
.navbar-maroon.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e4286d;
  border-color: #e63a79 !important;
  color: #fff;
}

.navbar-blue {
  background-color: #007bff;
  color: #fff;
}

.navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar,
.navbar-blue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #0071eb;
  border-color: #0065d1;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-blue.navbar-light .form-control-navbar:focus,
.navbar-blue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #006fe6;
  border-color: #0065d1 !important;
  color: #343a40;
}

.navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar,
.navbar-blue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1486ff;
  border-color: #2e93ff;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-blue.navbar-dark .form-control-navbar:focus,
.navbar-blue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1a88ff;
  border-color: #2e93ff !important;
  color: #fff;
}

.navbar-indigo {
  background-color: #6610f2;
  color: #fff;
}

.navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar,
.navbar-indigo.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #5d0ce1;
  border-color: #530bc9;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-indigo.navbar-light .form-control-navbar:focus,
.navbar-indigo.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #5b0cdd;
  border-color: #530bc9 !important;
  color: #343a40;
}

.navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar,
.navbar-indigo.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #7223f3;
  border-color: #823cf4;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-indigo.navbar-dark .form-control-navbar:focus,
.navbar-indigo.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #7528f3;
  border-color: #823cf4 !important;
  color: #fff;
}

.navbar-purple {
  background-color: #6f42c1;
  color: #fff;
}

.navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar,
.navbar-purple.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #663bb4;
  border-color: #5b35a0;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-purple.navbar-light .form-control-navbar:focus,
.navbar-purple.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #643ab0;
  border-color: #5b35a0 !important;
  color: #343a40;
}

.navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar,
.navbar-purple.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #7b51c6;
  border-color: #8965cc;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-purple.navbar-dark .form-control-navbar:focus,
.navbar-purple.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #7e55c7;
  border-color: #8965cc !important;
  color: #fff;
}

.navbar-pink {
  background-color: #e83e8c;
  color: #fff;
}

.navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar,
.navbar-pink.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e62c81;
  border-color: #de1a74;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-pink.navbar-light .form-control-navbar:focus,
.navbar-pink.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e5277e;
  border-color: #de1a74 !important;
  color: #343a40;
}

.navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar,
.navbar-pink.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ea5097;
  border-color: #ed67a4;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-pink.navbar-dark .form-control-navbar:focus,
.navbar-pink.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #eb559a;
  border-color: #ed67a4 !important;
  color: #fff;
}

.navbar-red {
  background-color: #dc3545;
  color: #fff;
}

.navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar,
.navbar-red.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #d72536;
  border-color: #c22231;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-red.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-red.navbar-light .form-control-navbar:focus,
.navbar-red.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #d32535;
  border-color: #c22231 !important;
  color: #343a40;
}

.navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar,
.navbar-red.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #df4655;
  border-color: #e35c69;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-red.navbar-dark .form-control-navbar:focus,
.navbar-red.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e04b59;
  border-color: #e35c69 !important;
  color: #fff;
}

.navbar-orange {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar,
.navbar-orange.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #fa7302;
  border-color: #e16702;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-orange.navbar-light .form-control-navbar:focus,
.navbar-orange.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f57102;
  border-color: #e16702 !important;
  color: #343a40;
}

.navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar,
.navbar-orange.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #fd8928;
  border-color: #fd9742;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-orange.navbar-dark .form-control-navbar:focus,
.navbar-orange.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #fd8c2d;
  border-color: #fd9742 !important;
  color: #fff;
}

.navbar-yellow {
  background-color: #ffc107;
  color: #1f2d3d;
}

.navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar,
.navbar-yellow.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f2b500;
  border-color: #d8a200;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-yellow.navbar-light .form-control-navbar:focus,
.navbar-yellow.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #edb100;
  border-color: #d8a200 !important;
  color: #343a40;
}

.navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar,
.navbar-yellow.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ffc61b;
  border-color: #ffcc35;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-yellow.navbar-dark .form-control-navbar:focus,
.navbar-yellow.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #ffc721;
  border-color: #ffcc35 !important;
  color: #fff;
}

.navbar-green {
  background-color: #28a745;
  color: #fff;
}

.navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar,
.navbar-green.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #24973e;
  border-color: #1f8236;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-green.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-green.navbar-light .form-control-navbar:focus,
.navbar-green.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #23923d;
  border-color: #1f8236 !important;
  color: #343a40;
}

.navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar,
.navbar-green.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #2cb74c;
  border-color: #31cc54;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-green.navbar-dark .form-control-navbar:focus,
.navbar-green.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #2dbc4e;
  border-color: #31cc54 !important;
  color: #fff;
}

.navbar-teal {
  background-color: #20c997;
  color: #fff;
}

.navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar,
.navbar-teal.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1db78a;
  border-color: #1aa179;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-teal.navbar-light .form-control-navbar:focus,
.navbar-teal.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1cb386;
  border-color: #1aa179 !important;
  color: #343a40;
}

.navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar,
.navbar-teal.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #23dba4;
  border-color: #38dfae;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-teal.navbar-dark .form-control-navbar:focus,
.navbar-teal.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #26dca6;
  border-color: #38dfae !important;
  color: #fff;
}

.navbar-cyan {
  background-color: #17a2b8;
  color: #fff;
}

.navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar,
.navbar-cyan.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1592a6;
  border-color: #127e8f;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-cyan.navbar-light .form-control-navbar:focus,
.navbar-cyan.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #148ea1;
  border-color: #127e8f !important;
  color: #343a40;
}

.navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar,
.navbar-cyan.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #19b2ca;
  border-color: #1cc6e1;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-cyan.navbar-dark .form-control-navbar:focus,
.navbar-cyan.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1ab6cf;
  border-color: #1cc6e1 !important;
  color: #fff;
}

.navbar-white {
  background-color: #fff;
  color: #1f2d3d;
}

.navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar,
.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: whitesmoke;
  border-color: #e8e8e8;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-white.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-white.navbar-light .form-control-navbar:focus,
.navbar-white.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f2f2f2;
  border-color: #e8e8e8 !important;
  color: #343a40;
}

.navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar,
.navbar-white.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: white;
  border-color: white;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-white.navbar-dark .form-control-navbar:focus,
.navbar-white.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: white;
  border-color: white !important;
  color: #fff;
}

.navbar-gray {
  background-color: #6c757d;
  color: #fff;
}

.navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar,
.navbar-gray.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #636b72;
  border-color: #575e64;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-gray.navbar-light .form-control-navbar:focus,
.navbar-gray.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #60686f;
  border-color: #575e64 !important;
  color: #343a40;
}

.navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar,
.navbar-gray.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #757f88;
  border-color: #838c94;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-gray.navbar-dark .form-control-navbar:focus,
.navbar-gray.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #78828a;
  border-color: #838c94 !important;
  color: #fff;
}

.navbar-gray-dark {
  background-color: #343a40;
  color: #fff;
}

.navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar,
.navbar-gray-dark.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #2b3035;
  border-color: #1f2327;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-gray-dark.navbar-light .form-control-navbar:focus,
.navbar-gray-dark.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #292d32;
  border-color: #1f2327 !important;
  color: #343a40;
}

.navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar,
.navbar-gray-dark.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #3d444b;
  border-color: #495159;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-gray-dark.navbar-dark .form-control-navbar:focus,
.navbar-gray-dark.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #3f474e;
  border-color: #495159 !important;
  color: #fff;
}

.dark-mode .nav-pills .nav-link {
  color: #ced4da;
}

.dark-mode .nav-tabs {
  border-color: #56606a;
}

.dark-mode .nav-tabs .nav-link:focus,
.dark-mode .nav-tabs .nav-link:hover {
  border-color: #56606a;
}

.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
  background-color: #343a40;
  border-color: #56606a #56606a transparent #56606a;
  color: #fff;
}

.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active,
.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs.flex-column .nav-link.active,
.dark-mode .nav-tabs.flex-column .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-link:hover {
  border-color: #56606a transparent #56606a #56606a;
}

.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs.flex-column .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-link:hover {
  background-color: #3f474e;
}

.dark-mode .nav-tabs.flex-column.nav-tabs-right {
  border-color: #56606a;
}

.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active,
.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus,
.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
  border-color: #56606a #56606a #56606a transparent;
}

.dark-mode .navbar-light {
  background-color: #f8f9fa;
}

.dark-mode .navbar-dark {
  background-color: #343a40;
  border-color: #4b545c;
}

.dark-mode .navbar-primary {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar,
.dark-mode .navbar-primary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #395d83;
  border-color: #315071;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #375a7f;
  border-color: #315071 !important;
  color: #343a40;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar,
.dark-mode .navbar-primary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #45719f;
  border-color: #4d7eb1;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4774a3;
  border-color: #4d7eb1 !important;
  color: #fff;
}

.dark-mode .navbar-secondary {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar,
.dark-mode .navbar-secondary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #636b72;
  border-color: #575e64;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #60686f;
  border-color: #575e64 !important;
  color: #343a40;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar,
.dark-mode .navbar-secondary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #757f88;
  border-color: #838c94;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #78828a;
  border-color: #838c94 !important;
  color: #fff;
}

.dark-mode .navbar-success {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar,
.dark-mode .navbar-success.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00a87d;
  border-color: #008e6a;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-success.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #00a379;
  border-color: #008e6a !important;
  color: #343a40;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar,
.dark-mode .navbar-success.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00d09b;
  border-color: #00eaae;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #00d69f;
  border-color: #00eaae !important;
  color: #fff;
}

.dark-mode .navbar-info {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar,
.dark-mode .navbar-info.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #268fd5;
  border-color: #2280bf;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-info.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #258cd1;
  border-color: #2280bf !important;
  color: #343a40;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar,
.dark-mode .navbar-info.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #45a1de;
  border-color: #5bace2;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4aa3df;
  border-color: #5bace2 !important;
  color: #fff;
}

.dark-mode .navbar-warning {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar,
.dark-mode .navbar-warning.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e5910c;
  border-color: #cd820a;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e08e0b;
  border-color: #cd820a !important;
  color: #343a40;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar,
.dark-mode .navbar-warning.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f4a425;
  border-color: #f5ae3e;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f4a62a;
  border-color: #f5ae3e !important;
  color: #fff;
}

.dark-mode .navbar-danger {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar,
.dark-mode .navbar-danger.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e53b2a;
  border-color: #da2d1b;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e43725;
  border-color: #da2d1b !important;
  color: #343a40;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar,
.dark-mode .navbar-danger.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e95d4e;
  border-color: #ec7265;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #ea6153;
  border-color: #ec7265 !important;
  color: #fff;
}

.dark-mode .navbar-lightblue {
  background-color: #86bad8;
  color: #1f2d3d;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar,
.dark-mode .navbar-lightblue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #76b1d3;
  border-color: #63a6cd;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #72afd2;
  border-color: #63a6cd !important;
  color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,
.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #95c3dd;
  border-color: #a9cee3;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #99c5de;
  border-color: #a9cee3 !important;
  color: #fff;
}

.dark-mode .navbar-navy {
  background-color: #002c59;
  color: #fff;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar,
.dark-mode .navbar-navy.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #002244;
  border-color: #00152b;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #001f3f;
  border-color: #00152b !important;
  color: #343a40;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar,
.dark-mode .navbar-navy.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00366d;
  border-color: #004286;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #003872;
  border-color: #004286 !important;
  color: #fff;
}

.dark-mode .navbar-olive {
  background-color: #74c8a3;
  color: #1f2d3d;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar,
.dark-mode .navbar-olive.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #66c299;
  border-color: #53bb8d;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #62c096;
  border-color: #53bb8d !important;
  color: #343a40;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar,
.dark-mode .navbar-olive.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #83ceac;
  border-color: #95d5b8;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #87cfaf;
  border-color: #95d5b8 !important;
  color: #fff;
}

.dark-mode .navbar-lime {
  background-color: #67ffa9;
  color: #1f2d3d;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar,
.dark-mode .navbar-lime.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #53ff9e;
  border-color: #39ff90;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4eff9b;
  border-color: #39ff90 !important;
  color: #343a40;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar,
.dark-mode .navbar-lime.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #7bffb5;
  border-color: #95ffc3;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #81ffb8;
  border-color: #95ffc3 !important;
  color: #fff;
}

.dark-mode .navbar-fuchsia {
  background-color: #f672d8;
  color: #1f2d3d;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,
.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f55fd3;
  border-color: #f347cc;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f55ad2;
  border-color: #f347cc !important;
  color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,
.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f785de;
  border-color: #f99de4;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f88adf;
  border-color: #f99de4 !important;
  color: #fff;
}

.dark-mode .navbar-maroon {
  background-color: #ed6c9b;
  color: #1f2d3d;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar,
.dark-mode .navbar-maroon.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ea5a8f;
  border-color: #e8447f;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #ea568c;
  border-color: #e8447f !important;
  color: #343a40;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar,
.dark-mode .navbar-maroon.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ef7ea8;
  border-color: #f295b7;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f083ab;
  border-color: #f295b7 !important;
  color: #fff;
}

.dark-mode .navbar-blue {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar,
.dark-mode .navbar-blue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #395d83;
  border-color: #315071;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #375a7f;
  border-color: #315071 !important;
  color: #343a40;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar,
.dark-mode .navbar-blue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #45719f;
  border-color: #4d7eb1;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4774a3;
  border-color: #4d7eb1 !important;
  color: #fff;
}

.dark-mode .navbar-indigo {
  background-color: #6610f2;
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar,
.dark-mode .navbar-indigo.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #5d0ce1;
  border-color: #530bc9;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #5b0cdd;
  border-color: #530bc9 !important;
  color: #343a40;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar,
.dark-mode .navbar-indigo.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #7223f3;
  border-color: #823cf4;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #7528f3;
  border-color: #823cf4 !important;
  color: #fff;
}

.dark-mode .navbar-purple {
  background-color: #6f42c1;
  color: #fff;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar,
.dark-mode .navbar-purple.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #663bb4;
  border-color: #5b35a0;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #643ab0;
  border-color: #5b35a0 !important;
  color: #343a40;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar,
.dark-mode .navbar-purple.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #7b51c6;
  border-color: #8965cc;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #7e55c7;
  border-color: #8965cc !important;
  color: #fff;
}

.dark-mode .navbar-pink {
  background-color: #e83e8c;
  color: #fff;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar,
.dark-mode .navbar-pink.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e62c81;
  border-color: #de1a74;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e5277e;
  border-color: #de1a74 !important;
  color: #343a40;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar,
.dark-mode .navbar-pink.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #ea5097;
  border-color: #ed67a4;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #eb559a;
  border-color: #ed67a4 !important;
  color: #fff;
}

.dark-mode .navbar-red {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar,
.dark-mode .navbar-red.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e53b2a;
  border-color: #da2d1b;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-red.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e43725;
  border-color: #da2d1b !important;
  color: #343a40;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar,
.dark-mode .navbar-red.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e95d4e;
  border-color: #ec7265;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #ea6153;
  border-color: #ec7265 !important;
  color: #fff;
}

.dark-mode .navbar-orange {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar,
.dark-mode .navbar-orange.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #fa7302;
  border-color: #e16702;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f57102;
  border-color: #e16702 !important;
  color: #343a40;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar,
.dark-mode .navbar-orange.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #fd8928;
  border-color: #fd9742;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #fd8c2d;
  border-color: #fd9742 !important;
  color: #fff;
}

.dark-mode .navbar-yellow {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar,
.dark-mode .navbar-yellow.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #e5910c;
  border-color: #cd820a;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #e08e0b;
  border-color: #cd820a !important;
  color: #343a40;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar,
.dark-mode .navbar-yellow.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #f4a425;
  border-color: #f5ae3e;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f4a62a;
  border-color: #f5ae3e !important;
  color: #fff;
}

.dark-mode .navbar-green {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar,
.dark-mode .navbar-green.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00a87d;
  border-color: #008e6a;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-green.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #00a379;
  border-color: #008e6a !important;
  color: #343a40;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar,
.dark-mode .navbar-green.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #00d09b;
  border-color: #00eaae;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #00d69f;
  border-color: #00eaae !important;
  color: #fff;
}

.dark-mode .navbar-teal {
  background-color: #20c997;
  color: #fff;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar,
.dark-mode .navbar-teal.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1db78a;
  border-color: #1aa179;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1cb386;
  border-color: #1aa179 !important;
  color: #343a40;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar,
.dark-mode .navbar-teal.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #23dba4;
  border-color: #38dfae;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #26dca6;
  border-color: #38dfae !important;
  color: #fff;
}

.dark-mode .navbar-cyan {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar,
.dark-mode .navbar-cyan.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #268fd5;
  border-color: #2280bf;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #258cd1;
  border-color: #2280bf !important;
  color: #343a40;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar,
.dark-mode .navbar-cyan.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #45a1de;
  border-color: #5bace2;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4aa3df;
  border-color: #5bace2 !important;
  color: #fff;
}

.dark-mode .navbar-white {
  background-color: #343a40;
  color: #1f2d3d;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar,
.dark-mode .navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: whitesmoke;
  border-color: #e8e8e8;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-white.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #f2f2f2;
  border-color: #e8e8e8 !important;
  color: #343a40;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar,
.dark-mode .navbar-white.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: white;
  border-color: white;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: white;
  border-color: white !important;
  color: #fff;
}

.dark-mode .navbar-gray {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar,
.dark-mode .navbar-gray.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #636b72;
  border-color: #575e64;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #60686f;
  border-color: #575e64 !important;
  color: #343a40;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar,
.dark-mode .navbar-gray.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #757f88;
  border-color: #838c94;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #78828a;
  border-color: #838c94 !important;
  color: #fff;
}

.dark-mode .navbar-gray-dark {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,
.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #2b3035;
  border-color: #1f2327;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #292d32;
  border-color: #1f2327 !important;
  color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,
.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #3d444b;
  border-color: #495159;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #3f474e;
  border-color: #495159 !important;
  color: #fff;
}

.pagination-month .page-item {
  justify-self: stretch;
}

.pagination-month .page-item .page-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: none;
}

.pagination-month .page-item:first-child .page-link,
.pagination-month .page-item:last-child .page-link {
  height: 100%;
  font-size: 1.25rem;
}

.pagination-month .page-item .page-month {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.pagination-month .page-item .page-year {
  margin-bottom: 0;
}

.pagination-month.pagination-lg .page-month {
  font-size: 1.5625rem;
}

.pagination-month.pagination-sm .page-month {
  font-size: 1rem;
}

.dark-mode .page-item.disabled a,
.dark-mode .page-item.disabled .page-link {
  background-color: #3a4047 !important;
  border-color: #6c757d !important;
  color: #6c757d;
}

.dark-mode .page-item .page-link {
  color: #3f6791;
}

.dark-mode .page-item.active .page-link {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .page-item.active .page-link:hover,
.dark-mode .page-item.active .page-link:focus {
  color: #ced4da !important;
}

.dark-mode .page-item:not(.active) .page-link {
  background-color: #343a40;
  border-color: #6c757d;
}

.dark-mode .page-item:not(.active) .page-link:hover,
.dark-mode .page-item:not(.active) .page-link:focus {
  color: #4774a3;
  background-color: #3f474e;
}

.form-group.has-icon {
  position: relative;
}

.form-group.has-icon .form-control {
  padding-right: 35px;
}

.form-group.has-icon .form-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  position: absolute;
  right: 3px;
  top: 0;
}

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}

.form-control-feedback.fa,
.form-control-feedback.fas,
.form-control-feedback.far,
.form-control-feedback.fab,
.form-control-feedback.fal,
.form-control-feedback.fad,
.form-control-feedback.svg-inline--fa,
.form-control-feedback.ion {
  line-height: calc(2.25rem + 2px);
}

.input-lg+.form-control-feedback.fa,
.input-lg+.form-control-feedback.fas,
.input-lg+.form-control-feedback.far,
.input-lg+.form-control-feedback.fab,
.input-lg+.form-control-feedback.fal,
.input-lg+.form-control-feedback.fad,
.input-lg+.form-control-feedback.svg-inline--fa,
.input-lg+.form-control-feedback.ion,
.input-group-lg+.form-control-feedback.fa,
.input-group-lg+.form-control-feedback.fas,
.input-group-lg+.form-control-feedback.far,
.input-group-lg+.form-control-feedback.fab,
.input-group-lg+.form-control-feedback.fal,
.input-group-lg+.form-control-feedback.fad,
.input-group-lg+.form-control-feedback.svg-inline--fa,
.input-group-lg+.form-control-feedback.ion {
  line-height: calc(2.875rem + 2px);
}

.form-group-lg .form-control+.form-control-feedback.fa,
.form-group-lg .form-control+.form-control-feedback.fas,
.form-group-lg .form-control+.form-control-feedback.far,
.form-group-lg .form-control+.form-control-feedback.fab,
.form-group-lg .form-control+.form-control-feedback.fal,
.form-group-lg .form-control+.form-control-feedback.fad,
.form-group-lg .form-control+.form-control-feedback.svg-inline--fa,
.form-group-lg .form-control+.form-control-feedback.ion {
  line-height: calc(2.875rem + 2px);
}

.input-sm+.form-control-feedback.fa,
.input-sm+.form-control-feedback.fas,
.input-sm+.form-control-feedback.far,
.input-sm+.form-control-feedback.fab,
.input-sm+.form-control-feedback.fal,
.input-sm+.form-control-feedback.fad,
.input-sm+.form-control-feedback.svg-inline--fa,
.input-sm+.form-control-feedback.ion,
.input-group-sm+.form-control-feedback.fa,
.input-group-sm+.form-control-feedback.fas,
.input-group-sm+.form-control-feedback.far,
.input-group-sm+.form-control-feedback.fab,
.input-group-sm+.form-control-feedback.fal,
.input-group-sm+.form-control-feedback.fad,
.input-group-sm+.form-control-feedback.svg-inline--fa,
.input-group-sm+.form-control-feedback.ion {
  line-height: calc(1.8125rem + 2px);
}

.form-group-sm .form-control+.form-control-feedback.fa,
.form-group-sm .form-control+.form-control-feedback.fas,
.form-group-sm .form-control+.form-control-feedback.far,
.form-group-sm .form-control+.form-control-feedback.fab,
.form-group-sm .form-control+.form-control-feedback.fal,
.form-group-sm .form-control+.form-control-feedback.fad,
.form-group-sm .form-control+.form-control-feedback.svg-inline--fa,
.form-group-sm .form-control+.form-control-feedback.ion {
  line-height: calc(1.8125rem + 2px);
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 700;
}

.warning-feedback {
  font-size: 80%;
  color: #ffc107;
  display: none;
  margin-top: 0.25rem;
  width: 100%;
}

.warning-tooltip {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  background-color: rgba(255, 193, 7, 0.9);
  color: #1f2d3d;
  display: none;
  line-height: 1.5;
  margin-top: .1rem;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.form-control.is-warning {
  border-color: #ffc107;
}

.form-control.is-warning:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

.form-control.is-warning~.warning-feedback,
.form-control.is-warning~.warning-tooltip {
  display: block;
}

textarea.form-control.is-warning {
  padding-right: 2.25rem;
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-warning {
  border-color: #ffc107;
}

.custom-select.is-warning:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

.custom-select.is-warning~.warning-feedback,
.custom-select.is-warning~.warning-tooltip {
  display: block;
}

.form-control-file.is-warning~.warning-feedback,
.form-control-file.is-warning~.warning-tooltip {
  display: block;
}

.form-check-input.is-warning~.form-check-label {
  color: #ffc107;
}

.form-check-input.is-warning~.warning-feedback,
.form-check-input.is-warning~.warning-tooltip {
  display: block;
}

.custom-control-input.is-warning~.custom-control-label {
  color: #ffc107;
}

.custom-control-input.is-warning~.custom-control-label::before {
  border-color: #ffc107;
}

.custom-control-input.is-warning~.warning-feedback,
.custom-control-input.is-warning~.warning-tooltip {
  display: block;
}

.custom-control-input.is-warning:checked~.custom-control-label::before {
  background-color: #ffce3a;
  border-color: #ffce3a;
}

.custom-control-input.is-warning:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

.custom-control-input.is-warning:focus:not(:checked)~.custom-control-label::before {
  border-color: #ffc107;
}

.custom-file-input.is-warning~.custom-file-label {
  border-color: #ffc107;
}

.custom-file-input.is-warning~.warning-feedback,
.custom-file-input.is-warning~.warning-tooltip {
  display: block;
}

.custom-file-input.is-warning:focus~.custom-file-label {
  border-color: #ffc107;
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

body.text-sm .input-group-text {
  font-size: 0.875rem;
}

.form-control.form-control-border,
.custom-select.form-control-border {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: inherit;
}

.form-control.form-control-border.border-width-2,
.custom-select.form-control-border.border-width-2 {
  border-bottom-width: 2px;
}

.form-control.form-control-border.border-width-3,
.custom-select.form-control-border.border-width-3 {
  border-bottom-width: 3px;
}

.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.custom-switch.custom-switch-off-primary .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::after {
  background-color: #003e80;
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::after {
  background-color: #99caff;
}

.custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.custom-switch.custom-switch-off-secondary .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::after {
  background-color: #313539;
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::after {
  background-color: #bcc1c6;
}

.custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.custom-switch.custom-switch-off-success .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::after {
  background-color: #0f401b;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
  background-color: #86e29b;
}

.custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.custom-switch.custom-switch-off-info .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::after {
  background-color: #093e47;
}

.custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.custom-switch.custom-switch-on-info .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::after {
  background-color: #7adeee;
}

.custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.custom-switch.custom-switch-off-warning .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::after {
  background-color: #876500;
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::after {
  background-color: #ffe7a0;
}

.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.custom-switch.custom-switch-off-danger .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
  background-color: #7c151f;
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::after {
  background-color: #f3b7bd;
}

.custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.custom-switch.custom-switch-off-light .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::after {
  background-color: #aeb9c5;
}

.custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.custom-switch.custom-switch-on-light .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.custom-switch.custom-switch-off-dark .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::after {
  background-color: #7a8793;
}

.custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::before {
  background-color: #3c8dbc;
  border-color: #23536f;
}

.custom-switch.custom-switch-off-lightblue .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::after {
  background-color: #1d455b;
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::before {
  background-color: #3c8dbc;
  border-color: #23536f;
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::after {
  background-color: #acd0e5;
}

.custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::before {
  background-color: #001f3f;
  border-color: black;
}

.custom-switch.custom-switch-off-navy .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::before {
  background-color: #001f3f;
  border-color: black;
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::after {
  background-color: #006ad8;
}

.custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::before {
  background-color: #3d9970;
  border-color: #20503b;
}

.custom-switch.custom-switch-off-olive .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::after {
  background-color: #193e2d;
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::before {
  background-color: #3d9970;
  border-color: #20503b;
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::after {
  background-color: #99d6bb;
}

.custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::before {
  background-color: #01ff70;
  border-color: #009a43;
}

.custom-switch.custom-switch-off-lime .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::after {
  background-color: #008138;
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::before {
  background-color: #01ff70;
  border-color: #009a43;
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::after {
  background-color: #9affc6;
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::before {
  background-color: #f012be;
  border-color: #930974;
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::after {
  background-color: #7b0861;
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::before {
  background-color: #f012be;
  border-color: #930974;
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::after {
  background-color: #f9a2e5;
}

.custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::before {
  background-color: #d81b60;
  border-color: #7d1038;
}

.custom-switch.custom-switch-off-maroon .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::after {
  background-color: #670d2e;
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::before {
  background-color: #d81b60;
  border-color: #7d1038;
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::after {
  background-color: #f29aba;
}

.custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.custom-switch.custom-switch-off-blue .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::after {
  background-color: #003e80;
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::after {
  background-color: #99caff;
}

.custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.custom-switch.custom-switch-off-indigo .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::after {
  background-color: #33077c;
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::after {
  background-color: #c3a1fa;
}

.custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.custom-switch.custom-switch-off-purple .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::after {
  background-color: #382063;
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::after {
  background-color: #c7b5e7;
}

.custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.custom-switch.custom-switch-off-pink .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::after {
  background-color: #95124e;
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::after {
  background-color: #f8c7dd;
}

.custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.custom-switch.custom-switch-off-red .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::after {
  background-color: #7c151f;
}

.custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.custom-switch.custom-switch-on-red .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::after {
  background-color: #f3b7bd;
}

.custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.custom-switch.custom-switch-off-orange .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::after {
  background-color: #904201;
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::after {
  background-color: #fed1ac;
}

.custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.custom-switch.custom-switch-off-yellow .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::after {
  background-color: #876500;
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::after {
  background-color: #ffe7a0;
}

.custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.custom-switch.custom-switch-off-green .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::after {
  background-color: #0f401b;
}

.custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.custom-switch.custom-switch-on-green .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::after {
  background-color: #86e29b;
}

.custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.custom-switch.custom-switch-off-teal .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::after {
  background-color: #0e5b44;
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::after {
  background-color: #94eed3;
}

.custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.custom-switch.custom-switch-off-cyan .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::after {
  background-color: #093e47;
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::after {
  background-color: #7adeee;
}

.custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.custom-switch.custom-switch-off-white .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::after {
  background-color: #bfbfbf;
}

.custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.custom-switch.custom-switch-on-white .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.custom-switch.custom-switch-off-gray .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::after {
  background-color: #313539;
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::after {
  background-color: #bcc1c6;
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::after {
  background-color: #7a8793;
}

.custom-range.custom-range-primary:focus {
  outline: none;
}

.custom-range.custom-range-primary:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-primary:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-primary:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-primary::-webkit-slider-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-primary::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-primary::-moz-range-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-primary::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-primary::-ms-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-primary::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-secondary:focus {
  outline: none;
}

.custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-secondary:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-secondary:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-secondary::-webkit-slider-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-secondary::-webkit-slider-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-secondary::-moz-range-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-secondary::-moz-range-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-secondary::-ms-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-secondary::-ms-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-success:focus {
  outline: none;
}

.custom-range.custom-range-success:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-success:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-success:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-success::-webkit-slider-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-success::-webkit-slider-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-success::-moz-range-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-success::-moz-range-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-success::-ms-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-success::-ms-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-info:focus {
  outline: none;
}

.custom-range.custom-range-info:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-info:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-info:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-info::-webkit-slider-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-info::-webkit-slider-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-info::-moz-range-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-info::-moz-range-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-info::-ms-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-info::-ms-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-warning:focus {
  outline: none;
}

.custom-range.custom-range-warning:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-warning:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-warning:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-warning::-webkit-slider-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-warning::-webkit-slider-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-warning::-moz-range-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-warning::-moz-range-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-warning::-ms-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-warning::-ms-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-danger:focus {
  outline: none;
}

.custom-range.custom-range-danger:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-danger:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-danger:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-danger::-webkit-slider-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-danger::-webkit-slider-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-danger::-moz-range-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-danger::-moz-range-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-danger::-ms-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-danger::-ms-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-light:focus {
  outline: none;
}

.custom-range.custom-range-light:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-range.custom-range-light:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-range.custom-range-light:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-range.custom-range-light::-webkit-slider-thumb {
  background-color: #f8f9fa;
}

.custom-range.custom-range-light::-webkit-slider-thumb:active {
  background-color: white;
}

.custom-range.custom-range-light::-moz-range-thumb {
  background-color: #f8f9fa;
}

.custom-range.custom-range-light::-moz-range-thumb:active {
  background-color: white;
}

.custom-range.custom-range-light::-ms-thumb {
  background-color: #f8f9fa;
}

.custom-range.custom-range-light::-ms-thumb:active {
  background-color: white;
}

.custom-range.custom-range-dark:focus {
  outline: none;
}

.custom-range.custom-range-dark:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-dark:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-dark:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-dark::-webkit-slider-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-dark::-webkit-slider-thumb:active {
  background-color: #88939e;
}

.custom-range.custom-range-dark::-moz-range-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-dark::-moz-range-thumb:active {
  background-color: #88939e;
}

.custom-range.custom-range-dark::-ms-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-dark::-ms-thumb:active {
  background-color: #88939e;
}

.custom-range.custom-range-lightblue:focus {
  outline: none;
}

.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-range.custom-range-lightblue:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-range.custom-range-lightblue:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-range.custom-range-lightblue::-webkit-slider-thumb {
  background-color: #3c8dbc;
}

.custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
  background-color: #c0dbeb;
}

.custom-range.custom-range-lightblue::-moz-range-thumb {
  background-color: #3c8dbc;
}

.custom-range.custom-range-lightblue::-moz-range-thumb:active {
  background-color: #c0dbeb;
}

.custom-range.custom-range-lightblue::-ms-thumb {
  background-color: #3c8dbc;
}

.custom-range.custom-range-lightblue::-ms-thumb:active {
  background-color: #c0dbeb;
}

.custom-range.custom-range-navy:focus {
  outline: none;
}

.custom-range.custom-range-navy:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-range.custom-range-navy:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-range.custom-range-navy:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-range.custom-range-navy::-webkit-slider-thumb {
  background-color: #001f3f;
}

.custom-range.custom-range-navy::-webkit-slider-thumb:active {
  background-color: #0077f2;
}

.custom-range.custom-range-navy::-moz-range-thumb {
  background-color: #001f3f;
}

.custom-range.custom-range-navy::-moz-range-thumb:active {
  background-color: #0077f2;
}

.custom-range.custom-range-navy::-ms-thumb {
  background-color: #001f3f;
}

.custom-range.custom-range-navy::-ms-thumb:active {
  background-color: #0077f2;
}

.custom-range.custom-range-olive:focus {
  outline: none;
}

.custom-range.custom-range-olive:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-range.custom-range-olive:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-range.custom-range-olive:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-range.custom-range-olive::-webkit-slider-thumb {
  background-color: #3d9970;
}

.custom-range.custom-range-olive::-webkit-slider-thumb:active {
  background-color: #abdec7;
}

.custom-range.custom-range-olive::-moz-range-thumb {
  background-color: #3d9970;
}

.custom-range.custom-range-olive::-moz-range-thumb:active {
  background-color: #abdec7;
}

.custom-range.custom-range-olive::-ms-thumb {
  background-color: #3d9970;
}

.custom-range.custom-range-olive::-ms-thumb:active {
  background-color: #abdec7;
}

.custom-range.custom-range-lime:focus {
  outline: none;
}

.custom-range.custom-range-lime:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-range.custom-range-lime:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-range.custom-range-lime:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-range.custom-range-lime::-webkit-slider-thumb {
  background-color: #01ff70;
}

.custom-range.custom-range-lime::-webkit-slider-thumb:active {
  background-color: #b4ffd4;
}

.custom-range.custom-range-lime::-moz-range-thumb {
  background-color: #01ff70;
}

.custom-range.custom-range-lime::-moz-range-thumb:active {
  background-color: #b4ffd4;
}

.custom-range.custom-range-lime::-ms-thumb {
  background-color: #01ff70;
}

.custom-range.custom-range-lime::-ms-thumb:active {
  background-color: #b4ffd4;
}

.custom-range.custom-range-fuchsia:focus {
  outline: none;
}

.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-range.custom-range-fuchsia:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-range.custom-range-fuchsia::-webkit-slider-thumb {
  background-color: #f012be;
}

.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
  background-color: #fbbaec;
}

.custom-range.custom-range-fuchsia::-moz-range-thumb {
  background-color: #f012be;
}

.custom-range.custom-range-fuchsia::-moz-range-thumb:active {
  background-color: #fbbaec;
}

.custom-range.custom-range-fuchsia::-ms-thumb {
  background-color: #f012be;
}

.custom-range.custom-range-fuchsia::-ms-thumb:active {
  background-color: #fbbaec;
}

.custom-range.custom-range-maroon:focus {
  outline: none;
}

.custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-range.custom-range-maroon:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-range.custom-range-maroon:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-range.custom-range-maroon::-webkit-slider-thumb {
  background-color: #d81b60;
}

.custom-range.custom-range-maroon::-webkit-slider-thumb:active {
  background-color: #f5b0c9;
}

.custom-range.custom-range-maroon::-moz-range-thumb {
  background-color: #d81b60;
}

.custom-range.custom-range-maroon::-moz-range-thumb:active {
  background-color: #f5b0c9;
}

.custom-range.custom-range-maroon::-ms-thumb {
  background-color: #d81b60;
}

.custom-range.custom-range-maroon::-ms-thumb:active {
  background-color: #f5b0c9;
}

.custom-range.custom-range-blue:focus {
  outline: none;
}

.custom-range.custom-range-blue:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-blue:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-blue:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-range.custom-range-blue::-webkit-slider-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-blue::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-blue::-moz-range-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-blue::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-blue::-ms-thumb {
  background-color: #007bff;
}

.custom-range.custom-range-blue::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range.custom-range-indigo:focus {
  outline: none;
}

.custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-range.custom-range-indigo:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-range.custom-range-indigo:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-range.custom-range-indigo::-webkit-slider-thumb {
  background-color: #6610f2;
}

.custom-range.custom-range-indigo::-webkit-slider-thumb:active {
  background-color: #d2b9fb;
}

.custom-range.custom-range-indigo::-moz-range-thumb {
  background-color: #6610f2;
}

.custom-range.custom-range-indigo::-moz-range-thumb:active {
  background-color: #d2b9fb;
}

.custom-range.custom-range-indigo::-ms-thumb {
  background-color: #6610f2;
}

.custom-range.custom-range-indigo::-ms-thumb:active {
  background-color: #d2b9fb;
}

.custom-range.custom-range-purple:focus {
  outline: none;
}

.custom-range.custom-range-purple:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-range.custom-range-purple:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-range.custom-range-purple:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-range.custom-range-purple::-webkit-slider-thumb {
  background-color: #6f42c1;
}

.custom-range.custom-range-purple::-webkit-slider-thumb:active {
  background-color: #d5c8ed;
}

.custom-range.custom-range-purple::-moz-range-thumb {
  background-color: #6f42c1;
}

.custom-range.custom-range-purple::-moz-range-thumb:active {
  background-color: #d5c8ed;
}

.custom-range.custom-range-purple::-ms-thumb {
  background-color: #6f42c1;
}

.custom-range.custom-range-purple::-ms-thumb:active {
  background-color: #d5c8ed;
}

.custom-range.custom-range-pink:focus {
  outline: none;
}

.custom-range.custom-range-pink:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-pink:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-pink:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-pink::-webkit-slider-thumb {
  background-color: #e83e8c;
}

.custom-range.custom-range-pink::-webkit-slider-thumb:active {
  background-color: #fbddeb;
}

.custom-range.custom-range-pink::-moz-range-thumb {
  background-color: #e83e8c;
}

.custom-range.custom-range-pink::-moz-range-thumb:active {
  background-color: #fbddeb;
}

.custom-range.custom-range-pink::-ms-thumb {
  background-color: #e83e8c;
}

.custom-range.custom-range-pink::-ms-thumb:active {
  background-color: #fbddeb;
}

.custom-range.custom-range-red:focus {
  outline: none;
}

.custom-range.custom-range-red:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-red:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-red:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-range.custom-range-red::-webkit-slider-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-red::-webkit-slider-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-red::-moz-range-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-red::-moz-range-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-red::-ms-thumb {
  background-color: #dc3545;
}

.custom-range.custom-range-red::-ms-thumb:active {
  background-color: #f6cdd1;
}

.custom-range.custom-range-orange:focus {
  outline: none;
}

.custom-range.custom-range-orange:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-range.custom-range-orange:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-range.custom-range-orange:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-range.custom-range-orange::-webkit-slider-thumb {
  background-color: #fd7e14;
}

.custom-range.custom-range-orange::-webkit-slider-thumb:active {
  background-color: #ffdfc5;
}

.custom-range.custom-range-orange::-moz-range-thumb {
  background-color: #fd7e14;
}

.custom-range.custom-range-orange::-moz-range-thumb:active {
  background-color: #ffdfc5;
}

.custom-range.custom-range-orange::-ms-thumb {
  background-color: #fd7e14;
}

.custom-range.custom-range-orange::-ms-thumb:active {
  background-color: #ffdfc5;
}

.custom-range.custom-range-yellow:focus {
  outline: none;
}

.custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-yellow:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-yellow:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-range.custom-range-yellow::-webkit-slider-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-yellow::-webkit-slider-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-yellow::-moz-range-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-yellow::-moz-range-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-yellow::-ms-thumb {
  background-color: #ffc107;
}

.custom-range.custom-range-yellow::-ms-thumb:active {
  background-color: #ffeeba;
}

.custom-range.custom-range-green:focus {
  outline: none;
}

.custom-range.custom-range-green:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-green:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-green:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-range.custom-range-green::-webkit-slider-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-green::-webkit-slider-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-green::-moz-range-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-green::-moz-range-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-green::-ms-thumb {
  background-color: #28a745;
}

.custom-range.custom-range-green::-ms-thumb:active {
  background-color: #9be7ac;
}

.custom-range.custom-range-teal:focus {
  outline: none;
}

.custom-range.custom-range-teal:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-range.custom-range-teal:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-range.custom-range-teal:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-range.custom-range-teal::-webkit-slider-thumb {
  background-color: #20c997;
}

.custom-range.custom-range-teal::-webkit-slider-thumb:active {
  background-color: #aaf1dc;
}

.custom-range.custom-range-teal::-moz-range-thumb {
  background-color: #20c997;
}

.custom-range.custom-range-teal::-moz-range-thumb:active {
  background-color: #aaf1dc;
}

.custom-range.custom-range-teal::-ms-thumb {
  background-color: #20c997;
}

.custom-range.custom-range-teal::-ms-thumb:active {
  background-color: #aaf1dc;
}

.custom-range.custom-range-cyan:focus {
  outline: none;
}

.custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-cyan:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-cyan:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-range.custom-range-cyan::-webkit-slider-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-cyan::-webkit-slider-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-cyan::-moz-range-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-cyan::-moz-range-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-cyan::-ms-thumb {
  background-color: #17a2b8;
}

.custom-range.custom-range-cyan::-ms-thumb:active {
  background-color: #90e4f1;
}

.custom-range.custom-range-white:focus {
  outline: none;
}

.custom-range.custom-range-white:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-range.custom-range-white:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-range.custom-range-white:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-range.custom-range-white::-webkit-slider-thumb {
  background-color: #fff;
}

.custom-range.custom-range-white::-webkit-slider-thumb:active {
  background-color: white;
}

.custom-range.custom-range-white::-moz-range-thumb {
  background-color: #fff;
}

.custom-range.custom-range-white::-moz-range-thumb:active {
  background-color: white;
}

.custom-range.custom-range-white::-ms-thumb {
  background-color: #fff;
}

.custom-range.custom-range-white::-ms-thumb:active {
  background-color: white;
}

.custom-range.custom-range-gray:focus {
  outline: none;
}

.custom-range.custom-range-gray:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-gray:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-gray:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-range.custom-range-gray::-webkit-slider-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-gray::-webkit-slider-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-gray::-moz-range-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-gray::-moz-range-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-gray::-ms-thumb {
  background-color: #6c757d;
}

.custom-range.custom-range-gray::-ms-thumb:active {
  background-color: #caced1;
}

.custom-range.custom-range-gray-dark:focus {
  outline: none;
}

.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-gray-dark:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-range.custom-range-gray-dark::-webkit-slider-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
  background-color: #88939e;
}

.custom-range.custom-range-gray-dark::-moz-range-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-gray-dark::-moz-range-thumb:active {
  background-color: #88939e;
}

.custom-range.custom-range-gray-dark::-ms-thumb {
  background-color: #343a40;
}

.custom-range.custom-range-gray-dark::-ms-thumb:active {
  background-color: #88939e;
}

.custom-control-input-primary:checked~.custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23007bff' 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") !important;
}

.custom-control-input-primary.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-primary:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input-primary:focus:not(:checked)~.custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input-primary:not(:disabled):active~.custom-control-label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input-secondary:checked~.custom-control-label::before {
  border-color: #6c757d;
  background-color: #6c757d;
}

.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236c757d' 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") !important;
}

.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.custom-control-input-secondary:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.custom-control-input-secondary:focus:not(:checked)~.custom-control-label::before {
  border-color: #afb5ba;
}

.custom-control-input-secondary:not(:disabled):active~.custom-control-label::before {
  background-color: #caced1;
  border-color: #caced1;
}

.custom-control-input-success:checked~.custom-control-label::before {
  border-color: #28a745;
  background-color: #28a745;
}

.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2328a745' 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") !important;
}

.custom-control-input-success.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
}

.custom-control-input-success:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input-success:focus:not(:checked)~.custom-control-label::before {
  border-color: #71dd8a;
}

.custom-control-input-success:not(:disabled):active~.custom-control-label::before {
  background-color: #9be7ac;
  border-color: #9be7ac;
}

.custom-control-input-info:checked~.custom-control-label::before {
  border-color: #17a2b8;
  background-color: #17a2b8;
}

.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2317a2b8' 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") !important;
}

.custom-control-input-info.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
}

.custom-control-input-info:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input-info:focus:not(:checked)~.custom-control-label::before {
  border-color: #63d9ec;
}

.custom-control-input-info:not(:disabled):active~.custom-control-label::before {
  background-color: #90e4f1;
  border-color: #90e4f1;
}

.custom-control-input-warning:checked~.custom-control-label::before {
  border-color: #ffc107;
  background-color: #ffc107;
}

.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23ffc107' 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") !important;
}

.custom-control-input-warning.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
}

.custom-control-input-warning:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.custom-control-input-warning:focus:not(:checked)~.custom-control-label::before {
  border-color: #ffe187;
}

.custom-control-input-warning:not(:disabled):active~.custom-control-label::before {
  background-color: #ffeeba;
  border-color: #ffeeba;
}

.custom-control-input-danger:checked~.custom-control-label::before {
  border-color: #dc3545;
  background-color: #dc3545;
}

.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23dc3545' 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") !important;
}

.custom-control-input-danger.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
}

.custom-control-input-danger:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input-danger:focus:not(:checked)~.custom-control-label::before {
  border-color: #efa2a9;
}

.custom-control-input-danger:not(:disabled):active~.custom-control-label::before {
  background-color: #f6cdd1;
  border-color: #f6cdd1;
}

.custom-control-input-light:checked~.custom-control-label::before {
  border-color: #f8f9fa;
  background-color: #f8f9fa;
}

.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f8f9fa' 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") !important;
}

.custom-control-input-light.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
}

.custom-control-input-light:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
}

.custom-control-input-light:focus:not(:checked)~.custom-control-label::before {
  border-color: white;
}

.custom-control-input-light:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.custom-control-input-dark:checked~.custom-control-label::before {
  border-color: #343a40;
  background-color: #343a40;
}

.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23343a40' 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") !important;
}

.custom-control-input-dark.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.custom-control-input-dark:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.custom-control-input-dark:focus:not(:checked)~.custom-control-label::before {
  border-color: #6d7a86;
}

.custom-control-input-dark:not(:disabled):active~.custom-control-label::before {
  background-color: #88939e;
  border-color: #88939e;
}

.custom-control-input-lightblue:checked~.custom-control-label::before {
  border-color: #3c8dbc;
  background-color: #3c8dbc;
}

.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233c8dbc' 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") !important;
}

.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lightblue:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25);
}

.custom-control-input-lightblue:focus:not(:checked)~.custom-control-label::before {
  border-color: #99c5de;
}

.custom-control-input-lightblue:not(:disabled):active~.custom-control-label::before {
  background-color: #c0dbeb;
  border-color: #c0dbeb;
}

.custom-control-input-navy:checked~.custom-control-label::before {
  border-color: #001f3f;
  background-color: #001f3f;
}

.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23001f3f' 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") !important;
}

.custom-control-input-navy.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important;
}

.custom-control-input-navy:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25);
}

.custom-control-input-navy:focus:not(:checked)~.custom-control-label::before {
  border-color: #005ebf;
}

.custom-control-input-navy:not(:disabled):active~.custom-control-label::before {
  background-color: #0077f2;
  border-color: #0077f2;
}

.custom-control-input-olive:checked~.custom-control-label::before {
  border-color: #3d9970;
  background-color: #3d9970;
}

.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233d9970' 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") !important;
}

.custom-control-input-olive.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important;
}

.custom-control-input-olive:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25);
}

.custom-control-input-olive:focus:not(:checked)~.custom-control-label::before {
  border-color: #87cfaf;
}

.custom-control-input-olive:not(:disabled):active~.custom-control-label::before {
  background-color: #abdec7;
  border-color: #abdec7;
}

.custom-control-input-lime:checked~.custom-control-label::before {
  border-color: #01ff70;
  background-color: #01ff70;
}

.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2301ff70' 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") !important;
}

.custom-control-input-lime.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lime:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25);
}

.custom-control-input-lime:focus:not(:checked)~.custom-control-label::before {
  border-color: #81ffb8;
}

.custom-control-input-lime:not(:disabled):active~.custom-control-label::before {
  background-color: #b4ffd4;
  border-color: #b4ffd4;
}

.custom-control-input-fuchsia:checked~.custom-control-label::before {
  border-color: #f012be;
  background-color: #f012be;
}

.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f012be' 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") !important;
}

.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important;
}

.custom-control-input-fuchsia:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25);
}

.custom-control-input-fuchsia:focus:not(:checked)~.custom-control-label::before {
  border-color: #f88adf;
}

.custom-control-input-fuchsia:not(:disabled):active~.custom-control-label::before {
  background-color: #fbbaec;
  border-color: #fbbaec;
}

.custom-control-input-maroon:checked~.custom-control-label::before {
  border-color: #d81b60;
  background-color: #d81b60;
}

.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23d81b60' 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") !important;
}

.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important;
}

.custom-control-input-maroon:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25);
}

.custom-control-input-maroon:focus:not(:checked)~.custom-control-label::before {
  border-color: #f083ab;
}

.custom-control-input-maroon:not(:disabled):active~.custom-control-label::before {
  background-color: #f5b0c9;
  border-color: #f5b0c9;
}

.custom-control-input-blue:checked~.custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23007bff' 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") !important;
}

.custom-control-input-blue.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-blue:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input-blue:focus:not(:checked)~.custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input-blue:not(:disabled):active~.custom-control-label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input-indigo:checked~.custom-control-label::before {
  border-color: #6610f2;
  background-color: #6610f2;
}

.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236610f2' 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") !important;
}

.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
}

.custom-control-input-indigo:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
}

.custom-control-input-indigo:focus:not(:checked)~.custom-control-label::before {
  border-color: #b389f9;
}

.custom-control-input-indigo:not(:disabled):active~.custom-control-label::before {
  background-color: #d2b9fb;
  border-color: #d2b9fb;
}

.custom-control-input-purple:checked~.custom-control-label::before {
  border-color: #6f42c1;
  background-color: #6f42c1;
}

.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236f42c1' 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") !important;
}

.custom-control-input-purple.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
}

.custom-control-input-purple:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.custom-control-input-purple:focus:not(:checked)~.custom-control-label::before {
  border-color: #b8a2e0;
}

.custom-control-input-purple:not(:disabled):active~.custom-control-label::before {
  background-color: #d5c8ed;
  border-color: #d5c8ed;
}

.custom-control-input-pink:checked~.custom-control-label::before {
  border-color: #e83e8c;
  background-color: #e83e8c;
}

.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23e83e8c' 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") !important;
}

.custom-control-input-pink.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
}

.custom-control-input-pink:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
}

.custom-control-input-pink:focus:not(:checked)~.custom-control-label::before {
  border-color: #f6b0d0;
}

.custom-control-input-pink:not(:disabled):active~.custom-control-label::before {
  background-color: #fbddeb;
  border-color: #fbddeb;
}

.custom-control-input-red:checked~.custom-control-label::before {
  border-color: #dc3545;
  background-color: #dc3545;
}

.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23dc3545' 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") !important;
}

.custom-control-input-red.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
}

.custom-control-input-red:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input-red:focus:not(:checked)~.custom-control-label::before {
  border-color: #efa2a9;
}

.custom-control-input-red:not(:disabled):active~.custom-control-label::before {
  background-color: #f6cdd1;
  border-color: #f6cdd1;
}

.custom-control-input-orange:checked~.custom-control-label::before {
  border-color: #fd7e14;
  background-color: #fd7e14;
}

.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23fd7e14' 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") !important;
}

.custom-control-input-orange.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
}

.custom-control-input-orange:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
}

.custom-control-input-orange:focus:not(:checked)~.custom-control-label::before {
  border-color: #fec392;
}

.custom-control-input-orange:not(:disabled):active~.custom-control-label::before {
  background-color: #ffdfc5;
  border-color: #ffdfc5;
}

.custom-control-input-yellow:checked~.custom-control-label::before {
  border-color: #ffc107;
  background-color: #ffc107;
}

.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23ffc107' 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") !important;
}

.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
}

.custom-control-input-yellow:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.custom-control-input-yellow:focus:not(:checked)~.custom-control-label::before {
  border-color: #ffe187;
}

.custom-control-input-yellow:not(:disabled):active~.custom-control-label::before {
  background-color: #ffeeba;
  border-color: #ffeeba;
}

.custom-control-input-green:checked~.custom-control-label::before {
  border-color: #28a745;
  background-color: #28a745;
}

.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2328a745' 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") !important;
}

.custom-control-input-green.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
}

.custom-control-input-green:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input-green:focus:not(:checked)~.custom-control-label::before {
  border-color: #71dd8a;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #9be7ac;
  border-color: #9be7ac;
}

.custom-control-input-teal:checked~.custom-control-label::before {
  border-color: #20c997;
  background-color: #20c997;
}

.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2320c997' 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") !important;
}

.custom-control-input-teal.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
}

.custom-control-input-teal:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
}

.custom-control-input-teal:focus:not(:checked)~.custom-control-label::before {
  border-color: #7eeaca;
}

.custom-control-input-teal:not(:disabled):active~.custom-control-label::before {
  background-color: #aaf1dc;
  border-color: #aaf1dc;
}

.custom-control-input-cyan:checked~.custom-control-label::before {
  border-color: #17a2b8;
  background-color: #17a2b8;
}

.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2317a2b8' 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") !important;
}

.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
}

.custom-control-input-cyan:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input-cyan:focus:not(:checked)~.custom-control-label::before {
  border-color: #63d9ec;
}

.custom-control-input-cyan:not(:disabled):active~.custom-control-label::before {
  background-color: #90e4f1;
  border-color: #90e4f1;
}

.custom-control-input-white:checked~.custom-control-label::before {
  border-color: #fff;
  background-color: #fff;
}

.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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") !important;
}

.custom-control-input-white.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-white:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.custom-control-input-white:focus:not(:checked)~.custom-control-label::before {
  border-color: white;
}

.custom-control-input-white:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.custom-control-input-gray:checked~.custom-control-label::before {
  border-color: #6c757d;
  background-color: #6c757d;
}

.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236c757d' 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") !important;
}

.custom-control-input-gray.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.custom-control-input-gray:focus:not(:checked)~.custom-control-label::before {
  border-color: #afb5ba;
}

.custom-control-input-gray:not(:disabled):active~.custom-control-label::before {
  background-color: #caced1;
  border-color: #caced1;
}

.custom-control-input-gray-dark:checked~.custom-control-label::before {
  border-color: #343a40;
  background-color: #343a40;
}

.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23343a40' 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") !important;
}

.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray-dark:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.custom-control-input-gray-dark:focus:not(:checked)~.custom-control-label::before {
  border-color: #6d7a86;
}

.custom-control-input-gray-dark:not(:disabled):active~.custom-control-label::before {
  background-color: #88939e;
  border-color: #88939e;
}

.custom-control-input-outline~.custom-control-label::before {
  background-color: transparent !important;
  box-shadow: none;
}

.custom-control-input-outline:checked~.custom-control-label::before {
  background-color: transparent;
}

.navbar-dark .btn-navbar,
.navbar-dark .form-control-navbar {
  background-color: #3f474e;
  border: 1px solid #56606a;
  color: white;
}

.navbar-dark .btn-navbar:hover {
  background-color: #454d55;
}

.navbar-dark .btn-navbar:focus {
  background-color: #4b545c;
}

.navbar-dark .form-control-navbar+.input-group-prepend>.btn-navbar,
.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #3f474e;
  color: #fff;
  border: 1px solid #56606a;
  border-left: none;
}

.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
.dark-mode .custom-select,
.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after,
.dark-mode .custom-control-label::before,
.dark-mode .input-group-text {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after {
  border-color: #6c757d;
}

.dark-mode select {
  background-color: #343a40;
  color: #fff;
  border-color: #6c757d;
}

.dark-mode .input-group-text {
  border-color: #6c757d;
}

.dark-mode .custom-control-input:disabled~.custom-control-label::before,
.dark-mode .custom-control-input[disabled]~.custom-control-label::before {
  background-color: #3f474e;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .custom-range::-webkit-slider-runnable-track {
  background-color: #454d55;
}

.dark-mode .custom-range::-moz-range-track {
  background-color: #454d55;
}

.dark-mode .custom-range::-ms-track {
  background-color: #454d55;
}

.dark-mode .custom-range.custom-range-primary:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-primary::-ms-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-ms-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-secondary:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-secondary::-ms-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-success:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-success::-moz-range-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-success::-ms-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-ms-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-info:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-info::-moz-range-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-info::-ms-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-ms-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-warning:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-warning::-ms-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-ms-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-danger:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-danger::-ms-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-ms-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-light:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
  background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-light::-moz-range-thumb {
  background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-light::-ms-thumb {
  background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-dark:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-range.custom-range-dark::-ms-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-ms-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-range.custom-range-lightblue:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
  background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
  background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-lightblue::-ms-thumb {
  background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-navy:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
  background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active {
  background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
  background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
  background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-navy::-ms-thumb {
  background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-ms-thumb:active {
  background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-olive:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
  background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active {
  background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
  background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
  background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-olive::-ms-thumb {
  background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-ms-thumb:active {
  background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-lime:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
  background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
  background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-lime::-ms-thumb {
  background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
  background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
  background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb {
  background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-maroon:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
  background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
  background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-maroon::-ms-thumb {
  background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-blue:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-blue::-ms-thumb {
  background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-ms-thumb:active {
  background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-indigo:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
  background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
  background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
  background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
  background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-indigo::-ms-thumb {
  background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active {
  background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-purple:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
  background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active {
  background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
  background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
  background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-purple::-ms-thumb {
  background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-ms-thumb:active {
  background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-pink:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
  background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active {
  background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
  background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
  background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-pink::-ms-thumb {
  background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-ms-thumb:active {
  background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-red:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-red::-moz-range-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-red::-ms-thumb {
  background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-ms-thumb:active {
  background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-orange:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
  background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active {
  background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
  background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
  background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-orange::-ms-thumb {
  background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-ms-thumb:active {
  background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-yellow:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-yellow::-ms-thumb {
  background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active {
  background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-green:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-green::-moz-range-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-green::-ms-thumb {
  background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-ms-thumb:active {
  background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-teal:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
  background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active {
  background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
  background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
  background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-teal::-ms-thumb {
  background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-ms-thumb:active {
  background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-cyan:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-cyan::-ms-thumb {
  background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active {
  background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-white:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
  background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-white::-moz-range-thumb {
  background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-white::-ms-thumb {
  background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-ms-thumb:active {
  background-color: white;
}

.dark-mode .custom-range.custom-range-gray:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray::-ms-thumb {
  background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-ms-thumb:active {
  background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray-dark:focus {
  outline: none;
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb {
  background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active {
  background-color: #88939e;
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::after {
  background-color: #182838;
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::after {
  background-color: #97b4d2;
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::after {
  background-color: #313539;
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::after {
  background-color: #bcc1c6;
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::after {
  background-color: #003d2d;
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
  background-color: #56ffd4;
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::after {
  background-color: #16527a;
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::after {
  background-color: #b6daf2;
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::after {
  background-color: #7f5006;
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::after {
  background-color: #fad9a4;
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
  background-color: #921e12;
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::after {
  background-color: #f8c9c4;
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::after {
  background-color: #aeb9c5;
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::after {
  background-color: #7a8793;
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::before {
  background-color: #86bad8;
  border-color: #3c8dbc;
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::after {
  background-color: #367fa9;
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::before {
  background-color: #86bad8;
  border-color: #3c8dbc;
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::after {
  background-color: #fafcfd;
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::before {
  background-color: #002c59;
  border-color: black;
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::before {
  background-color: #002c59;
  border-color: black;
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::after {
  background-color: #0077f2;
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::before {
  background-color: #74c8a3;
  border-color: #3d9970;
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::after {
  background-color: #368763;
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::before {
  background-color: #74c8a3;
  border-color: #3d9970;
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::after {
  background-color: #e2f3eb;
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::before {
  background-color: #67ffa9;
  border-color: #01ff70;
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::after {
  background-color: #00e765;
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::before {
  background-color: #67ffa9;
  border-color: #01ff70;
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::before {
  background-color: #f672d8;
  border-color: #f012be;
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::after {
  background-color: #db0ead;
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::before {
  background-color: #f672d8;
  border-color: #f012be;
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::before {
  background-color: #ed6c9b;
  border-color: #d81b60;
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::after {
  background-color: #c11856;
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::before {
  background-color: #ed6c9b;
  border-color: #d81b60;
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::after {
  background-color: #fef4f8;
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::after {
  background-color: #182838;
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::after {
  background-color: #97b4d2;
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::after {
  background-color: #33077c;
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::after {
  background-color: #c3a1fa;
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::after {
  background-color: #382063;
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::after {
  background-color: #c7b5e7;
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::after {
  background-color: #95124e;
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::after {
  background-color: #f8c7dd;
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::after {
  background-color: #921e12;
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::after {
  background-color: #f8c9c4;
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::after {
  background-color: #904201;
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::after {
  background-color: #fed1ac;
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::after {
  background-color: #7f5006;
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::after {
  background-color: #fad9a4;
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::after {
  background-color: #003d2d;
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::after {
  background-color: #56ffd4;
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::after {
  background-color: #0e5b44;
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::after {
  background-color: #94eed3;
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::after {
  background-color: #16527a;
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::after {
  background-color: #b6daf2;
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::after {
  background-color: #bfbfbf;
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::after {
  background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::after {
  background-color: #313539;
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::after {
  background-color: #bcc1c6;
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::after {
  background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::after {
  background-color: #7a8793;
}

.dark-mode .custom-control-input-primary:checked~.custom-control-label::before {
  border-color: #3f6791;
  background-color: #3f6791;
}

.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233f6791' 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") !important;
}

.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-primary:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-control-input-primary:focus:not(:checked)~.custom-control-label::before {
  border-color: #85a7ca;
}

.dark-mode .custom-control-input-primary:not(:disabled):active~.custom-control-label::before {
  background-color: #a9c1da;
  border-color: #a9c1da;
}

.dark-mode .custom-control-input-secondary:checked~.custom-control-label::before {
  border-color: #6c757d;
  background-color: #6c757d;
}

.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236c757d' 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") !important;
}

.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-secondary:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-control-input-secondary:focus:not(:checked)~.custom-control-label::before {
  border-color: #afb5ba;
}

.dark-mode .custom-control-input-secondary:not(:disabled):active~.custom-control-label::before {
  background-color: #caced1;
  border-color: #caced1;
}

.dark-mode .custom-control-input-success:checked~.custom-control-label::before {
  border-color: #00bc8c;
  background-color: #00bc8c;
}

.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2300bc8c' 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") !important;
}

.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-success:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-control-input-success:focus:not(:checked)~.custom-control-label::before {
  border-color: #3dffcd;
}

.dark-mode .custom-control-input-success:not(:disabled):active~.custom-control-label::before {
  background-color: #70ffda;
  border-color: #70ffda;
}

.dark-mode .custom-control-input-info:checked~.custom-control-label::before {
  border-color: #3498db;
  background-color: #3498db;
}

.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233498db' 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") !important;
}

.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-info:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-control-input-info:focus:not(:checked)~.custom-control-label::before {
  border-color: #a0cfee;
}

.dark-mode .custom-control-input-info:not(:disabled):active~.custom-control-label::before {
  background-color: #cce5f6;
  border-color: #cce5f6;
}

.dark-mode .custom-control-input-warning:checked~.custom-control-label::before {
  border-color: #f39c12;
  background-color: #f39c12;
}

.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f39c12' 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") !important;
}

.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-warning:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-control-input-warning:focus:not(:checked)~.custom-control-label::before {
  border-color: #f9cf8b;
}

.dark-mode .custom-control-input-warning:not(:disabled):active~.custom-control-label::before {
  background-color: #fce3bc;
  border-color: #fce3bc;
}

.dark-mode .custom-control-input-danger:checked~.custom-control-label::before {
  border-color: #e74c3c;
  background-color: #e74c3c;
}

.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23e74c3c' 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") !important;
}

.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-danger:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-control-input-danger:focus:not(:checked)~.custom-control-label::before {
  border-color: #f5b4ae;
}

.dark-mode .custom-control-input-danger:not(:disabled):active~.custom-control-label::before {
  background-color: #fbdedb;
  border-color: #fbdedb;
}

.dark-mode .custom-control-input-light:checked~.custom-control-label::before {
  border-color: #f8f9fa;
  background-color: #f8f9fa;
}

.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f8f9fa' 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") !important;
}

.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-light:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-control-input-light:focus:not(:checked)~.custom-control-label::before {
  border-color: white;
}

.dark-mode .custom-control-input-light:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-dark:checked~.custom-control-label::before {
  border-color: #343a40;
  background-color: #343a40;
}

.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23343a40' 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") !important;
}

.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-dark:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-control-input-dark:focus:not(:checked)~.custom-control-label::before {
  border-color: #6d7a86;
}

.dark-mode .custom-control-input-dark:not(:disabled):active~.custom-control-label::before {
  background-color: #88939e;
  border-color: #88939e;
}

.dark-mode .custom-control-input-lightblue:checked~.custom-control-label::before {
  border-color: #86bad8;
  background-color: #86bad8;
}

.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2386bad8' 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") !important;
}

.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lightblue:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-control-input-lightblue:focus:not(:checked)~.custom-control-label::before {
  border-color: #e6f1f7;
}

.dark-mode .custom-control-input-lightblue:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-navy:checked~.custom-control-label::before {
  border-color: #002c59;
  background-color: #002c59;
}

.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23002c59' 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") !important;
}

.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-navy:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-control-input-navy:focus:not(:checked)~.custom-control-label::before {
  border-color: #006ad8;
}

.dark-mode .custom-control-input-navy:not(:disabled):active~.custom-control-label::before {
  background-color: #0c84ff;
  border-color: #0c84ff;
}

.dark-mode .custom-control-input-olive:checked~.custom-control-label::before {
  border-color: #74c8a3;
  background-color: #74c8a3;
}

.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2374c8a3' 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") !important;
}

.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-olive:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-control-input-olive:focus:not(:checked)~.custom-control-label::before {
  border-color: #cfecdf;
}

.dark-mode .custom-control-input-olive:not(:disabled):active~.custom-control-label::before {
  background-color: #f4fbf8;
  border-color: #f4fbf8;
}

.dark-mode .custom-control-input-lime:checked~.custom-control-label::before {
  border-color: #67ffa9;
  background-color: #67ffa9;
}

.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2367ffa9' 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") !important;
}

.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lime:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-control-input-lime:focus:not(:checked)~.custom-control-label::before {
  border-color: #e7fff1;
}

.dark-mode .custom-control-input-lime:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-fuchsia:checked~.custom-control-label::before {
  border-color: #f672d8;
  background-color: #f672d8;
}

.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f672d8' 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") !important;
}

.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-fuchsia:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-control-input-fuchsia:focus:not(:checked)~.custom-control-label::before {
  border-color: #feeaf9;
}

.dark-mode .custom-control-input-fuchsia:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-maroon:checked~.custom-control-label::before {
  border-color: #ed6c9b;
  background-color: #ed6c9b;
}

.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23ed6c9b' 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") !important;
}

.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-maroon:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-control-input-maroon:focus:not(:checked)~.custom-control-label::before {
  border-color: #fbdee8;
}

.dark-mode .custom-control-input-maroon:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-blue:checked~.custom-control-label::before {
  border-color: #3f6791;
  background-color: #3f6791;
}

.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233f6791' 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") !important;
}

.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-blue:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-control-input-blue:focus:not(:checked)~.custom-control-label::before {
  border-color: #85a7ca;
}

.dark-mode .custom-control-input-blue:not(:disabled):active~.custom-control-label::before {
  background-color: #a9c1da;
  border-color: #a9c1da;
}

.dark-mode .custom-control-input-indigo:checked~.custom-control-label::before {
  border-color: #6610f2;
  background-color: #6610f2;
}

.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236610f2' 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") !important;
}

.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-indigo:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-control-input-indigo:focus:not(:checked)~.custom-control-label::before {
  border-color: #b389f9;
}

.dark-mode .custom-control-input-indigo:not(:disabled):active~.custom-control-label::before {
  background-color: #d2b9fb;
  border-color: #d2b9fb;
}

.dark-mode .custom-control-input-purple:checked~.custom-control-label::before {
  border-color: #6f42c1;
  background-color: #6f42c1;
}

.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236f42c1' 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") !important;
}

.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-purple:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-control-input-purple:focus:not(:checked)~.custom-control-label::before {
  border-color: #b8a2e0;
}

.dark-mode .custom-control-input-purple:not(:disabled):active~.custom-control-label::before {
  background-color: #d5c8ed;
  border-color: #d5c8ed;
}

.dark-mode .custom-control-input-pink:checked~.custom-control-label::before {
  border-color: #e83e8c;
  background-color: #e83e8c;
}

.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23e83e8c' 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") !important;
}

.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-pink:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-control-input-pink:focus:not(:checked)~.custom-control-label::before {
  border-color: #f6b0d0;
}

.dark-mode .custom-control-input-pink:not(:disabled):active~.custom-control-label::before {
  background-color: #fbddeb;
  border-color: #fbddeb;
}

.dark-mode .custom-control-input-red:checked~.custom-control-label::before {
  border-color: #e74c3c;
  background-color: #e74c3c;
}

.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23e74c3c' 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") !important;
}

.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-red:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-control-input-red:focus:not(:checked)~.custom-control-label::before {
  border-color: #f5b4ae;
}

.dark-mode .custom-control-input-red:not(:disabled):active~.custom-control-label::before {
  background-color: #fbdedb;
  border-color: #fbdedb;
}

.dark-mode .custom-control-input-orange:checked~.custom-control-label::before {
  border-color: #fd7e14;
  background-color: #fd7e14;
}

.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23fd7e14' 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") !important;
}

.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-orange:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-control-input-orange:focus:not(:checked)~.custom-control-label::before {
  border-color: #fec392;
}

.dark-mode .custom-control-input-orange:not(:disabled):active~.custom-control-label::before {
  background-color: #ffdfc5;
  border-color: #ffdfc5;
}

.dark-mode .custom-control-input-yellow:checked~.custom-control-label::before {
  border-color: #f39c12;
  background-color: #f39c12;
}

.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23f39c12' 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") !important;
}

.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-yellow:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-control-input-yellow:focus:not(:checked)~.custom-control-label::before {
  border-color: #f9cf8b;
}

.dark-mode .custom-control-input-yellow:not(:disabled):active~.custom-control-label::before {
  background-color: #fce3bc;
  border-color: #fce3bc;
}

.dark-mode .custom-control-input-green:checked~.custom-control-label::before {
  border-color: #00bc8c;
  background-color: #00bc8c;
}

.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2300bc8c' 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") !important;
}

.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-green:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-control-input-green:focus:not(:checked)~.custom-control-label::before {
  border-color: #3dffcd;
}

.dark-mode .custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #70ffda;
  border-color: #70ffda;
}

.dark-mode .custom-control-input-teal:checked~.custom-control-label::before {
  border-color: #20c997;
  background-color: #20c997;
}

.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%2320c997' 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") !important;
}

.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-teal:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-control-input-teal:focus:not(:checked)~.custom-control-label::before {
  border-color: #7eeaca;
}

.dark-mode .custom-control-input-teal:not(:disabled):active~.custom-control-label::before {
  background-color: #aaf1dc;
  border-color: #aaf1dc;
}

.dark-mode .custom-control-input-cyan:checked~.custom-control-label::before {
  border-color: #3498db;
  background-color: #3498db;
}

.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%233498db' 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") !important;
}

.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-cyan:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-control-input-cyan:focus:not(:checked)~.custom-control-label::before {
  border-color: #a0cfee;
}

.dark-mode .custom-control-input-cyan:not(:disabled):active~.custom-control-label::before {
  background-color: #cce5f6;
  border-color: #cce5f6;
}

.dark-mode .custom-control-input-white:checked~.custom-control-label::before {
  border-color: #fff;
  background-color: #fff;
}

.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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") !important;
}

.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-white:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-control-input-white:focus:not(:checked)~.custom-control-label::before {
  border-color: white;
}

.dark-mode .custom-control-input-white:not(:disabled):active~.custom-control-label::before {
  background-color: white;
  border-color: white;
}

.dark-mode .custom-control-input-gray:checked~.custom-control-label::before {
  border-color: #6c757d;
  background-color: #6c757d;
}

.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%236c757d' 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") !important;
}

.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-control-input-gray:focus:not(:checked)~.custom-control-label::before {
  border-color: #afb5ba;
}

.dark-mode .custom-control-input-gray:not(:disabled):active~.custom-control-label::before {
  background-color: #caced1;
  border-color: #caced1;
}

.dark-mode .custom-control-input-gray-dark:checked~.custom-control-label::before {
  border-color: #343a40;
  background-color: #343a40;
}

.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"]~.custom-control-label::after {
  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='%23343a40' 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") !important;
}

.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"]~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray-dark:focus~.custom-control-label::before {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-control-input-gray-dark:focus:not(:checked)~.custom-control-label::before {
  border-color: #6d7a86;
}

.dark-mode .custom-control-input-gray-dark:not(:disabled):active~.custom-control-label::before {
  background-color: #88939e;
  border-color: #88939e;
}

.progress {
  box-shadow: none;
  border-radius: 1px;
}

.progress.vertical {
  display: inline-block;
  height: 200px;
  margin-right: 10px;
  position: relative;
  width: 30px;
}

.progress.vertical>.progress-bar {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.progress.vertical.sm,
.progress.vertical.progress-sm {
  width: 20px;
}

.progress.vertical.xs,
.progress.vertical.progress-xs {
  width: 10px;
}

.progress.vertical.xxs,
.progress.vertical.progress-xxs {
  width: 3px;
}

.progress-group {
  margin-bottom: 0.5rem;
}

.progress-sm {
  height: 10px;
}

.progress-xs {
  height: 7px;
}

.progress-xxs {
  height: 3px;
}

.table tr>td .progress {
  margin: 0;
}

.dark-mode .progress {
  background: #454d55;
}

.card-primary:not(.card-outline)>.card-header {
  background-color: #007bff;
}

.card-primary:not(.card-outline)>.card-header,
.card-primary:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-primary:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-primary.card-outline {
  border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #007bff;
}

.bg-primary>.card-header .btn-tool,
.bg-gradient-primary>.card-header .btn-tool,
.card-primary:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-primary>.card-header .btn-tool:hover,
.bg-gradient-primary>.card-header .btn-tool:hover,
.card-primary:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #0067d6;
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3395ff;
  color: #fff;
}

.card-secondary:not(.card-outline)>.card-header {
  background-color: #6c757d;
}

.card-secondary:not(.card-outline)>.card-header,
.card-secondary:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-secondary:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-secondary.card-outline {
  border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-secondary.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6c757d;
}

.bg-secondary>.card-header .btn-tool,
.bg-gradient-secondary>.card-header .btn-tool,
.card-secondary:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-secondary>.card-header .btn-tool:hover,
.bg-gradient-secondary>.card-header .btn-tool:hover,
.card-secondary:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.card-success:not(.card-outline)>.card-header {
  background-color: #28a745;
}

.card-success:not(.card-outline)>.card-header,
.card-success:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-success:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-success.card-outline {
  border-top: 3px solid #28a745;
}

.card-success.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-success.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #28a745;
}

.bg-success>.card-header .btn-tool,
.bg-gradient-success>.card-header .btn-tool,
.card-success:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-success>.card-header .btn-tool:hover,
.bg-gradient-success>.card-header .btn-tool:hover,
.card-success:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #208637;
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ce57;
  color: #fff;
}

.card-info:not(.card-outline)>.card-header {
  background-color: #17a2b8;
}

.card-info:not(.card-outline)>.card-header,
.card-info:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-info:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-info.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-info.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-info.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #17a2b8;
}

.bg-info>.card-header .btn-tool,
.bg-gradient-info>.card-header .btn-tool,
.card-info:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-info>.card-header .btn-tool:hover,
.bg-gradient-info>.card-header .btn-tool:hover,
.card-info:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #128294;
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #1fc8e3;
  color: #fff;
}

.card-warning:not(.card-outline)>.card-header {
  background-color: #ffc107;
}

.card-warning:not(.card-outline)>.card-header,
.card-warning:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-warning:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-warning.card-outline {
  border-top: 3px solid #ffc107;
}

.card-warning.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-warning.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #ffc107;
}

.bg-warning>.card-header .btn-tool,
.bg-gradient-warning>.card-header .btn-tool,
.card-warning:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-warning>.card-header .btn-tool:hover,
.bg-gradient-warning>.card-header .btn-tool:hover,
.card-warning:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #dda600;
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ffce3a;
  color: #1f2d3d;
}

.card-danger:not(.card-outline)>.card-header {
  background-color: #dc3545;
}

.card-danger:not(.card-outline)>.card-header,
.card-danger:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-danger:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-danger.card-outline {
  border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-danger.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #dc3545;
}

.bg-danger>.card-header .btn-tool,
.bg-gradient-danger>.card-header .btn-tool,
.card-danger:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-danger>.card-header .btn-tool:hover,
.bg-gradient-danger>.card-header .btn-tool:hover,
.card-danger:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #c62232;
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e4606d;
  color: #fff;
}

.card-light:not(.card-outline)>.card-header {
  background-color: #f8f9fa;
}

.card-light:not(.card-outline)>.card-header,
.card-light:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-light:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-light.card-outline {
  border-top: 3px solid #f8f9fa;
}

.card-light.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-light.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f8f9fa;
}

.bg-light>.card-header .btn-tool,
.bg-gradient-light>.card-header .btn-tool,
.card-light:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-light>.card-header .btn-tool:hover,
.bg-gradient-light>.card-header .btn-tool:hover,
.card-light:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e0e5e9;
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.card-dark:not(.card-outline)>.card-header {
  background-color: #343a40;
}

.card-dark:not(.card-outline)>.card-header,
.card-dark:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-dark:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-dark.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-dark.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #343a40;
}

.bg-dark>.card-header .btn-tool,
.bg-gradient-dark>.card-header .btn-tool,
.card-dark:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-dark>.card-header .btn-tool:hover,
.bg-gradient-dark>.card-header .btn-tool:hover,
.card-dark:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.card-lightblue:not(.card-outline)>.card-header {
  background-color: #3c8dbc;
}

.card-lightblue:not(.card-outline)>.card-header,
.card-lightblue:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-lightblue:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-lightblue.card-outline {
  border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-lightblue.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3c8dbc;
}

.bg-lightblue>.card-header .btn-tool,
.bg-gradient-lightblue>.card-header .btn-tool,
.card-lightblue:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-lightblue>.card-header .btn-tool:hover,
.bg-gradient-lightblue>.card-header .btn-tool:hover,
.card-lightblue:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #32769d;
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5fa4cc;
  color: #fff;
}

.card-navy:not(.card-outline)>.card-header {
  background-color: #001f3f;
}

.card-navy:not(.card-outline)>.card-header,
.card-navy:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-navy:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-navy.card-outline {
  border-top: 3px solid #001f3f;
}

.card-navy.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-navy.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #001f3f;
}

.bg-navy>.card-header .btn-tool,
.bg-gradient-navy>.card-header .btn-tool,
.card-navy:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-navy>.card-header .btn-tool:hover,
.bg-gradient-navy>.card-header .btn-tool:hover,
.card-navy:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #000b16;
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #003872;
  color: #fff;
}

.card-olive:not(.card-outline)>.card-header {
  background-color: #3d9970;
}

.card-olive:not(.card-outline)>.card-header,
.card-olive:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-olive:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-olive.card-outline {
  border-top: 3px solid #3d9970;
}

.card-olive.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-olive.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3d9970;
}

.bg-olive>.card-header .btn-tool,
.bg-gradient-olive>.card-header .btn-tool,
.card-olive:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-olive>.card-header .btn-tool:hover,
.bg-gradient-olive>.card-header .btn-tool:hover,
.card-olive:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #317c5b;
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #50b98a;
  color: #fff;
}

.card-lime:not(.card-outline)>.card-header {
  background-color: #01ff70;
}

.card-lime:not(.card-outline)>.card-header,
.card-lime:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-lime:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-lime.card-outline {
  border-top: 3px solid #01ff70;
}

.card-lime.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-lime.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #01ff70;
}

.bg-lime>.card-header .btn-tool,
.bg-gradient-lime>.card-header .btn-tool,
.card-lime:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-lime>.card-header .btn-tool:hover,
.bg-gradient-lime>.card-header .btn-tool:hover,
.card-lime:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #00d75e;
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ff8d;
  color: #1f2d3d;
}

.card-fuchsia:not(.card-outline)>.card-header {
  background-color: #f012be;
}

.card-fuchsia:not(.card-outline)>.card-header,
.card-fuchsia:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-fuchsia:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-fuchsia.card-outline {
  border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-fuchsia.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f012be;
}

.bg-fuchsia>.card-header .btn-tool,
.bg-gradient-fuchsia>.card-header .btn-tool,
.card-fuchsia:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-fuchsia>.card-header .btn-tool:hover,
.bg-gradient-fuchsia>.card-header .btn-tool:hover,
.card-fuchsia:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #cc0da1;
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f342cb;
  color: #fff;
}

.card-maroon:not(.card-outline)>.card-header {
  background-color: #d81b60;
}

.card-maroon:not(.card-outline)>.card-header,
.card-maroon:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-maroon:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-maroon.card-outline {
  border-top: 3px solid #d81b60;
}

.card-maroon.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-maroon.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #d81b60;
}

.bg-maroon>.card-header .btn-tool,
.bg-gradient-maroon>.card-header .btn-tool,
.card-maroon:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-maroon>.card-header .btn-tool:hover,
.bg-gradient-maroon>.card-header .btn-tool:hover,
.card-maroon:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #b41650;
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e73f7c;
  color: #fff;
}

.card-blue:not(.card-outline)>.card-header {
  background-color: #007bff;
}

.card-blue:not(.card-outline)>.card-header,
.card-blue:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-blue:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-blue.card-outline {
  border-top: 3px solid #007bff;
}

.card-blue.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-blue.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #007bff;
}

.bg-blue>.card-header .btn-tool,
.bg-gradient-blue>.card-header .btn-tool,
.card-blue:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-blue>.card-header .btn-tool:hover,
.bg-gradient-blue>.card-header .btn-tool:hover,
.card-blue:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #0067d6;
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3395ff;
  color: #fff;
}

.card-indigo:not(.card-outline)>.card-header {
  background-color: #6610f2;
}

.card-indigo:not(.card-outline)>.card-header,
.card-indigo:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-indigo:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-indigo.card-outline {
  border-top: 3px solid #6610f2;
}

.card-indigo.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-indigo.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6610f2;
}

.bg-indigo>.card-header .btn-tool,
.bg-gradient-indigo>.card-header .btn-tool,
.card-indigo:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-indigo>.card-header .btn-tool:hover,
.bg-gradient-indigo>.card-header .btn-tool:hover,
.card-indigo:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #550bce;
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8540f5;
  color: #fff;
}

.card-purple:not(.card-outline)>.card-header {
  background-color: #6f42c1;
}

.card-purple:not(.card-outline)>.card-header,
.card-purple:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-purple:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-purple.card-outline {
  border-top: 3px solid #6f42c1;
}

.card-purple.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-purple.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6f42c1;
}

.bg-purple>.card-header .btn-tool,
.bg-gradient-purple>.card-header .btn-tool,
.card-purple:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-purple>.card-header .btn-tool:hover,
.bg-gradient-purple>.card-header .btn-tool:hover,
.card-purple:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #5d36a4;
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8c68ce;
  color: #fff;
}

.card-pink:not(.card-outline)>.card-header {
  background-color: #e83e8c;
}

.card-pink:not(.card-outline)>.card-header,
.card-pink:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-pink:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-pink.card-outline {
  border-top: 3px solid #e83e8c;
}

.card-pink.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-pink.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #e83e8c;
}

.bg-pink>.card-header .btn-tool,
.bg-gradient-pink>.card-header .btn-tool,
.card-pink:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-pink>.card-header .btn-tool:hover,
.bg-gradient-pink>.card-header .btn-tool:hover,
.card-pink:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e21b76;
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ed6ca7;
  color: #fff;
}

.card-red:not(.card-outline)>.card-header {
  background-color: #dc3545;
}

.card-red:not(.card-outline)>.card-header,
.card-red:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-red:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-red.card-outline {
  border-top: 3px solid #dc3545;
}

.card-red.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-red.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #dc3545;
}

.bg-red>.card-header .btn-tool,
.bg-gradient-red>.card-header .btn-tool,
.card-red:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-red>.card-header .btn-tool:hover,
.bg-gradient-red>.card-header .btn-tool:hover,
.card-red:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #c62232;
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e4606d;
  color: #fff;
}

.card-orange:not(.card-outline)>.card-header {
  background-color: #fd7e14;
}

.card-orange:not(.card-outline)>.card-header,
.card-orange:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-orange:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-orange.card-outline {
  border-top: 3px solid #fd7e14;
}

.card-orange.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-orange.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #fd7e14;
}

.bg-orange>.card-header .btn-tool,
.bg-gradient-orange>.card-header .btn-tool,
.card-orange:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-orange>.card-header .btn-tool:hover,
.bg-gradient-orange>.card-header .btn-tool:hover,
.card-orange:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e66a02;
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #fd9a47;
  color: #1f2d3d;
}

.card-yellow:not(.card-outline)>.card-header {
  background-color: #ffc107;
}

.card-yellow:not(.card-outline)>.card-header,
.card-yellow:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-yellow:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-yellow.card-outline {
  border-top: 3px solid #ffc107;
}

.card-yellow.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-yellow.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #ffc107;
}

.bg-yellow>.card-header .btn-tool,
.bg-gradient-yellow>.card-header .btn-tool,
.card-yellow:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-yellow>.card-header .btn-tool:hover,
.bg-gradient-yellow>.card-header .btn-tool:hover,
.card-yellow:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #dda600;
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ffce3a;
  color: #1f2d3d;
}

.card-green:not(.card-outline)>.card-header {
  background-color: #28a745;
}

.card-green:not(.card-outline)>.card-header,
.card-green:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-green:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-green.card-outline {
  border-top: 3px solid #28a745;
}

.card-green.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-green.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #28a745;
}

.bg-green>.card-header .btn-tool,
.bg-gradient-green>.card-header .btn-tool,
.card-green:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-green>.card-header .btn-tool:hover,
.bg-gradient-green>.card-header .btn-tool:hover,
.card-green:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #208637;
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ce57;
  color: #fff;
}

.card-teal:not(.card-outline)>.card-header {
  background-color: #20c997;
}

.card-teal:not(.card-outline)>.card-header,
.card-teal:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-teal:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-teal.card-outline {
  border-top: 3px solid #20c997;
}

.card-teal.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-teal.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #20c997;
}

.bg-teal>.card-header .btn-tool,
.bg-gradient-teal>.card-header .btn-tool,
.card-teal:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-teal>.card-header .btn-tool:hover,
.bg-gradient-teal>.card-header .btn-tool:hover,
.card-teal:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #1aa67d;
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3ce0af;
  color: #fff;
}

.card-cyan:not(.card-outline)>.card-header {
  background-color: #17a2b8;
}

.card-cyan:not(.card-outline)>.card-header,
.card-cyan:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-cyan:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-cyan.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-cyan.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #17a2b8;
}

.bg-cyan>.card-header .btn-tool,
.bg-gradient-cyan>.card-header .btn-tool,
.card-cyan:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-cyan>.card-header .btn-tool:hover,
.bg-gradient-cyan>.card-header .btn-tool:hover,
.card-cyan:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #128294;
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #1fc8e3;
  color: #fff;
}

.card-white:not(.card-outline)>.card-header {
  background-color: #fff;
}

.card-white:not(.card-outline)>.card-header,
.card-white:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.card-white:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-white.card-outline {
  border-top: 3px solid #fff;
}

.card-white.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-white.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #fff;
}

.bg-white>.card-header .btn-tool,
.bg-gradient-white>.card-header .btn-tool,
.card-white:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-white>.card-header .btn-tool:hover,
.bg-gradient-white>.card-header .btn-tool:hover,
.card-white:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #ebebeb;
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.card-gray:not(.card-outline)>.card-header {
  background-color: #6c757d;
}

.card-gray:not(.card-outline)>.card-header,
.card-gray:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-gray:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-gray.card-outline {
  border-top: 3px solid #6c757d;
}

.card-gray.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-gray.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6c757d;
}

.bg-gray>.card-header .btn-tool,
.bg-gradient-gray>.card-header .btn-tool,
.card-gray:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray>.card-header .btn-tool:hover,
.bg-gradient-gray>.card-header .btn-tool:hover,
.card-gray:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.card-gray-dark:not(.card-outline)>.card-header {
  background-color: #343a40;
}

.card-gray-dark:not(.card-outline)>.card-header,
.card-gray-dark:not(.card-outline)>.card-header a {
  color: #fff;
}

.card-gray-dark:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.card-gray-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-gray-dark.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #343a40;
}

.bg-gray-dark>.card-header .btn-tool,
.bg-gradient-gray-dark>.card-header .btn-tool,
.card-gray-dark:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray-dark>.card-header .btn-tool:hover,
.bg-gradient-gray-dark>.card-header .btn-tool:hover,
.card-gray-dark:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.card {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

.card.bg-dark .card-header {
  border-color: #383f45;
}

.card.bg-dark,
.card.bg-dark .card-body {
  color: #fff;
}

.card.maximized-card {
  height: 100% !important;
  left: 0;
  max-height: 100% !important;
  max-width: 100% !important;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 1040;
}

.card.maximized-card.was-collapsed .card-body {
  display: block !important;
}

.card.maximized-card .card-body {
  overflow: auto;
}

.card.maximized-card [data-card-widgett="collapse"] {
  display: none;
}

.card.maximized-card .card-header,
.card.maximized-card .card-footer {
  border-radius: 0 !important;
}

.card.collapsed-card .card-body,
.card.collapsed-card .card-footer {
  display: none;
}

.card .nav.flex-column>li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin: 0;
}

.card .nav.flex-column>li:last-of-type {
  border-bottom: 0;
}

.card.height-control .card-body {
  max-height: 300px;
  overflow: auto;
}

.card .border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.card .border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}

.card.card-tabs:not(.card-outline)>.card-header {
  border-bottom: 0;
}

.card.card-tabs:not(.card-outline)>.card-header .nav-item:first-child .nav-link {
  border-left-color: transparent;
}

.card.card-tabs.card-outline .nav-item {
  border-bottom: 0;
}

.card.card-tabs.card-outline .nav-item:first-child .nav-link {
  border-left: 0;
  margin-left: 0;
}

.card.card-tabs .card-tools {
  margin: .3rem .5rem;
}

.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
  border-bottom: 0;
}

.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
  border-bottom: 0;
}

.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
  margin-bottom: 0;
}

.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
  margin-bottom: -1px;
}

.card.card-outline-tabs {
  border-top: 0;
}

.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
  border-left: 0;
  margin-left: 0;
}

.card.card-outline-tabs .card-header a {
  border-top: 3px solid transparent;
}

.card.card-outline-tabs .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card.card-outline-tabs .card-header a.active:hover {
  margin-top: 0;
}

.card.card-outline-tabs .card-tools {
  margin: .5rem .5rem .3rem;
}

.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
  border-bottom: 0;
}

.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
  border-bottom: 0;
}

.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
  margin-bottom: 0;
}

.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
  margin-bottom: -1px;
}

html.maximized-card {
  overflow: hidden;
}

.card-header::after,
.card-body::after,
.card-footer::after {
  display: block;
  clear: both;
  content: "";
}

.card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
  position: relative;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.collapsed-card .card-header {
  border-bottom: 0;
}

.card-header>.card-tools {
  float: right;
  margin-right: -0.625rem;
}

.card-header>.card-tools .input-group,
.card-header>.card-tools .nav,
.card-header>.card-tools .pagination {
  margin-bottom: -0.3rem;
  margin-top: -0.3rem;
}

.card-header>.card-tools [data-toggle="tooltip"] {
  position: relative;
}

.card-title {
  float: left;
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0;
}

.card-text {
  clear: both;
}

.btn-tool {
  background-color: transparent;
  color: #adb5bd;
  font-size: 0.875rem;
  margin: -0.75rem 0;
  padding: .25rem .5rem;
}

.btn-group.show .btn-tool,
.btn-tool:hover {
  color: #495057;
}

.show .btn-tool,
.btn-tool:focus {
  box-shadow: none !important;
}

.text-sm .card-title {
  font-size: 1rem;
}

.text-sm .nav-link {
  padding: 0.4rem 0.8rem;
}

.card-body>.table {
  margin-bottom: 0;
}

.card-body>.table>thead>tr>th,
.card-body>.table>thead>tr>td {
  border-top-width: 0;
}

.card-body .fc {
  margin-top: 5px;
}

.card-body .full-width-chart {
  margin: -19px;
}

.card-body.p-0 .full-width-chart {
  margin: -9px;
}

.chart-legend {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}

@media (max-width: 576px) {
  .chart-legend>li {
    float: left;
    margin-right: 10px;
  }
}

.card-comments {
  background-color: #f8f9fa;
}

.card-comments .card-comment {
  border-bottom: 1px solid #e9ecef;
  padding: 8px 0;
}

.card-comments .card-comment::after {
  display: block;
  clear: both;
  content: "";
}

.card-comments .card-comment:last-of-type {
  border-bottom: 0;
}

.card-comments .card-comment:first-of-type {
  padding-top: 0;
}

.card-comments .card-comment img {
  height: 1.875rem;
  width: 1.875rem;
  float: left;
}

.card-comments .comment-text {
  color: #78838e;
  margin-left: 40px;
}

.card-comments .username {
  color: #495057;
  display: block;
  font-weight: 600;
}

.card-comments .text-muted {
  font-size: 12px;
  font-weight: 400;
}

.todo-list {
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.todo-list>li {
  border-radius: 2px;
  background-color: #f8f9fa;
  border-left: 2px solid #e9ecef;
  color: #495057;
  margin-bottom: 2px;
  padding: 10px;
}

.todo-list>li:last-of-type {
  margin-bottom: 0;
}

.todo-list>li>input[type="checkbox"] {
  margin: 0 10px 0 5px;
}

.todo-list>li .text {
  display: inline-block;
  font-weight: 600;
  margin-left: 5px;
}

.todo-list>li .badge {
  font-size: .7rem;
  margin-left: 10px;
}

.todo-list>li .tools {
  color: #dc3545;
  display: none;
  float: right;
}

.todo-list>li .tools>.fa,
.todo-list>li .tools>.fas,
.todo-list>li .tools>.far,
.todo-list>li .tools>.fab,
.todo-list>li .tools>.fal,
.todo-list>li .tools>.fad,
.todo-list>li .tools>.svg-inline--fa,
.todo-list>li .tools>.ion {
  cursor: pointer;
  margin-right: 5px;
}

.todo-list>li:hover .tools {
  display: inline-block;
}

.todo-list>li.done {
  color: #697582;
}

.todo-list>li.done .text {
  font-weight: 500;
  text-decoration: line-through;
}

.todo-list>li.done .badge {
  background-color: #adb5bd !important;
}

.todo-list .primary {
  border-left-color: #007bff;
}

.todo-list .secondary {
  border-left-color: #6c757d;
}

.todo-list .success {
  border-left-color: #28a745;
}

.todo-list .info {
  border-left-color: #17a2b8;
}

.todo-list .warning {
  border-left-color: #ffc107;
}

.todo-list .danger {
  border-left-color: #dc3545;
}

.todo-list .light {
  border-left-color: #f8f9fa;
}

.todo-list .dark {
  border-left-color: #343a40;
}

.todo-list .lightblue {
  border-left-color: #3c8dbc;
}

.todo-list .navy {
  border-left-color: #001f3f;
}

.todo-list .olive {
  border-left-color: #3d9970;
}

.todo-list .lime {
  border-left-color: #01ff70;
}

.todo-list .fuchsia {
  border-left-color: #f012be;
}

.todo-list .maroon {
  border-left-color: #d81b60;
}

.todo-list .blue {
  border-left-color: #007bff;
}

.todo-list .indigo {
  border-left-color: #6610f2;
}

.todo-list .purple {
  border-left-color: #6f42c1;
}

.todo-list .pink {
  border-left-color: #e83e8c;
}

.todo-list .red {
  border-left-color: #dc3545;
}

.todo-list .orange {
  border-left-color: #fd7e14;
}

.todo-list .yellow {
  border-left-color: #ffc107;
}

.todo-list .green {
  border-left-color: #28a745;
}

.todo-list .teal {
  border-left-color: #20c997;
}

.todo-list .cyan {
  border-left-color: #17a2b8;
}

.todo-list .white {
  border-left-color: #fff;
}

.todo-list .gray {
  border-left-color: #6c757d;
}

.todo-list .gray-dark {
  border-left-color: #343a40;
}

.todo-list .handle {
  cursor: move;
  display: inline-block;
  margin: 0 5px;
}

.card-input {
  max-width: 200px;
}

.card-default .nav-item:first-child .nav-link {
  border-left: 0;
}

.dark-mode .card-primary:not(.card-outline)>.card-header {
  background-color: #3f6791;
}

.dark-mode .card-primary:not(.card-outline)>.card-header,
.dark-mode .card-primary:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-primary:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-primary.card-outline {
  border-top: 3px solid #3f6791;
}

.dark-mode .card-primary.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-primary.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3f6791;
}

.dark-mode .bg-primary>.card-header .btn-tool,
.dark-mode .bg-gradient-primary>.card-header .btn-tool,
.dark-mode .card-primary:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-primary>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-primary>.card-header .btn-tool:hover,
.dark-mode .card-primary:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #335375;
  color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5080b3;
  color: #fff;
}

.dark-mode .card-secondary:not(.card-outline)>.card-header {
  background-color: #6c757d;
}

.dark-mode .card-secondary:not(.card-outline)>.card-header,
.dark-mode .card-secondary:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-secondary:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-secondary.card-outline {
  border-top: 3px solid #6c757d;
}

.dark-mode .card-secondary.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-secondary.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6c757d;
}

.dark-mode .bg-secondary>.card-header .btn-tool,
.dark-mode .bg-gradient-secondary>.card-header .btn-tool,
.dark-mode .card-secondary:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-secondary>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-secondary>.card-header .btn-tool:hover,
.dark-mode .card-secondary:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.dark-mode .card-success:not(.card-outline)>.card-header {
  background-color: #00bc8c;
}

.dark-mode .card-success:not(.card-outline)>.card-header,
.dark-mode .card-success:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-success:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-success.card-outline {
  border-top: 3px solid #00bc8c;
}

.dark-mode .card-success.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-success.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #00bc8c;
}

.dark-mode .bg-success>.card-header .btn-tool,
.dark-mode .bg-gradient-success>.card-header .btn-tool,
.dark-mode .card-success:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-success>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-success>.card-header .btn-tool:hover,
.dark-mode .card-success:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #00936e;
  color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #00efb2;
  color: #fff;
}

.dark-mode .card-info:not(.card-outline)>.card-header {
  background-color: #3498db;
}

.dark-mode .card-info:not(.card-outline)>.card-header,
.dark-mode .card-info:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-info:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-info.card-outline {
  border-top: 3px solid #3498db;
}

.dark-mode .card-info.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-info.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3498db;
}

.dark-mode .bg-info>.card-header .btn-tool,
.dark-mode .bg-gradient-info>.card-header .btn-tool,
.dark-mode .card-info:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-info>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-info>.card-header .btn-tool:hover,
.dark-mode .card-info:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #2383c4;
  color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5faee3;
  color: #fff;
}

.dark-mode .card-warning:not(.card-outline)>.card-header {
  background-color: #f39c12;
}

.dark-mode .card-warning:not(.card-outline)>.card-header,
.dark-mode .card-warning:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-warning:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-warning.card-outline {
  border-top: 3px solid #f39c12;
}

.dark-mode .card-warning.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-warning.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f39c12;
}

.dark-mode .bg-warning>.card-header .btn-tool,
.dark-mode .bg-gradient-warning>.card-header .btn-tool,
.dark-mode .card-warning:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-warning>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-warning>.card-header .btn-tool:hover,
.dark-mode .card-warning:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #d2850b;
  color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f5b043;
  color: #1f2d3d;
}

.dark-mode .card-danger:not(.card-outline)>.card-header {
  background-color: #e74c3c;
}

.dark-mode .card-danger:not(.card-outline)>.card-header,
.dark-mode .card-danger:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-danger:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-danger.card-outline {
  border-top: 3px solid #e74c3c;
}

.dark-mode .card-danger.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-danger.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #e74c3c;
}

.dark-mode .bg-danger>.card-header .btn-tool,
.dark-mode .bg-gradient-danger>.card-header .btn-tool,
.dark-mode .card-danger:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-danger>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-danger>.card-header .btn-tool:hover,
.dark-mode .card-danger:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #df2e1b;
  color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ed7669;
  color: #fff;
}

.dark-mode .card-light:not(.card-outline)>.card-header {
  background-color: #f8f9fa;
}

.dark-mode .card-light:not(.card-outline)>.card-header,
.dark-mode .card-light:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-light:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-light.card-outline {
  border-top: 3px solid #f8f9fa;
}

.dark-mode .card-light.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-light.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f8f9fa;
}

.dark-mode .bg-light>.card-header .btn-tool,
.dark-mode .bg-gradient-light>.card-header .btn-tool,
.dark-mode .card-light:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-light>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-light>.card-header .btn-tool:hover,
.dark-mode .card-light:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e0e5e9;
  color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.dark-mode .card-dark:not(.card-outline)>.card-header {
  background-color: #343a40;
}

.dark-mode .card-dark:not(.card-outline)>.card-header,
.dark-mode .card-dark:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-dark:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-dark.card-outline {
  border-top: 3px solid #343a40;
}

.dark-mode .card-dark.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-dark.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #343a40;
}

.dark-mode .bg-dark>.card-header .btn-tool,
.dark-mode .bg-gradient-dark>.card-header .btn-tool,
.dark-mode .card-dark:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-dark>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-dark>.card-header .btn-tool:hover,
.dark-mode .card-dark:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.dark-mode .card-lightblue:not(.card-outline)>.card-header {
  background-color: #86bad8;
}

.dark-mode .card-lightblue:not(.card-outline)>.card-header,
.dark-mode .card-lightblue:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-lightblue:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-lightblue.card-outline {
  border-top: 3px solid #86bad8;
}

.dark-mode .card-lightblue.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-lightblue.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #86bad8;
}

.dark-mode .bg-lightblue>.card-header .btn-tool,
.dark-mode .bg-gradient-lightblue>.card-header .btn-tool,
.dark-mode .card-lightblue:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-lightblue>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-lightblue>.card-header .btn-tool:hover,
.dark-mode .card-lightblue:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #67a8ce;
  color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #acd0e5;
  color: #1f2d3d;
}

.dark-mode .card-navy:not(.card-outline)>.card-header {
  background-color: #002c59;
}

.dark-mode .card-navy:not(.card-outline)>.card-header,
.dark-mode .card-navy:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-navy:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-navy.card-outline {
  border-top: 3px solid #002c59;
}

.dark-mode .card-navy.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-navy.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #002c59;
}

.dark-mode .bg-navy>.card-header .btn-tool,
.dark-mode .bg-gradient-navy>.card-header .btn-tool,
.dark-mode .card-navy:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-navy>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-navy>.card-header .btn-tool:hover,
.dark-mode .card-navy:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #001730;
  color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #00458c;
  color: #fff;
}

.dark-mode .card-olive:not(.card-outline)>.card-header {
  background-color: #74c8a3;
}

.dark-mode .card-olive:not(.card-outline)>.card-header,
.dark-mode .card-olive:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-olive:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-olive.card-outline {
  border-top: 3px solid #74c8a3;
}

.dark-mode .card-olive.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-olive.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #74c8a3;
}

.dark-mode .bg-olive>.card-header .btn-tool,
.dark-mode .bg-gradient-olive>.card-header .btn-tool,
.dark-mode .card-olive:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-olive>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-olive>.card-header .btn-tool:hover,
.dark-mode .card-olive:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #57bc8f;
  color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #99d6bb;
  color: #1f2d3d;
}

.dark-mode .card-lime:not(.card-outline)>.card-header {
  background-color: #67ffa9;
}

.dark-mode .card-lime:not(.card-outline)>.card-header,
.dark-mode .card-lime:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-lime:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-lime.card-outline {
  border-top: 3px solid #67ffa9;
}

.dark-mode .card-lime.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-lime.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #67ffa9;
}

.dark-mode .bg-lime>.card-header .btn-tool,
.dark-mode .bg-gradient-lime>.card-header .btn-tool,
.dark-mode .card-lime:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-lime>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-lime>.card-header .btn-tool:hover,
.dark-mode .card-lime:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #3eff92;
  color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #9affc6;
  color: #1f2d3d;
}

.dark-mode .card-fuchsia:not(.card-outline)>.card-header {
  background-color: #f672d8;
}

.dark-mode .card-fuchsia:not(.card-outline)>.card-header,
.dark-mode .card-fuchsia:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-fuchsia:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-fuchsia.card-outline {
  border-top: 3px solid #f672d8;
}

.dark-mode .card-fuchsia.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-fuchsia.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f672d8;
}

.dark-mode .bg-fuchsia>.card-header .btn-tool,
.dark-mode .bg-gradient-fuchsia>.card-header .btn-tool,
.dark-mode .card-fuchsia:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-fuchsia>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-fuchsia>.card-header .btn-tool:hover,
.dark-mode .card-fuchsia:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #f44cce;
  color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f9a2e5;
  color: #1f2d3d;
}

.dark-mode .card-maroon:not(.card-outline)>.card-header {
  background-color: #ed6c9b;
}

.dark-mode .card-maroon:not(.card-outline)>.card-header,
.dark-mode .card-maroon:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-maroon:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-maroon.card-outline {
  border-top: 3px solid #ed6c9b;
}

.dark-mode .card-maroon.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-maroon.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #ed6c9b;
}

.dark-mode .bg-maroon>.card-header .btn-tool,
.dark-mode .bg-gradient-maroon>.card-header .btn-tool,
.dark-mode .card-maroon:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-maroon>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-maroon>.card-header .btn-tool:hover,
.dark-mode .card-maroon:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e84883;
  color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f29aba;
  color: #1f2d3d;
}

.dark-mode .card-blue:not(.card-outline)>.card-header {
  background-color: #3f6791;
}

.dark-mode .card-blue:not(.card-outline)>.card-header,
.dark-mode .card-blue:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-blue:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-blue.card-outline {
  border-top: 3px solid #3f6791;
}

.dark-mode .card-blue.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-blue.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3f6791;
}

.dark-mode .bg-blue>.card-header .btn-tool,
.dark-mode .bg-gradient-blue>.card-header .btn-tool,
.dark-mode .card-blue:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-blue>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-blue>.card-header .btn-tool:hover,
.dark-mode .card-blue:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #335375;
  color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5080b3;
  color: #fff;
}

.dark-mode .card-indigo:not(.card-outline)>.card-header {
  background-color: #6610f2;
}

.dark-mode .card-indigo:not(.card-outline)>.card-header,
.dark-mode .card-indigo:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-indigo:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-indigo.card-outline {
  border-top: 3px solid #6610f2;
}

.dark-mode .card-indigo.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-indigo.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6610f2;
}

.dark-mode .bg-indigo>.card-header .btn-tool,
.dark-mode .bg-gradient-indigo>.card-header .btn-tool,
.dark-mode .card-indigo:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-indigo>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-indigo>.card-header .btn-tool:hover,
.dark-mode .card-indigo:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #550bce;
  color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8540f5;
  color: #fff;
}

.dark-mode .card-purple:not(.card-outline)>.card-header {
  background-color: #6f42c1;
}

.dark-mode .card-purple:not(.card-outline)>.card-header,
.dark-mode .card-purple:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-purple:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-purple.card-outline {
  border-top: 3px solid #6f42c1;
}

.dark-mode .card-purple.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-purple.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6f42c1;
}

.dark-mode .bg-purple>.card-header .btn-tool,
.dark-mode .bg-gradient-purple>.card-header .btn-tool,
.dark-mode .card-purple:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-purple>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-purple>.card-header .btn-tool:hover,
.dark-mode .card-purple:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #5d36a4;
  color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8c68ce;
  color: #fff;
}

.dark-mode .card-pink:not(.card-outline)>.card-header {
  background-color: #e83e8c;
}

.dark-mode .card-pink:not(.card-outline)>.card-header,
.dark-mode .card-pink:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-pink:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-pink.card-outline {
  border-top: 3px solid #e83e8c;
}

.dark-mode .card-pink.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-pink.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #e83e8c;
}

.dark-mode .bg-pink>.card-header .btn-tool,
.dark-mode .bg-gradient-pink>.card-header .btn-tool,
.dark-mode .card-pink:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-pink>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-pink>.card-header .btn-tool:hover,
.dark-mode .card-pink:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e21b76;
  color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ed6ca7;
  color: #fff;
}

.dark-mode .card-red:not(.card-outline)>.card-header {
  background-color: #e74c3c;
}

.dark-mode .card-red:not(.card-outline)>.card-header,
.dark-mode .card-red:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-red:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-red.card-outline {
  border-top: 3px solid #e74c3c;
}

.dark-mode .card-red.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-red.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #e74c3c;
}

.dark-mode .bg-red>.card-header .btn-tool,
.dark-mode .bg-gradient-red>.card-header .btn-tool,
.dark-mode .card-red:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-red>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-red>.card-header .btn-tool:hover,
.dark-mode .card-red:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #df2e1b;
  color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ed7669;
  color: #fff;
}

.dark-mode .card-orange:not(.card-outline)>.card-header {
  background-color: #fd7e14;
}

.dark-mode .card-orange:not(.card-outline)>.card-header,
.dark-mode .card-orange:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-orange:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-orange.card-outline {
  border-top: 3px solid #fd7e14;
}

.dark-mode .card-orange.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-orange.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #fd7e14;
}

.dark-mode .bg-orange>.card-header .btn-tool,
.dark-mode .bg-gradient-orange>.card-header .btn-tool,
.dark-mode .card-orange:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-orange>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-orange>.card-header .btn-tool:hover,
.dark-mode .card-orange:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e66a02;
  color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #fd9a47;
  color: #1f2d3d;
}

.dark-mode .card-yellow:not(.card-outline)>.card-header {
  background-color: #f39c12;
}

.dark-mode .card-yellow:not(.card-outline)>.card-header,
.dark-mode .card-yellow:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-yellow:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-yellow.card-outline {
  border-top: 3px solid #f39c12;
}

.dark-mode .card-yellow.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-yellow.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #f39c12;
}

.dark-mode .bg-yellow>.card-header .btn-tool,
.dark-mode .bg-gradient-yellow>.card-header .btn-tool,
.dark-mode .card-yellow:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-yellow>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-yellow>.card-header .btn-tool:hover,
.dark-mode .card-yellow:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #d2850b;
  color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f5b043;
  color: #1f2d3d;
}

.dark-mode .card-green:not(.card-outline)>.card-header {
  background-color: #00bc8c;
}

.dark-mode .card-green:not(.card-outline)>.card-header,
.dark-mode .card-green:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-green:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-green.card-outline {
  border-top: 3px solid #00bc8c;
}

.dark-mode .card-green.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-green.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #00bc8c;
}

.dark-mode .bg-green>.card-header .btn-tool,
.dark-mode .bg-gradient-green>.card-header .btn-tool,
.dark-mode .card-green:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-green>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-green>.card-header .btn-tool:hover,
.dark-mode .card-green:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #00936e;
  color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #00efb2;
  color: #fff;
}

.dark-mode .card-teal:not(.card-outline)>.card-header {
  background-color: #20c997;
}

.dark-mode .card-teal:not(.card-outline)>.card-header,
.dark-mode .card-teal:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-teal:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-teal.card-outline {
  border-top: 3px solid #20c997;
}

.dark-mode .card-teal.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-teal.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #20c997;
}

.dark-mode .bg-teal>.card-header .btn-tool,
.dark-mode .bg-gradient-teal>.card-header .btn-tool,
.dark-mode .card-teal:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-teal>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-teal>.card-header .btn-tool:hover,
.dark-mode .card-teal:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #1aa67d;
  color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3ce0af;
  color: #fff;
}

.dark-mode .card-cyan:not(.card-outline)>.card-header {
  background-color: #3498db;
}

.dark-mode .card-cyan:not(.card-outline)>.card-header,
.dark-mode .card-cyan:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-cyan:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-cyan.card-outline {
  border-top: 3px solid #3498db;
}

.dark-mode .card-cyan.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-cyan.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #3498db;
}

.dark-mode .bg-cyan>.card-header .btn-tool,
.dark-mode .bg-gradient-cyan>.card-header .btn-tool,
.dark-mode .card-cyan:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-cyan>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-cyan>.card-header .btn-tool:hover,
.dark-mode .card-cyan:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #2383c4;
  color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5faee3;
  color: #fff;
}

.dark-mode .card-white:not(.card-outline)>.card-header {
  background-color: #fff;
}

.dark-mode .card-white:not(.card-outline)>.card-header,
.dark-mode .card-white:not(.card-outline)>.card-header a {
  color: #1f2d3d;
}

.dark-mode .card-white:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-white.card-outline {
  border-top: 3px solid #fff;
}

.dark-mode .card-white.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-white.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #fff;
}

.dark-mode .bg-white>.card-header .btn-tool,
.dark-mode .bg-gradient-white>.card-header .btn-tool,
.dark-mode .card-white:not(.card-outline)>.card-header .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-white>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-white>.card-header .btn-tool:hover,
.dark-mode .card-white:not(.card-outline)>.card-header .btn-tool:hover {
  color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #ebebeb;
  color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.dark-mode .card-gray:not(.card-outline)>.card-header {
  background-color: #6c757d;
}

.dark-mode .card-gray:not(.card-outline)>.card-header,
.dark-mode .card-gray:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-gray:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-gray.card-outline {
  border-top: 3px solid #6c757d;
}

.dark-mode .card-gray.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-gray.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #6c757d;
}

.dark-mode .bg-gray>.card-header .btn-tool,
.dark-mode .bg-gradient-gray>.card-header .btn-tool,
.dark-mode .card-gray:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-gray>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-gray>.card-header .btn-tool:hover,
.dark-mode .card-gray:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.dark-mode .card-gray-dark:not(.card-outline)>.card-header {
  background-color: #343a40;
}

.dark-mode .card-gray-dark:not(.card-outline)>.card-header,
.dark-mode .card-gray-dark:not(.card-outline)>.card-header a {
  color: #fff;
}

.dark-mode .card-gray-dark:not(.card-outline)>.card-header a.active {
  color: #1f2d3d;
}

.dark-mode .card-gray-dark.card-outline {
  border-top: 3px solid #343a40;
}

.dark-mode .card-gray-dark.card-outline-tabs>.card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.dark-mode .card-gray-dark.card-outline-tabs>.card-header a.active {
  border-top: 3px solid #343a40;
}

.dark-mode .bg-gray-dark>.card-header .btn-tool,
.dark-mode .bg-gradient-gray-dark>.card-header .btn-tool,
.dark-mode .card-gray-dark:not(.card-outline)>.card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-gray-dark>.card-header .btn-tool:hover,
.dark-mode .bg-gradient-gray-dark>.card-header .btn-tool:hover,
.dark-mode .card-gray-dark:not(.card-outline)>.card-header .btn-tool:hover {
  color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.dark-mode .card {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .card .card {
  background-color: #3f474e;
  color: #fff;
}

.dark-mode .card .nav.flex-column>li {
  border-bottom-color: #6c757d;
}

.dark-mode .card .card-footer {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .card.card-outline-tabs .card-header a:hover {
  border-color: #6c757d;
  border-bottom-color: transparent;
}

.dark-mode .card:not(.card-outline)>.card-header a.active {
  color: #fff;
}

.dark-mode .card-comments {
  background-color: #373d44;
}

.dark-mode .card-comments .username {
  color: #ced4da;
}

.dark-mode .card-comments .card-comment {
  border-bottom-color: #454d55;
}

.dark-mode .todo-list>li {
  background-color: #3f474e;
  border-color: #454d55;
  color: #fff;
}

.dark-mode .todo-list .primary {
  border-left-color: #3f6791;
}

.dark-mode .todo-list .secondary {
  border-left-color: #6c757d;
}

.dark-mode .todo-list .success {
  border-left-color: #00bc8c;
}

.dark-mode .todo-list .info {
  border-left-color: #3498db;
}

.dark-mode .todo-list .warning {
  border-left-color: #f39c12;
}

.dark-mode .todo-list .danger {
  border-left-color: #e74c3c;
}

.dark-mode .todo-list .light {
  border-left-color: #f8f9fa;
}

.dark-mode .todo-list .dark {
  border-left-color: #343a40;
}

.dark-mode .todo-list .lightblue {
  border-left-color: #86bad8;
}

.dark-mode .todo-list .navy {
  border-left-color: #002c59;
}

.dark-mode .todo-list .olive {
  border-left-color: #74c8a3;
}

.dark-mode .todo-list .lime {
  border-left-color: #67ffa9;
}

.dark-mode .todo-list .fuchsia {
  border-left-color: #f672d8;
}

.dark-mode .todo-list .maroon {
  border-left-color: #ed6c9b;
}

.dark-mode .todo-list .blue {
  border-left-color: #3f6791;
}

.dark-mode .todo-list .indigo {
  border-left-color: #6610f2;
}

.dark-mode .todo-list .purple {
  border-left-color: #6f42c1;
}

.dark-mode .todo-list .pink {
  border-left-color: #e83e8c;
}

.dark-mode .todo-list .red {
  border-left-color: #e74c3c;
}

.dark-mode .todo-list .orange {
  border-left-color: #fd7e14;
}

.dark-mode .todo-list .yellow {
  border-left-color: #f39c12;
}

.dark-mode .todo-list .green {
  border-left-color: #00bc8c;
}

.dark-mode .todo-list .teal {
  border-left-color: #20c997;
}

.dark-mode .todo-list .cyan {
  border-left-color: #3498db;
}

.dark-mode .todo-list .white {
  border-left-color: #fff;
}

.dark-mode .todo-list .gray {
  border-left-color: #6c757d;
}

.dark-mode .todo-list .gray-dark {
  border-left-color: #343a40;
}

.modal-dialog .overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: -1px;
  z-index: 1052;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  color: #666f76;
  border-radius: 0.3rem;
}

.modal-content.bg-warning .modal-header,
.modal-content.bg-warning .modal-footer {
  border-color: #343a40;
}

.modal-content.bg-primary .close,
.modal-content.bg-primary .mailbox-attachment-close,
.modal-content.bg-secondary .close,
.modal-content.bg-secondary .mailbox-attachment-close,
.modal-content.bg-info .close,
.modal-content.bg-info .mailbox-attachment-close,
.modal-content.bg-danger .close,
.modal-content.bg-danger .mailbox-attachment-close,
.modal-content.bg-success .close,
.modal-content.bg-success .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
  border-color: #6c757d;
}

.dark-mode .modal-content {
  background-color: #343a40;
}

.dark-mode .modal-content.bg-warning .modal-header,
.dark-mode .modal-content.bg-warning .modal-footer {
  border-color: #6c757d;
}

.dark-mode .modal-content.bg-warning .close,
.dark-mode .modal-content.bg-warning .mailbox-attachment-close {
  color: #343a40 !important;
  text-shadow: 0 1px 0 #495057 !important;
}

.dark-mode .modal-content.bg-primary .modal-header,
.dark-mode .modal-content.bg-primary .modal-footer,
.dark-mode .modal-content.bg-secondary .modal-header,
.dark-mode .modal-content.bg-secondary .modal-footer,
.dark-mode .modal-content.bg-info .modal-header,
.dark-mode .modal-content.bg-info .modal-footer,
.dark-mode .modal-content.bg-danger .modal-header,
.dark-mode .modal-content.bg-danger .modal-footer,
.dark-mode .modal-content.bg-success .modal-header,
.dark-mode .modal-content.bg-success .modal-footer {
  border-color: #fff;
}

.toasts-top-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1040;
}

.toasts-top-right.fixed {
  position: fixed;
}

.toasts-top-left {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1040;
}

.toasts-top-left.fixed {
  position: fixed;
}

.toasts-bottom-right {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1040;
}

.toasts-bottom-right.fixed {
  position: fixed;
}

.toasts-bottom-left {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1040;
}

.toasts-bottom-left.fixed {
  position: fixed;
}

.dark-mode .toast {
  background-color: rgba(52, 58, 64, 0.85);
  color: #fff;
}

.dark-mode .toast .toast-header {
  background-color: rgba(52, 58, 64, 0.7);
  color: #f8f9fa;
}

.dark-mode .toast.bg-primary {
  background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-primary .close,
.dark-mode .toast.bg-primary .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-primary .toast-header {
  background-color: rgba(63, 103, 145, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-secondary {
  background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-secondary .close,
.dark-mode .toast.bg-secondary .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-secondary .toast-header {
  background-color: rgba(108, 117, 125, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-success {
  background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-success .close,
.dark-mode .toast.bg-success .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-success .toast-header {
  background-color: rgba(0, 188, 140, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-info {
  background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-info .close,
.dark-mode .toast.bg-info .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-info .toast-header {
  background-color: rgba(52, 152, 219, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-warning {
  background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-warning .toast-header {
  background-color: rgba(243, 156, 18, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-danger {
  background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-danger .close,
.dark-mode .toast.bg-danger .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-danger .toast-header {
  background-color: rgba(231, 76, 60, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-light {
  background-color: rgba(248, 249, 250, 0.9) !important;
}

.dark-mode .toast.bg-light .toast-header {
  background-color: rgba(248, 249, 250, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-dark {
  background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-dark .close,
.dark-mode .toast.bg-dark .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-dark .toast-header {
  background-color: rgba(52, 58, 64, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-lightblue {
  background-color: rgba(134, 186, 216, 0.9) !important;
}

.dark-mode .toast.bg-lightblue .toast-header {
  background-color: rgba(134, 186, 216, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-navy {
  background-color: rgba(0, 44, 89, 0.9) !important;
}

.dark-mode .toast.bg-navy .close,
.dark-mode .toast.bg-navy .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-navy .toast-header {
  background-color: rgba(0, 44, 89, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-olive {
  background-color: rgba(116, 200, 163, 0.9) !important;
}

.dark-mode .toast.bg-olive .toast-header {
  background-color: rgba(116, 200, 163, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-lime {
  background-color: rgba(103, 255, 169, 0.9) !important;
}

.dark-mode .toast.bg-lime .toast-header {
  background-color: rgba(103, 255, 169, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-fuchsia {
  background-color: rgba(246, 114, 216, 0.9) !important;
}

.dark-mode .toast.bg-fuchsia .toast-header {
  background-color: rgba(246, 114, 216, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-maroon {
  background-color: rgba(237, 108, 155, 0.9) !important;
}

.dark-mode .toast.bg-maroon .toast-header {
  background-color: rgba(237, 108, 155, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-blue {
  background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-blue .close,
.dark-mode .toast.bg-blue .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-blue .toast-header {
  background-color: rgba(63, 103, 145, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-indigo {
  background-color: rgba(102, 16, 242, 0.9) !important;
}

.dark-mode .toast.bg-indigo .close,
.dark-mode .toast.bg-indigo .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-indigo .toast-header {
  background-color: rgba(102, 16, 242, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-purple {
  background-color: rgba(111, 66, 193, 0.9) !important;
}

.dark-mode .toast.bg-purple .close,
.dark-mode .toast.bg-purple .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-purple .toast-header {
  background-color: rgba(111, 66, 193, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-pink {
  background-color: rgba(232, 62, 140, 0.9) !important;
}

.dark-mode .toast.bg-pink .close,
.dark-mode .toast.bg-pink .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-pink .toast-header {
  background-color: rgba(232, 62, 140, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-red {
  background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-red .close,
.dark-mode .toast.bg-red .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-red .toast-header {
  background-color: rgba(231, 76, 60, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-orange {
  background-color: rgba(253, 126, 20, 0.9) !important;
}

.dark-mode .toast.bg-orange .toast-header {
  background-color: rgba(253, 126, 20, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-yellow {
  background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-yellow .toast-header {
  background-color: rgba(243, 156, 18, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-green {
  background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-green .close,
.dark-mode .toast.bg-green .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-green .toast-header {
  background-color: rgba(0, 188, 140, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-teal {
  background-color: rgba(32, 201, 151, 0.9) !important;
}

.dark-mode .toast.bg-teal .close,
.dark-mode .toast.bg-teal .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-teal .toast-header {
  background-color: rgba(32, 201, 151, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-cyan {
  background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-cyan .close,
.dark-mode .toast.bg-cyan .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-cyan .toast-header {
  background-color: rgba(52, 152, 219, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.dark-mode .toast.bg-white .toast-header {
  background-color: rgba(255, 255, 255, 0.85);
  color: #1f2d3d;
}

.dark-mode .toast.bg-gray {
  background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-gray .close,
.dark-mode .toast.bg-gray .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray .toast-header {
  background-color: rgba(108, 117, 125, 0.85);
  color: #fff;
}

.dark-mode .toast.bg-gray-dark {
  background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-gray-dark .close,
.dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray-dark .toast-header {
  background-color: rgba(52, 58, 64, 0.85);
  color: #fff;
}

.toast.bg-primary {
  background-color: rgba(0, 123, 255, 0.9) !important;
}

.toast.bg-primary .close,
.toast.bg-primary .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-primary .toast-header {
  background-color: rgba(0, 123, 255, 0.85);
  color: #fff;
}

.toast.bg-secondary {
  background-color: rgba(108, 117, 125, 0.9) !important;
}

.toast.bg-secondary .close,
.toast.bg-secondary .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-secondary .toast-header {
  background-color: rgba(108, 117, 125, 0.85);
  color: #fff;
}

.toast.bg-success {
  background-color: rgba(40, 167, 69, 0.9) !important;
}

.toast.bg-success .close,
.toast.bg-success .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-success .toast-header {
  background-color: rgba(40, 167, 69, 0.85);
  color: #fff;
}

.toast.bg-info {
  background-color: rgba(23, 162, 184, 0.9) !important;
}

.toast.bg-info .close,
.toast.bg-info .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-info .toast-header {
  background-color: rgba(23, 162, 184, 0.85);
  color: #fff;
}

.toast.bg-warning {
  background-color: rgba(255, 193, 7, 0.9) !important;
}

.toast.bg-warning .toast-header {
  background-color: rgba(255, 193, 7, 0.85);
  color: #1f2d3d;
}

.toast.bg-danger {
  background-color: rgba(220, 53, 69, 0.9) !important;
}

.toast.bg-danger .close,
.toast.bg-danger .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-danger .toast-header {
  background-color: rgba(220, 53, 69, 0.85);
  color: #fff;
}

.toast.bg-light {
  background-color: rgba(248, 249, 250, 0.9) !important;
}

.toast.bg-light .toast-header {
  background-color: rgba(248, 249, 250, 0.85);
  color: #1f2d3d;
}

.toast.bg-dark {
  background-color: rgba(52, 58, 64, 0.9) !important;
}

.toast.bg-dark .close,
.toast.bg-dark .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-dark .toast-header {
  background-color: rgba(52, 58, 64, 0.85);
  color: #fff;
}

.toast.bg-lightblue {
  background-color: rgba(60, 141, 188, 0.9) !important;
}

.toast.bg-lightblue .close,
.toast.bg-lightblue .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-lightblue .toast-header {
  background-color: rgba(60, 141, 188, 0.85);
  color: #fff;
}

.toast.bg-navy {
  background-color: rgba(0, 31, 63, 0.9) !important;
}

.toast.bg-navy .close,
.toast.bg-navy .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-navy .toast-header {
  background-color: rgba(0, 31, 63, 0.85);
  color: #fff;
}

.toast.bg-olive {
  background-color: rgba(61, 153, 112, 0.9) !important;
}

.toast.bg-olive .close,
.toast.bg-olive .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-olive .toast-header {
  background-color: rgba(61, 153, 112, 0.85);
  color: #fff;
}

.toast.bg-lime {
  background-color: rgba(1, 255, 112, 0.9) !important;
}

.toast.bg-lime .toast-header {
  background-color: rgba(1, 255, 112, 0.85);
  color: #1f2d3d;
}

.toast.bg-fuchsia {
  background-color: rgba(240, 18, 190, 0.9) !important;
}

.toast.bg-fuchsia .close,
.toast.bg-fuchsia .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-fuchsia .toast-header {
  background-color: rgba(240, 18, 190, 0.85);
  color: #fff;
}

.toast.bg-maroon {
  background-color: rgba(216, 27, 96, 0.9) !important;
}

.toast.bg-maroon .close,
.toast.bg-maroon .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-maroon .toast-header {
  background-color: rgba(216, 27, 96, 0.85);
  color: #fff;
}

.toast.bg-blue {
  background-color: rgba(0, 123, 255, 0.9) !important;
}

.toast.bg-blue .close,
.toast.bg-blue .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-blue .toast-header {
  background-color: rgba(0, 123, 255, 0.85);
  color: #fff;
}

.toast.bg-indigo {
  background-color: rgba(102, 16, 242, 0.9) !important;
}

.toast.bg-indigo .close,
.toast.bg-indigo .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-indigo .toast-header {
  background-color: rgba(102, 16, 242, 0.85);
  color: #fff;
}

.toast.bg-purple {
  background-color: rgba(111, 66, 193, 0.9) !important;
}

.toast.bg-purple .close,
.toast.bg-purple .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-purple .toast-header {
  background-color: rgba(111, 66, 193, 0.85);
  color: #fff;
}

.toast.bg-pink {
  background-color: rgba(232, 62, 140, 0.9) !important;
}

.toast.bg-pink .close,
.toast.bg-pink .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-pink .toast-header {
  background-color: rgba(232, 62, 140, 0.85);
  color: #fff;
}

.toast.bg-red {
  background-color: rgba(220, 53, 69, 0.9) !important;
}

.toast.bg-red .close,
.toast.bg-red .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-red .toast-header {
  background-color: rgba(220, 53, 69, 0.85);
  color: #fff;
}

.toast.bg-orange {
  background-color: rgba(253, 126, 20, 0.9) !important;
}

.toast.bg-orange .toast-header {
  background-color: rgba(253, 126, 20, 0.85);
  color: #1f2d3d;
}

.toast.bg-yellow {
  background-color: rgba(255, 193, 7, 0.9) !important;
}

.toast.bg-yellow .toast-header {
  background-color: rgba(255, 193, 7, 0.85);
  color: #1f2d3d;
}

.toast.bg-green {
  background-color: rgba(40, 167, 69, 0.9) !important;
}

.toast.bg-green .close,
.toast.bg-green .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-green .toast-header {
  background-color: rgba(40, 167, 69, 0.85);
  color: #fff;
}

.toast.bg-teal {
  background-color: rgba(32, 201, 151, 0.9) !important;
}

.toast.bg-teal .close,
.toast.bg-teal .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-teal .toast-header {
  background-color: rgba(32, 201, 151, 0.85);
  color: #fff;
}

.toast.bg-cyan {
  background-color: rgba(23, 162, 184, 0.9) !important;
}

.toast.bg-cyan .close,
.toast.bg-cyan .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-cyan .toast-header {
  background-color: rgba(23, 162, 184, 0.85);
  color: #fff;
}

.toast.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.toast.bg-white .toast-header {
  background-color: rgba(255, 255, 255, 0.85);
  color: #1f2d3d;
}

.toast.bg-gray {
  background-color: rgba(108, 117, 125, 0.9) !important;
}

.toast.bg-gray .close,
.toast.bg-gray .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-gray .toast-header {
  background-color: rgba(108, 117, 125, 0.85);
  color: #fff;
}

.toast.bg-gray-dark {
  background-color: rgba(52, 58, 64, 0.9) !important;
}

.toast.bg-gray-dark .close,
.toast.bg-gray-dark .mailbox-attachment-close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-gray-dark .toast-header {
  background-color: rgba(52, 58, 64, 0.85);
  color: #fff;
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}

.btn.btn-flat {
  border-radius: 0;
  border-width: 1px;
  box-shadow: none;
}

.btn.btn-file {
  overflow: hidden;
  position: relative;
}

.btn.btn-file>input[type="file"] {
  background-color: #fff;
  cursor: inherit;
  display: block;
  font-size: 100px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.text-sm .btn {
  font-size: 0.875rem !important;
}

.btn-default {
  background-color: #f8f9fa;
  border-color: #ddd;
  color: #444;
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e9ecef;
  color: #2b2b2b;
}

.btn-app {
  border-radius: 3px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  color: #6c757d;
  font-size: 12px;
  height: 60px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  padding: 15px 5px;
  position: relative;
  text-align: center;
}

.btn-app>.fa,
.btn-app>.fas,
.btn-app>.far,
.btn-app>.fab,
.btn-app>.fal,
.btn-app>.fad,
.btn-app>.svg-inline--fa,
.btn-app>.ion {
  display: block;
  font-size: 20px;
}

.btn-app>.svg-inline--fa {
  margin: 0 auto;
}

.btn-app:hover {
  background-color: #f8f9fa;
  border-color: #aaaaaa;
  color: #444;
}

.btn-app:active,
.btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-app>.badge {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: -10px;
  top: -3px;
}

.btn-xs {
  padding: 0.125rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

.dark-mode .btn-default,
.dark-mode .btn-app {
  background-color: #3a4047;
  color: #fff;
  border-color: #6c757d;
}

.dark-mode .btn-default:hover,
.dark-mode .btn-default:focus,
.dark-mode .btn-app:hover,
.dark-mode .btn-app:focus {
  background-color: #3f474e;
  color: #dee2e6;
  border-color: #727b84;
}

.dark-mode .btn-light {
  background-color: #454d55;
  color: #fff;
  border-color: #6c757d;
}

.dark-mode .btn-light:hover,
.dark-mode .btn-light:focus {
  background-color: #4b545c;
  color: #dee2e6;
  border-color: #78828a;
}

.dark-mode .btn-primary {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
  box-shadow: none;
}

.dark-mode .btn-primary:hover {
  color: #fff;
  background-color: #335476;
  border-color: #304e6d;
}

.dark-mode .btn-primary:focus,
.dark-mode .btn-primary.focus {
  color: #fff;
  background-color: #335476;
  border-color: #304e6d;
  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
}

.dark-mode .btn-primary.disabled,
.dark-mode .btn-primary:disabled {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active,
.dark-mode .btn-primary:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #304e6d;
  border-color: #2c4765;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
}

.dark-mode .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}

.dark-mode .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.dark-mode .btn-secondary:focus,
.dark-mode .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.dark-mode .btn-secondary.disabled,
.dark-mode .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .btn-secondary:not(:disabled):not(.disabled):active,
.dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.dark-mode .btn-success {
  color: #fff;
  background-color: #00bc8c;
  border-color: #00bc8c;
  box-shadow: none;
}

.dark-mode .btn-success:hover {
  color: #fff;
  background-color: #009670;
  border-color: #008966;
}

.dark-mode .btn-success:focus,
.dark-mode .btn-success.focus {
  color: #fff;
  background-color: #009670;
  border-color: #008966;
  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
}

.dark-mode .btn-success.disabled,
.dark-mode .btn-success:disabled {
  color: #fff;
  background-color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .btn-success:not(:disabled):not(.disabled):active,
.dark-mode .btn-success:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #008966;
  border-color: #007c5d;
}

.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
}

.dark-mode .btn-info {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
  box-shadow: none;
}

.dark-mode .btn-info:hover {
  color: #fff;
  background-color: #2384c6;
  border-color: #217dbb;
}

.dark-mode .btn-info:focus,
.dark-mode .btn-info.focus {
  color: #fff;
  background-color: #2384c6;
  border-color: #217dbb;
  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
}

.dark-mode .btn-info.disabled,
.dark-mode .btn-info:disabled {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}

.dark-mode .btn-info:not(:disabled):not(.disabled):active,
.dark-mode .btn-info:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #217dbb;
  border-color: #1f76b0;
}

.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
}

.dark-mode .btn-warning {
  color: #1f2d3d;
  background-color: #f39c12;
  border-color: #f39c12;
  box-shadow: none;
}

.dark-mode .btn-warning:hover {
  color: #fff;
  background-color: #d4860b;
  border-color: #c87f0a;
}

.dark-mode .btn-warning:focus,
.dark-mode .btn-warning.focus {
  color: #fff;
  background-color: #d4860b;
  border-color: #c87f0a;
  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
}

.dark-mode .btn-warning.disabled,
.dark-mode .btn-warning:disabled {
  color: #1f2d3d;
  background-color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .btn-warning:not(:disabled):not(.disabled):active,
.dark-mode .btn-warning:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c87f0a;
  border-color: #bc770a;
}

.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
}

.dark-mode .btn-danger {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
  box-shadow: none;
}

.dark-mode .btn-danger:hover {
  color: #fff;
  background-color: #e12e1c;
  border-color: #d62c1a;
}

.dark-mode .btn-danger:focus,
.dark-mode .btn-danger.focus {
  color: #fff;
  background-color: #e12e1c;
  border-color: #d62c1a;
  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
}

.dark-mode .btn-danger.disabled,
.dark-mode .btn-danger:disabled {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .btn-danger:not(:disabled):not(.disabled):active,
.dark-mode .btn-danger:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #ca2a19;
}

.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
}

.dark-mode .btn-light {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none;
}

.dark-mode .btn-light:hover {
  color: #1f2d3d;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.dark-mode .btn-light:focus,
.dark-mode .btn-light.focus {
  color: #1f2d3d;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.dark-mode .btn-light.disabled,
.dark-mode .btn-light:disabled {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-light:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-light.dropdown-toggle {
  color: #1f2d3d;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.dark-mode .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: none;
}

.dark-mode .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.dark-mode .btn-dark:focus,
.dark-mode .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.dark-mode .btn-dark.disabled,
.dark-mode .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.dark-mode .btn-dark:not(:disabled):not(.disabled):active,
.dark-mode .btn-dark:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.dark-mode .btn-outline-primary {
  color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .btn-outline-primary:hover {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .btn-outline-primary:focus,
.dark-mode .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
}

.dark-mode .btn-outline-primary.disabled,
.dark-mode .btn-outline-primary:disabled {
  color: #3f6791;
  background-color: transparent;
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
}

.dark-mode .btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:focus,
.dark-mode .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.dark-mode .btn-outline-secondary.disabled,
.dark-mode .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.dark-mode .btn-outline-success {
  color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .btn-outline-success:hover {
  color: #fff;
  background-color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .btn-outline-success:focus,
.dark-mode .btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
}

.dark-mode .btn-outline-success.disabled,
.dark-mode .btn-outline-success:disabled {
  color: #00bc8c;
  background-color: transparent;
}

.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
}

.dark-mode .btn-outline-info {
  color: #3498db;
  border-color: #3498db;
}

.dark-mode .btn-outline-info:hover {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}

.dark-mode .btn-outline-info:focus,
.dark-mode .btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
}

.dark-mode .btn-outline-info.disabled,
.dark-mode .btn-outline-info:disabled {
  color: #3498db;
  background-color: transparent;
}

.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}

.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
}

.dark-mode .btn-outline-warning {
  color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .btn-outline-warning:hover {
  color: #1f2d3d;
  background-color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .btn-outline-warning:focus,
.dark-mode .btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
}

.dark-mode .btn-outline-warning.disabled,
.dark-mode .btn-outline-warning:disabled {
  color: #f39c12;
  background-color: transparent;
}

.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-warning.dropdown-toggle {
  color: #1f2d3d;
  background-color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
}

.dark-mode .btn-outline-danger {
  color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:hover {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:focus,
.dark-mode .btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
}

.dark-mode .btn-outline-danger.disabled,
.dark-mode .btn-outline-danger:disabled {
  color: #e74c3c;
  background-color: transparent;
}

.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
}

.dark-mode .btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:hover {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:focus,
.dark-mode .btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.dark-mode .btn-outline-light.disabled,
.dark-mode .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-light.dropdown-toggle {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.dark-mode .btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.dark-mode .btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.dark-mode .btn-outline-dark:focus,
.dark-mode .btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.dark-mode .btn-outline-dark.disabled,
.dark-mode .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.dark-mode .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.dark-mode .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.callout {
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 1rem;
  padding: 1rem;
}

.callout a {
  color: #495057;
  text-decoration: underline;
}

.callout a:hover {
  color: #e9ecef;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout.callout-danger {
  border-left-color: #bd2130;
}

.callout.callout-warning {
  border-left-color: #d39e00;
}

.callout.callout-info {
  border-left-color: #117a8b;
}

.callout.callout-success {
  border-left-color: #1e7e34;
}

.dark-mode .callout {
  background-color: #3f474e;
}

.dark-mode .callout.callout-danger {
  border-left-color: #ed7669;
}

.dark-mode .callout.callout-warning {
  border-left-color: #f5b043;
}

.dark-mode .callout.callout-info {
  border-left-color: #5faee3;
}

.dark-mode .callout.callout-success {
  border-left-color: #00efb2;
}

.alert .icon {
  margin-right: 10px;
}

.alert .close,
.alert .mailbox-attachment-close {
  color: #000;
  opacity: .2;
}

.alert .close:hover,
.alert .mailbox-attachment-close:hover {
  opacity: .5;
}

.alert a {
  color: #fff;
  text-decoration: underline;
}

.alert-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #006fe6;
}

.alert-default-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-default-primary hr {
  border-top-color: #9fcdff;
}

.alert-default-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #60686f;
}

.alert-default-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-default-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-default-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #fff;
  background-color: #28a745;
  border-color: #23923d;
}

.alert-default-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-default-success hr {
  border-top-color: #b1dfbb;
}

.alert-default-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #148ea1;
}

.alert-default-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-default-info hr {
  border-top-color: #abdde5;
}

.alert-default-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #1f2d3d;
  background-color: #ffc107;
  border-color: #edb100;
}

.alert-default-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-default-warning hr {
  border-top-color: #ffe8a1;
}

.alert-default-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #d32535;
}

.alert-default-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-default-danger hr {
  border-top-color: #f1b0b7;
}

.alert-default-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #e9ecef;
}

.alert-default-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-default-light hr {
  border-top-color: #ececf6;
}

.alert-default-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #292d32;
}

.alert-default-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-default-dark hr {
  border-top-color: #b9bbbe;
}

.alert-default-dark .alert-link {
  color: #040505;
}

.dark-mode .alert-primary {
  color: #fff;
  background-color: #3f6791;
  border-color: #375a7f;
}

.dark-mode .alert-default-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.dark-mode .alert-default-primary hr {
  border-top-color: #9fcdff;
}

.dark-mode .alert-default-primary .alert-link {
  color: #002752;
}

.dark-mode .alert-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #60686f;
}

.dark-mode .alert-default-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.dark-mode .alert-default-secondary hr {
  border-top-color: #c8cbcf;
}

.dark-mode .alert-default-secondary .alert-link {
  color: #202326;
}

.dark-mode .alert-success {
  color: #fff;
  background-color: #00bc8c;
  border-color: #00a379;
}

.dark-mode .alert-default-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.dark-mode .alert-default-success hr {
  border-top-color: #b1dfbb;
}

.dark-mode .alert-default-success .alert-link {
  color: #0b2e13;
}

.dark-mode .alert-info {
  color: #fff;
  background-color: #3498db;
  border-color: #258cd1;
}

.dark-mode .alert-default-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.dark-mode .alert-default-info hr {
  border-top-color: #abdde5;
}

.dark-mode .alert-default-info .alert-link {
  color: #062c33;
}

.dark-mode .alert-warning {
  color: #1f2d3d;
  background-color: #f39c12;
  border-color: #e08e0b;
}

.dark-mode .alert-default-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.dark-mode .alert-default-warning hr {
  border-top-color: #ffe8a1;
}

.dark-mode .alert-default-warning .alert-link {
  color: #533f03;
}

.dark-mode .alert-danger {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}

.dark-mode .alert-default-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.dark-mode .alert-default-danger hr {
  border-top-color: #f1b0b7;
}

.dark-mode .alert-default-danger .alert-link {
  color: #491217;
}

.dark-mode .alert-light {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #e9ecef;
}

.dark-mode .alert-default-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.dark-mode .alert-default-light hr {
  border-top-color: #ececf6;
}

.dark-mode .alert-default-light .alert-link {
  color: #686868;
}

.dark-mode .alert-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #292d32;
}

.dark-mode .alert-default-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.dark-mode .alert-default-dark hr {
  border-top-color: #b9bbbe;
}

.dark-mode .alert-default-dark .alert-link {
  color: #040505;
}

.table:not(.table-dark) {
  color: inherit;
}

.table.table-head-fixed thead tr:nth-child(1) th {
  background-color: #fff;
  border-bottom: 0;
  box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.table.table-head-fixed.table-dark thead tr:nth-child(1) th {
  background-color: #212529;
  box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
}

.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}

.table.text-center,
.table.text-center td,
.table.text-center th {
  text-align: center;
}

.table.table-valign-middle thead>tr>th,
.table.table-valign-middle thead>tr>td,
.table.table-valign-middle tbody>tr>th,
.table.table-valign-middle tbody>tr>td {
  vertical-align: middle;
}

.card-body.p-0 .table thead>tr>th:first-of-type,
.card-body.p-0 .table thead>tr>td:first-of-type,
.card-body.p-0 .table tfoot>tr>th:first-of-type,
.card-body.p-0 .table tfoot>tr>td:first-of-type,
.card-body.p-0 .table tbody>tr>th:first-of-type,
.card-body.p-0 .table tbody>tr>td:first-of-type {
  padding-left: 1.5rem;
}

.card-body.p-0 .table thead>tr>th:last-of-type,
.card-body.p-0 .table thead>tr>td:last-of-type,
.card-body.p-0 .table tfoot>tr>th:last-of-type,
.card-body.p-0 .table tfoot>tr>td:last-of-type,
.card-body.p-0 .table tbody>tr>th:last-of-type,
.card-body.p-0 .table tbody>tr>td:last-of-type {
  padding-right: 1.5rem;
}

.table-hover tbody tr.expandable-body:hover {
  background-color: inherit !important;
}

[data-widget="expandable-table"] {
  cursor: pointer;
}

[data-widget="expandable-table"] i.expandable-table-caret {
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="right"] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="left"] {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.expandable-body>td {
  padding: 0 !important;
  width: 100%;
}

.expandable-body>td>div,
.expandable-body>td>p {
  padding: 0.75rem;
}

.expandable-body .table {
  width: calc(100% - 0.75rem);
  margin: 0 0 0 0.75rem;
}

.expandable-body .table tr:first-child td,
.expandable-body .table tr:first-child th {
  border-top: none;
}

.dark-mode .table-bordered,
.dark-mode .table-bordered td,
.dark-mode .table-bordered th {
  border-color: #6c757d;
}

.dark-mode .table-hover tbody tr:hover {
  color: #dee2e6;
  background-color: #3a4047;
  border-color: #6c757d;
}

.dark-mode .table thead th {
  border-bottom-color: #6c757d;
}

.dark-mode .table th,
.dark-mode .table td {
  border-top-color: #6c757d;
}

.dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
  background-color: #3f474e;
}

.carousel-control-prev .carousel-control-custom-icon {
  margin-left: -20px;
}

.carousel-control-next .carousel-control-custom-icon {
  margin-right: 20px;
}

.carousel-control-custom-icon>.fa,
.carousel-control-custom-icon>.fas,
.carousel-control-custom-icon>.far,
.carousel-control-custom-icon>.fab,
.carousel-control-custom-icon>.fal,
.carousel-control-custom-icon>.fad,
.carousel-control-custom-icon>.svg-inline--fa,
.carousel-control-custom-icon>.ion {
  display: inline-block;
  font-size: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  z-index: 5;
}

.close,
.mailbox-attachment-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover,
.mailbox-attachment-close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.mailbox-attachment-close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus,
.mailbox-attachment-close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

.close:focus,
.mailbox-attachment-close:focus {
  outline: none;
}

button.close,
button.mailbox-attachment-close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled,
a.disabled.mailbox-attachment-close {
  pointer-events: none;
}

.small-box {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.small-box>.inner {
  padding: 10px;
}

.small-box>.small-box-footer {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.8);
  display: block;
  padding: 3px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}

.small-box>.small-box-footer:hover {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.small-box h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 0;
  white-space: nowrap;
}

@media (min-width: 992px) {

  .col-xl-2 .small-box h3,
  .col-lg-2 .small-box h3,
  .col-md-2 .small-box h3 {
    font-size: 1.6rem;
  }

  .col-xl-3 .small-box h3,
  .col-lg-3 .small-box h3,
  .col-md-3 .small-box h3 {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {

  .col-xl-2 .small-box h3,
  .col-lg-2 .small-box h3,
  .col-md-2 .small-box h3 {
    font-size: 2.2rem;
  }

  .col-xl-3 .small-box h3,
  .col-lg-3 .small-box h3,
  .col-md-3 .small-box h3 {
    font-size: 2.2rem;
  }
}

.small-box p {
  font-size: 1rem;
}

.small-box p>small {
  color: #f8f9fa;
  display: block;
  font-size: .9rem;
  margin-top: 5px;
}

.small-box h3,
.small-box p {
  z-index: 5;
}

.small-box .icon {
  color: rgba(0, 0, 0, 0.15);
  z-index: 0;
}

.small-box .icon>i {
  font-size: 90px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.small-box .icon>i.fa,
.small-box .icon>i.fas,
.small-box .icon>i.far,
.small-box .icon>i.fab,
.small-box .icon>i.fal,
.small-box .icon>i.fad,
.small-box .icon>i.ion {
  font-size: 70px;
  top: 20px;
}

.small-box .icon svg {
  font-size: 70px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.small-box:hover {
  text-decoration: none;
}

.small-box:hover .icon>i,
.small-box:hover .icon>i.fa,
.small-box:hover .icon>i.fas,
.small-box:hover .icon>i.far,
.small-box:hover .icon>i.fab,
.small-box:hover .icon>i.fal,
.small-box:hover .icon>i.fad,
.small-box:hover .icon>i.ion {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.small-box:hover .icon>svg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 767.98px) {
  .small-box {
    text-align: center;
  }

  .small-box .icon {
    display: none;
  }

  .small-box p {
    font-size: 12px;
  }
}

.info-box {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  min-height: 80px;
  padding: .5rem;
  position: relative;
  width: 100%;
}

.info-box .progress {
  background-color: rgba(0, 0, 0, 0.125);
  height: 2px;
  margin: 5px 0;
}

.info-box .progress .progress-bar {
  background-color: #fff;
}

.info-box .info-box-icon {
  border-radius: 0.25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.875rem;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 70px;
}

.info-box .info-box-icon>img {
  max-width: 100%;
}

.info-box .info-box-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.8;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
}

.info-box .info-box-number {
  display: block;
  margin-top: .25rem;
  font-weight: 700;
}

.info-box .progress-description,
.info-box .info-box-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info-box .info-box .bg-primary,
.info-box .info-box .bg-gradient-primary {
  color: #fff;
}

.info-box .info-box .bg-primary .progress-bar,
.info-box .info-box .bg-gradient-primary .progress-bar {
  background-color: #fff;
}

.info-box .info-box .bg-secondary,
.info-box .info-box .bg-gradient-secondary {
  color: #fff;
}

.info-box .info-box .bg-secondary .progress-bar,
.info-box .info-box .bg-gradient-secondary .progress-bar {
  background-color: #fff;
}

.info-box .info-box .bg-success,
.info-box .info-box .bg-gradient-success {
  color: #fff;
}

.info-box .info-box .bg-success .progress-bar,
.info-box .info-box .bg-gradient-success .progress-bar {
  background-color: #fff;
}

.info-box .info-box .bg-info,
.info-box .info-box .bg-gradient-info {
  color: #fff;
}

.info-box .info-box .bg-info .progress-bar,
.info-box .info-box .bg-gradient-info .progress-bar {
  background-color: #fff;
}

.info-box .info-box .bg-warning,
.info-box .info-box .bg-gradient-warning {
  color: #1f2d3d;
}

.info-box .info-box .bg-warning .progress-bar,
.info-box .info-box .bg-gradient-warning .progress-bar {
  background-color: #1f2d3d;
}

.info-box .info-box .bg-danger,
.info-box .info-box .bg-gradient-danger {
  color: #fff;
}

.info-box .info-box .bg-danger .progress-bar,
.info-box .info-box .bg-gradient-danger .progress-bar {
  background-color: #fff;
}

.info-box .info-box .bg-light,
.info-box .info-box .bg-gradient-light {
  color: #1f2d3d;
}

.info-box .info-box .bg-light .progress-bar,
.info-box .info-box .bg-gradient-light .progress-bar {
  background-color: #1f2d3d;
}

.info-box .info-box .bg-dark,
.info-box .info-box .bg-gradient-dark {
  color: #fff;
}

.info-box .info-box .bg-dark .progress-bar,
.info-box .info-box .bg-gradient-dark .progress-bar {
  background-color: #fff;
}

.info-box .info-box-more {
  display: block;
}

.info-box .progress-description {
  margin: 0;
}

@media (min-width: 768px) {

  .col-xl-2 .info-box .progress-description,
  .col-lg-2 .info-box .progress-description,
  .col-md-2 .info-box .progress-description {
    display: none;
  }

  .col-xl-3 .info-box .progress-description,
  .col-lg-3 .info-box .progress-description,
  .col-md-3 .info-box .progress-description {
    display: none;
  }
}

@media (min-width: 992px) {

  .col-xl-2 .info-box .progress-description,
  .col-lg-2 .info-box .progress-description,
  .col-md-2 .info-box .progress-description {
    font-size: 0.75rem;
    display: block;
  }

  .col-xl-3 .info-box .progress-description,
  .col-lg-3 .info-box .progress-description,
  .col-md-3 .info-box .progress-description {
    font-size: 0.75rem;
    display: block;
  }
}

@media (min-width: 1200px) {

  .col-xl-2 .info-box .progress-description,
  .col-lg-2 .info-box .progress-description,
  .col-md-2 .info-box .progress-description {
    font-size: 1rem;
    display: block;
  }

  .col-xl-3 .info-box .progress-description,
  .col-lg-3 .info-box .progress-description,
  .col-md-3 .info-box .progress-description {
    font-size: 1rem;
    display: block;
  }
}

.dark-mode .info-box {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .info-box .info-box .bg-primary,
.dark-mode .info-box .info-box .bg-gradient-primary {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-primary .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar {
  background-color: #fff;
}

.dark-mode .info-box .info-box .bg-secondary,
.dark-mode .info-box .info-box .bg-gradient-secondary {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-secondary .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar {
  background-color: #fff;
}

.dark-mode .info-box .info-box .bg-success,
.dark-mode .info-box .info-box .bg-gradient-success {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-success .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-success .progress-bar {
  background-color: #fff;
}

.dark-mode .info-box .info-box .bg-info,
.dark-mode .info-box .info-box .bg-gradient-info {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-info .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-info .progress-bar {
  background-color: #fff;
}

.dark-mode .info-box .info-box .bg-warning,
.dark-mode .info-box .info-box .bg-gradient-warning {
  color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-warning .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar {
  background-color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-danger,
.dark-mode .info-box .info-box .bg-gradient-danger {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-danger .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
  background-color: #fff;
}

.dark-mode .info-box .info-box .bg-light,
.dark-mode .info-box .info-box .bg-gradient-light {
  color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-light .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-light .progress-bar {
  background-color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-dark,
.dark-mode .info-box .info-box .bg-gradient-dark {
  color: #fff;
}

.dark-mode .info-box .info-box .bg-dark .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
  background-color: #fff;
}

.timeline {
  margin: 0 0 45px;
  padding: 0;
  position: relative;
}

.timeline::before {
  border-radius: 0.25rem;
  background-color: #dee2e6;
  bottom: 0;
  content: "";
  left: 31px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

.timeline>div {
  margin-bottom: 15px;
  margin-right: 10px;
  position: relative;
}

.timeline>div::before,
.timeline>div::after {
  content: "";
  display: table;
}

.timeline>div>.timeline-item {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  background-color: #fff;
  color: #495057;
  margin-left: 60px;
  margin-right: 15px;
  margin-top: 0;
  padding: 0;
  position: relative;
}

.timeline>div>.timeline-item>.time {
  color: #999;
  float: right;
  font-size: 12px;
  padding: 10px;
}

.timeline>div>.timeline-item>.timeline-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #495057;
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  padding: 10px;
}

.timeline>div>.timeline-item>.timeline-header>a {
  font-weight: 600;
}

.timeline>div>.timeline-item>.timeline-body,
.timeline>div>.timeline-item>.timeline-footer {
  padding: 10px;
}

.timeline>div>.timeline-item>.timeline-body>img {
  margin: 10px;
}

.timeline>div>.timeline-item>.timeline-body>dl,
.timeline>div>.timeline-item>.timeline-body ol,
.timeline>div>.timeline-item>.timeline-body ul {
  margin: 0;
}

.timeline>div>.timeline-item>.timeline-footer>a {
  color: #fff;
}

.timeline>div>.fa,
.timeline>div>.fas,
.timeline>div>.far,
.timeline>div>.fab,
.timeline>div>.fal,
.timeline>div>.fad,
.timeline>div>.svg-inline--fa,
.timeline>div>.ion {
  background-color: #adb5bd;
  border-radius: 50%;
  font-size: 16px;
  height: 30px;
  left: 18px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}

.timeline>div>.svg-inline--fa {
  padding: 7px;
}

.timeline>.time-label>span {
  border-radius: 4px;
  background-color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 5px;
}

.timeline-inverse>div>.timeline-item {
  box-shadow: none;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
}

.timeline-inverse>div>.timeline-item>.timeline-header {
  border-bottom-color: #dee2e6;
}

.dark-mode .timeline::before {
  background-color: #6c757d;
}

.dark-mode .timeline>div>.timeline-item {
  background-color: #343a40;
  color: #fff;
  border-color: #6c757d;
}

.dark-mode .timeline>div>.timeline-item>.timeline-header {
  color: #ced4da;
  border-color: #6c757d;
}

.dark-mode .timeline>div>.timeline-item>.time {
  color: #ced4da;
}

.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.products-list>.item {
  border-radius: 0.25rem;
  background-color: #fff;
  padding: 10px 0;
}

.products-list>.item::after {
  display: block;
  clear: both;
  content: "";
}

.products-list .product-img {
  float: left;
}

.products-list .product-img img {
  height: 50px;
  width: 50px;
}

.products-list .product-info {
  margin-left: 60px;
}

.products-list .product-title {
  font-weight: 600;
}

.products-list .product-description {
  color: #6c757d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-list-in-card>.item {
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.product-list-in-card>.item:last-of-type {
  border-bottom-width: 0;
}

.dark-mode .products-list>.item {
  background-color: #343a40;
  color: #fff;
  border-bottom-color: #6c757d;
}

.dark-mode .product-description {
  color: #ced4da;
}

.direct-chat .card-body {
  overflow-x: hidden;
  padding: 0;
  position: relative;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.direct-chat.timestamp-light .direct-chat-timestamp {
  color: #30465f;
}

.direct-chat.timestamp-dark .direct-chat-timestamp {
  color: #cccccc;
}

.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  height: 250px;
  overflow: auto;
  padding: 10px;
}

.direct-chat-msg,
.direct-chat-text {
  display: block;
}

.direct-chat-msg {
  margin-bottom: 10px;
}

.direct-chat-msg::after {
  display: block;
  clear: both;
  content: "";
}

.direct-chat-messages,
.direct-chat-contacts {
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.direct-chat-text {
  border-radius: 0.3rem;
  background-color: #d2d6de;
  border: 1px solid #d2d6de;
  color: #444;
  margin: 5px 0 0 50px;
  padding: 5px 10px;
  position: relative;
}

.direct-chat-text::after,
.direct-chat-text::before {
  border: solid transparent;
  border-right-color: #d2d6de;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 15px;
  width: 0;
}

.direct-chat-text::after {
  border-width: 5px;
  margin-top: -5px;
}

.direct-chat-text::before {
  border-width: 6px;
  margin-top: -6px;
}

.right .direct-chat-text {
  margin-left: 0;
  margin-right: 50px;
}

.right .direct-chat-text::after,
.right .direct-chat-text::before {
  border-left-color: #d2d6de;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}

.direct-chat-img {
  border-radius: 50%;
  float: left;
  height: 40px;
  width: 40px;
}

.right .direct-chat-img {
  float: right;
}

.direct-chat-infos {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 2px;
}

.direct-chat-name {
  font-weight: 600;
}

.direct-chat-timestamp {
  color: #697582;
}

.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  transform: translate(101%, 0);
  background-color: #343a40;
  bottom: 0;
  color: #fff;
  height: 250px;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%;
}

.direct-chat-contacts-light {
  background-color: #f8f9fa;
}

.direct-chat-contacts-light .contacts-list-name {
  color: #495057;
}

.direct-chat-contacts-light .contacts-list-date {
  color: #6c757d;
}

.direct-chat-contacts-light .contacts-list-msg {
  color: #545b62;
}

.contacts-list {
  padding-left: 0;
  list-style: none;
}

.contacts-list>li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 10px;
}

.contacts-list>li::after {
  display: block;
  clear: both;
  content: "";
}

.contacts-list>li:last-of-type {
  border-bottom: 0;
}

.contacts-list-img {
  border-radius: 50%;
  float: left;
  width: 40px;
}

.contacts-list-info {
  color: #fff;
  margin-left: 45px;
}

.contacts-list-name,
.contacts-list-status {
  display: block;
}

.contacts-list-name {
  font-weight: 600;
}

.contacts-list-status {
  font-size: 0.875rem;
}

.contacts-list-date {
  color: #ced4da;
  font-weight: 400;
}

.contacts-list-msg {
  color: #b1bbc4;
}

.direct-chat-primary .right>.direct-chat-text {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.direct-chat-primary .right>.direct-chat-text::after,
.direct-chat-primary .right>.direct-chat-text::before {
  border-left-color: #007bff;
}

.direct-chat-secondary .right>.direct-chat-text {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.direct-chat-secondary .right>.direct-chat-text::after,
.direct-chat-secondary .right>.direct-chat-text::before {
  border-left-color: #6c757d;
}

.direct-chat-success .right>.direct-chat-text {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.direct-chat-success .right>.direct-chat-text::after,
.direct-chat-success .right>.direct-chat-text::before {
  border-left-color: #28a745;
}

.direct-chat-info .right>.direct-chat-text {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.direct-chat-info .right>.direct-chat-text::after,
.direct-chat-info .right>.direct-chat-text::before {
  border-left-color: #17a2b8;
}

.direct-chat-warning .right>.direct-chat-text {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #1f2d3d;
}

.direct-chat-warning .right>.direct-chat-text::after,
.direct-chat-warning .right>.direct-chat-text::before {
  border-left-color: #ffc107;
}

.direct-chat-danger .right>.direct-chat-text {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.direct-chat-danger .right>.direct-chat-text::after,
.direct-chat-danger .right>.direct-chat-text::before {
  border-left-color: #dc3545;
}

.direct-chat-light .right>.direct-chat-text {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #1f2d3d;
}

.direct-chat-light .right>.direct-chat-text::after,
.direct-chat-light .right>.direct-chat-text::before {
  border-left-color: #f8f9fa;
}

.direct-chat-dark .right>.direct-chat-text {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.direct-chat-dark .right>.direct-chat-text::after,
.direct-chat-dark .right>.direct-chat-text::before {
  border-left-color: #343a40;
}

.direct-chat-lightblue .right>.direct-chat-text {
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  color: #fff;
}

.direct-chat-lightblue .right>.direct-chat-text::after,
.direct-chat-lightblue .right>.direct-chat-text::before {
  border-left-color: #3c8dbc;
}

.direct-chat-navy .right>.direct-chat-text {
  background-color: #001f3f;
  border-color: #001f3f;
  color: #fff;
}

.direct-chat-navy .right>.direct-chat-text::after,
.direct-chat-navy .right>.direct-chat-text::before {
  border-left-color: #001f3f;
}

.direct-chat-olive .right>.direct-chat-text {
  background-color: #3d9970;
  border-color: #3d9970;
  color: #fff;
}

.direct-chat-olive .right>.direct-chat-text::after,
.direct-chat-olive .right>.direct-chat-text::before {
  border-left-color: #3d9970;
}

.direct-chat-lime .right>.direct-chat-text {
  background-color: #01ff70;
  border-color: #01ff70;
  color: #1f2d3d;
}

.direct-chat-lime .right>.direct-chat-text::after,
.direct-chat-lime .right>.direct-chat-text::before {
  border-left-color: #01ff70;
}

.direct-chat-fuchsia .right>.direct-chat-text {
  background-color: #f012be;
  border-color: #f012be;
  color: #fff;
}

.direct-chat-fuchsia .right>.direct-chat-text::after,
.direct-chat-fuchsia .right>.direct-chat-text::before {
  border-left-color: #f012be;
}

.direct-chat-maroon .right>.direct-chat-text {
  background-color: #d81b60;
  border-color: #d81b60;
  color: #fff;
}

.direct-chat-maroon .right>.direct-chat-text::after,
.direct-chat-maroon .right>.direct-chat-text::before {
  border-left-color: #d81b60;
}

.direct-chat-blue .right>.direct-chat-text {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.direct-chat-blue .right>.direct-chat-text::after,
.direct-chat-blue .right>.direct-chat-text::before {
  border-left-color: #007bff;
}

.direct-chat-indigo .right>.direct-chat-text {
  background-color: #6610f2;
  border-color: #6610f2;
  color: #fff;
}

.direct-chat-indigo .right>.direct-chat-text::after,
.direct-chat-indigo .right>.direct-chat-text::before {
  border-left-color: #6610f2;
}

.direct-chat-purple .right>.direct-chat-text {
  background-color: #6f42c1;
  border-color: #6f42c1;
  color: #fff;
}

.direct-chat-purple .right>.direct-chat-text::after,
.direct-chat-purple .right>.direct-chat-text::before {
  border-left-color: #6f42c1;
}

.direct-chat-pink .right>.direct-chat-text {
  background-color: #e83e8c;
  border-color: #e83e8c;
  color: #fff;
}

.direct-chat-pink .right>.direct-chat-text::after,
.direct-chat-pink .right>.direct-chat-text::before {
  border-left-color: #e83e8c;
}

.direct-chat-red .right>.direct-chat-text {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.direct-chat-red .right>.direct-chat-text::after,
.direct-chat-red .right>.direct-chat-text::before {
  border-left-color: #dc3545;
}

.direct-chat-orange .right>.direct-chat-text {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #1f2d3d;
}

.direct-chat-orange .right>.direct-chat-text::after,
.direct-chat-orange .right>.direct-chat-text::before {
  border-left-color: #fd7e14;
}

.direct-chat-yellow .right>.direct-chat-text {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #1f2d3d;
}

.direct-chat-yellow .right>.direct-chat-text::after,
.direct-chat-yellow .right>.direct-chat-text::before {
  border-left-color: #ffc107;
}

.direct-chat-green .right>.direct-chat-text {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.direct-chat-green .right>.direct-chat-text::after,
.direct-chat-green .right>.direct-chat-text::before {
  border-left-color: #28a745;
}

.direct-chat-teal .right>.direct-chat-text {
  background-color: #20c997;
  border-color: #20c997;
  color: #fff;
}

.direct-chat-teal .right>.direct-chat-text::after,
.direct-chat-teal .right>.direct-chat-text::before {
  border-left-color: #20c997;
}

.direct-chat-cyan .right>.direct-chat-text {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.direct-chat-cyan .right>.direct-chat-text::after,
.direct-chat-cyan .right>.direct-chat-text::before {
  border-left-color: #17a2b8;
}

.direct-chat-white .right>.direct-chat-text {
  background-color: #fff;
  border-color: #fff;
  color: #1f2d3d;
}

.direct-chat-white .right>.direct-chat-text::after,
.direct-chat-white .right>.direct-chat-text::before {
  border-left-color: #fff;
}

.direct-chat-gray .right>.direct-chat-text {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.direct-chat-gray .right>.direct-chat-text::after,
.direct-chat-gray .right>.direct-chat-text::before {
  border-left-color: #6c757d;
}

.direct-chat-gray-dark .right>.direct-chat-text {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.direct-chat-gray-dark .right>.direct-chat-text::after,
.direct-chat-gray-dark .right>.direct-chat-text::before {
  border-left-color: #343a40;
}

.dark-mode .direct-chat-text {
  background-color: #454d55;
  border-color: #4b545c;
  color: #fff;
}

.dark-mode .direct-chat-text::after,
.dark-mode .direct-chat-text::before {
  border-right-color: #4b545c;
}

.dark-mode .direct-chat-timestamp {
  color: #adb5bd;
}

.dark-mode .right>.direct-chat-text::after,
.dark-mode .right>.direct-chat-text::before {
  border-right-color: transparent;
}

.dark-mode .direct-chat-primary .right>.direct-chat-text {
  background-color: #3f6791;
  border-color: #3f6791;
  color: #fff;
}

.dark-mode .direct-chat-primary .right>.direct-chat-text::after,
.dark-mode .direct-chat-primary .right>.direct-chat-text::before {
  border-left-color: #3f6791;
}

.dark-mode .direct-chat-secondary .right>.direct-chat-text {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .direct-chat-secondary .right>.direct-chat-text::after,
.dark-mode .direct-chat-secondary .right>.direct-chat-text::before {
  border-left-color: #6c757d;
}

.dark-mode .direct-chat-success .right>.direct-chat-text {
  background-color: #00bc8c;
  border-color: #00bc8c;
  color: #fff;
}

.dark-mode .direct-chat-success .right>.direct-chat-text::after,
.dark-mode .direct-chat-success .right>.direct-chat-text::before {
  border-left-color: #00bc8c;
}

.dark-mode .direct-chat-info .right>.direct-chat-text {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
}

.dark-mode .direct-chat-info .right>.direct-chat-text::after,
.dark-mode .direct-chat-info .right>.direct-chat-text::before {
  border-left-color: #3498db;
}

.dark-mode .direct-chat-warning .right>.direct-chat-text {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .direct-chat-warning .right>.direct-chat-text::after,
.dark-mode .direct-chat-warning .right>.direct-chat-text::before {
  border-left-color: #f39c12;
}

.dark-mode .direct-chat-danger .right>.direct-chat-text {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}

.dark-mode .direct-chat-danger .right>.direct-chat-text::after,
.dark-mode .direct-chat-danger .right>.direct-chat-text::before {
  border-left-color: #e74c3c;
}

.dark-mode .direct-chat-light .right>.direct-chat-text {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #1f2d3d;
}

.dark-mode .direct-chat-light .right>.direct-chat-text::after,
.dark-mode .direct-chat-light .right>.direct-chat-text::before {
  border-left-color: #f8f9fa;
}

.dark-mode .direct-chat-dark .right>.direct-chat-text {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.dark-mode .direct-chat-dark .right>.direct-chat-text::after,
.dark-mode .direct-chat-dark .right>.direct-chat-text::before {
  border-left-color: #343a40;
}

.dark-mode .direct-chat-lightblue .right>.direct-chat-text {
  background-color: #86bad8;
  border-color: #86bad8;
  color: #1f2d3d;
}

.dark-mode .direct-chat-lightblue .right>.direct-chat-text::after,
.dark-mode .direct-chat-lightblue .right>.direct-chat-text::before {
  border-left-color: #86bad8;
}

.dark-mode .direct-chat-navy .right>.direct-chat-text {
  background-color: #002c59;
  border-color: #002c59;
  color: #fff;
}

.dark-mode .direct-chat-navy .right>.direct-chat-text::after,
.dark-mode .direct-chat-navy .right>.direct-chat-text::before {
  border-left-color: #002c59;
}

.dark-mode .direct-chat-olive .right>.direct-chat-text {
  background-color: #74c8a3;
  border-color: #74c8a3;
  color: #1f2d3d;
}

.dark-mode .direct-chat-olive .right>.direct-chat-text::after,
.dark-mode .direct-chat-olive .right>.direct-chat-text::before {
  border-left-color: #74c8a3;
}

.dark-mode .direct-chat-lime .right>.direct-chat-text {
  background-color: #67ffa9;
  border-color: #67ffa9;
  color: #1f2d3d;
}

.dark-mode .direct-chat-lime .right>.direct-chat-text::after,
.dark-mode .direct-chat-lime .right>.direct-chat-text::before {
  border-left-color: #67ffa9;
}

.dark-mode .direct-chat-fuchsia .right>.direct-chat-text {
  background-color: #f672d8;
  border-color: #f672d8;
  color: #1f2d3d;
}

.dark-mode .direct-chat-fuchsia .right>.direct-chat-text::after,
.dark-mode .direct-chat-fuchsia .right>.direct-chat-text::before {
  border-left-color: #f672d8;
}

.dark-mode .direct-chat-maroon .right>.direct-chat-text {
  background-color: #ed6c9b;
  border-color: #ed6c9b;
  color: #1f2d3d;
}

.dark-mode .direct-chat-maroon .right>.direct-chat-text::after,
.dark-mode .direct-chat-maroon .right>.direct-chat-text::before {
  border-left-color: #ed6c9b;
}

.dark-mode .direct-chat-blue .right>.direct-chat-text {
  background-color: #3f6791;
  border-color: #3f6791;
  color: #fff;
}

.dark-mode .direct-chat-blue .right>.direct-chat-text::after,
.dark-mode .direct-chat-blue .right>.direct-chat-text::before {
  border-left-color: #3f6791;
}

.dark-mode .direct-chat-indigo .right>.direct-chat-text {
  background-color: #6610f2;
  border-color: #6610f2;
  color: #fff;
}

.dark-mode .direct-chat-indigo .right>.direct-chat-text::after,
.dark-mode .direct-chat-indigo .right>.direct-chat-text::before {
  border-left-color: #6610f2;
}

.dark-mode .direct-chat-purple .right>.direct-chat-text {
  background-color: #6f42c1;
  border-color: #6f42c1;
  color: #fff;
}

.dark-mode .direct-chat-purple .right>.direct-chat-text::after,
.dark-mode .direct-chat-purple .right>.direct-chat-text::before {
  border-left-color: #6f42c1;
}

.dark-mode .direct-chat-pink .right>.direct-chat-text {
  background-color: #e83e8c;
  border-color: #e83e8c;
  color: #fff;
}

.dark-mode .direct-chat-pink .right>.direct-chat-text::after,
.dark-mode .direct-chat-pink .right>.direct-chat-text::before {
  border-left-color: #e83e8c;
}

.dark-mode .direct-chat-red .right>.direct-chat-text {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}

.dark-mode .direct-chat-red .right>.direct-chat-text::after,
.dark-mode .direct-chat-red .right>.direct-chat-text::before {
  border-left-color: #e74c3c;
}

.dark-mode .direct-chat-orange .right>.direct-chat-text {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #1f2d3d;
}

.dark-mode .direct-chat-orange .right>.direct-chat-text::after,
.dark-mode .direct-chat-orange .right>.direct-chat-text::before {
  border-left-color: #fd7e14;
}

.dark-mode .direct-chat-yellow .right>.direct-chat-text {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .direct-chat-yellow .right>.direct-chat-text::after,
.dark-mode .direct-chat-yellow .right>.direct-chat-text::before {
  border-left-color: #f39c12;
}

.dark-mode .direct-chat-green .right>.direct-chat-text {
  background-color: #00bc8c;
  border-color: #00bc8c;
  color: #fff;
}

.dark-mode .direct-chat-green .right>.direct-chat-text::after,
.dark-mode .direct-chat-green .right>.direct-chat-text::before {
  border-left-color: #00bc8c;
}

.dark-mode .direct-chat-teal .right>.direct-chat-text {
  background-color: #20c997;
  border-color: #20c997;
  color: #fff;
}

.dark-mode .direct-chat-teal .right>.direct-chat-text::after,
.dark-mode .direct-chat-teal .right>.direct-chat-text::before {
  border-left-color: #20c997;
}

.dark-mode .direct-chat-cyan .right>.direct-chat-text {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
}

.dark-mode .direct-chat-cyan .right>.direct-chat-text::after,
.dark-mode .direct-chat-cyan .right>.direct-chat-text::before {
  border-left-color: #3498db;
}

.dark-mode .direct-chat-white .right>.direct-chat-text {
  background-color: #fff;
  border-color: #fff;
  color: #1f2d3d;
}

.dark-mode .direct-chat-white .right>.direct-chat-text::after,
.dark-mode .direct-chat-white .right>.direct-chat-text::before {
  border-left-color: #fff;
}

.dark-mode .direct-chat-gray .right>.direct-chat-text {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .direct-chat-gray .right>.direct-chat-text::after,
.dark-mode .direct-chat-gray .right>.direct-chat-text::before {
  border-left-color: #6c757d;
}

.dark-mode .direct-chat-gray-dark .right>.direct-chat-text {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.dark-mode .direct-chat-gray-dark .right>.direct-chat-text::after,
.dark-mode .direct-chat-gray-dark .right>.direct-chat-text::before {
  border-left-color: #343a40;
}

.users-list {
  padding-left: 0;
  list-style: none;
}

.users-list>li {
  float: left;
  padding: 10px;
  text-align: center;
  width: 25%;
}

.users-list>li img {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
}

.users-list>li>a:hover,
.users-list>li>a:hover .users-list-name {
  color: #999;
}

.users-list-name,
.users-list-date {
  display: block;
}

.users-list-name {
  color: #495057;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.users-list-date {
  color: #748290;
  font-size: 12px;
}

.dark-mode .users-list-name {
  color: #ced4da;
}

.dark-mode .users-list-date {
  color: #adb5bd;
}

.card-widget {
  border: 0;
  position: relative;
}

.widget-user .widget-user-header {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  height: 135px;
  padding: 1rem;
  text-align: center;
}

.widget-user .widget-user-username {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-desc {
  margin-top: 0;
}

.widget-user .widget-user-image {
  left: 50%;
  margin-left: -45px;
  position: absolute;
  top: 80px;
}

.widget-user .widget-user-image>img {
  border: 3px solid #fff;
  height: auto;
  width: 90px;
}

.widget-user .card-footer {
  padding-top: 50px;
}

.widget-user-2 .widget-user-header {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 1rem;
}

.widget-user-2 .widget-user-username {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 5px;
}

.widget-user-2 .widget-user-desc {
  margin-top: 0;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}

.widget-user-2 .widget-user-image>img {
  float: left;
  height: auto;
  width: 65px;
}

.mailbox-messages>.table {
  margin: 0;
}

.mailbox-controls {
  padding: 5px;
}

.mailbox-controls.with-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.mailbox-read-info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 10px;
}

.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}

.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0;
}

.mailbox-read-time {
  color: #999;
  font-size: 13px;
}

.mailbox-read-message {
  padding: 10px;
}

.mailbox-attachments {
  padding-left: 0;
  list-style: none;
}

.mailbox-attachments li {
  border: 1px solid #eee;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 200px;
}

.mailbox-attachment-name {
  color: #666;
  font-weight: 700;
}

.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}

.mailbox-attachment-info {
  background-color: #f8f9fa;
  padding: 10px;
}

.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}

.mailbox-attachment-size>span {
  display: inline-block;
  padding-top: .75rem;
}

.mailbox-attachment-icon {
  color: #666;
  font-size: 65px;
  max-height: 132.5px;
  padding: 20px 10px;
  text-align: center;
}

.mailbox-attachment-icon.has-img {
  padding: 0;
}

.mailbox-attachment-icon.has-img>img {
  height: auto;
  max-width: 100%;
}

.lockscreen {
  background-color: #e9ecef;
}

.lockscreen .lockscreen-name {
  font-weight: 600;
  text-align: center;
}

.lockscreen-logo {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 25px;
  text-align: center;
}

.lockscreen-logo a {
  color: #495057;
}

.lockscreen-wrapper {
  margin: 0 auto;
  margin-top: 10%;
  max-width: 400px;
}

.lockscreen-item {
  border-radius: 4px;
  background-color: #fff;
  margin: 10px auto 30px;
  padding: 0;
  position: relative;
  width: 290px;
}

.lockscreen-image {
  border-radius: 50%;
  background-color: #fff;
  left: -10px;
  padding: 5px;
  position: absolute;
  top: -25px;
  z-index: 10;
}

.lockscreen-image>img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
}

.lockscreen-credentials {
  margin-left: 70px;
}

.lockscreen-credentials .form-control {
  border: 0;
}

.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}

.lockscreen-footer {
  margin-top: 10px;
}

.dark-mode .lockscreen-item {
  background-color: #343a40;
}

.dark-mode .lockscreen-logo a {
  color: #fff;
}

.dark-mode .lockscreen-credentials .btn {
  background-color: #343a40;
}

.dark-mode .lockscreen-image {
  background-color: #6c757d;
}

.login-logo,
.register-logo {
  font-size: 2.1rem;
  font-weight: 300;
  margin-bottom: .9rem;
  text-align: center;
}

.login-logo a,
.register-logo a {
  color: #495057;
}

.login-page,
.register-page {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e9ecef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../../img/plantilla/fondo.jpg);
  background-size: cover;
  overflow: hidden;
  z-index: -1;
}

.login-box,
.register-box {
  width: 360px;
}

@media (max-width: 576px) {

  .login-box,
  .register-box {
    margin-top: .5rem;
    width: 90%;
  }
}

.login-box .card,
.register-box .card {
  margin-bottom: 0;
}

.login-card-body,
.register-card-body {
  background-color: #fff;
  border-top: 0;
  color: #666;
  padding: 20px;
}

.login-card-body .input-group .form-control,
.register-card-body .input-group .form-control {
  border-right: 0;
}

.login-card-body .input-group .form-control:focus,
.register-card-body .input-group .form-control:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text {
  border-color: #80bdff;
}

.login-card-body .input-group .form-control.is-valid:focus,
.register-card-body .input-group .form-control.is-valid:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control.is-valid~.input-group-prepend .input-group-text,
.login-card-body .input-group .form-control.is-valid~.input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-valid~.input-group-prepend .input-group-text,
.register-card-body .input-group .form-control.is-valid~.input-group-append .input-group-text {
  border-color: #28a745;
}

.login-card-body .input-group .form-control.is-invalid:focus,
.register-card-body .input-group .form-control.is-invalid:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text {
  border-color: #dc3545;
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text {
  background-color: transparent;
  border-bottom-right-radius: 0.25rem;
  border-left: 0;
  border-top-right-radius: 0.25rem;
  color: #777;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login-box-msg,
.register-box-msg {
  margin: 0;
  padding: 0 20px 20px;
  text-align: center;
}

.social-auth-links {
  margin: 10px 0;
}

.dark-mode .login-card-body,
.dark-mode .register-card-body {
  background-color: #343a40;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .login-logo a,
.dark-mode .register-logo a {
  color: #fff;
}

.error-page {
  margin: 20px auto 0;
  width: 600px;
}

@media (max-width: 767.98px) {
  .error-page {
    width: 100%;
  }
}

.error-page>.headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}

@media (max-width: 767.98px) {
  .error-page>.headline {
    float: none;
    text-align: center;
  }
}

.error-page>.error-content {
  display: block;
  margin-left: 190px;
}

@media (max-width: 767.98px) {
  .error-page>.error-content {
    margin-left: 0;
  }
}

.error-page>.error-content>h3 {
  font-size: 25px;
  font-weight: 300;
}

@media (max-width: 767.98px) {
  .error-page>.error-content>h3 {
    text-align: center;
  }
}

.invoice {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  position: relative;
}

.invoice-title {
  margin-top: 0;
}

.dark-mode .invoice {
  background-color: #343a40;
}

.profile-user-img {
  border: 3px solid #adb5bd;
  margin: 0 auto;
  padding: 3px;
  width: 100px;
}

.profile-username {
  font-size: 21px;
  margin-top: 5px;
}

.post {
  border-bottom: 1px solid #adb5bd;
  color: #666;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.post .user-block {
  margin-bottom: 15px;
  width: 100%;
}

.post .row {
  width: 100%;
}

.dark-mode .post {
  color: #fff;
  border-color: #6c757d;
}

.product-image {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.product-image-thumbs {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.product-image-thumb {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  border-radius: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1rem;
  max-width: 7rem;
  padding: 0.5rem;
}

.product-image-thumb img {
  max-width: 100%;
  height: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.product-image-thumb:hover {
  opacity: .5;
}

.product-share a {
  margin-right: .5rem;
}

.projects td {
  vertical-align: middle;
}

.projects .list-inline {
  margin-bottom: 0;
}

.projects img.table-avatar,
.projects .table-avatar img {
  border-radius: 50%;
  display: inline;
  width: 2.5rem;
}

.projects .project-state {
  text-align: center;
}

body.iframe-mode .main-sidebar {
  display: none;
}

body.iframe-mode .content-wrapper {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

body.iframe-mode .main-header,
body.iframe-mode .main-footer {
  display: none;
}

body.iframe-mode-fullscreen {
  overflow: hidden;
}

.content-wrapper {
  height: 100%;
}

.content-wrapper.iframe-mode .btn-iframe-close {
  color: #dc3545;
  position: absolute;
  line-height: 1;
  right: .125rem;
  top: .125rem;
  z-index: 10;
  visibility: hidden;
}

.content-wrapper.iframe-mode .btn-iframe-close:hover,
.content-wrapper.iframe-mode .btn-iframe-close:focus {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

@media (hover: none) and (pointer: coarse) {
  .content-wrapper.iframe-mode .btn-iframe-close {
    visibility: visible;
  }
}

.content-wrapper.iframe-mode .navbar-nav {
  overflow-y: auto;
  width: 100%;
}

.content-wrapper.iframe-mode .navbar-nav .nav-link {
  white-space: nowrap;
}

.content-wrapper.iframe-mode .navbar-nav .nav-item {
  position: relative;
}

.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close,
.content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

@media (hover: none) and (pointer: coarse) {

  .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close,
  .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
    visibility: visible;
  }
}

.content-wrapper.iframe-mode .tab-content {
  position: relative;
}

.content-wrapper.iframe-mode .tab-pane+.tab-empty {
  display: none;
}

.content-wrapper.iframe-mode .tab-empty {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-wrapper.iframe-mode .tab-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  background-color: #f4f6f9;
}

.content-wrapper.iframe-mode .tab-loading>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.content-wrapper.iframe-mode iframe {
  border: 0;
  width: 100%;
  height: 100%;
  margin-bottom: -8px;
}

.content-wrapper.iframe-mode iframe .content-wrapper {
  padding-bottom: 0 !important;
}

body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin-left: 0 !important;
  height: 100%;
  min-height: 100%;
  z-index: 1048;
}

.permanent-btn-iframe-close .btn-iframe-close {
  -webkit-animation: none !important;
  animation: none !important;
  visibility: visible !important;
  opacity: 1;
}

.content-wrapper.kanban {
  height: 1px;
}

.content-wrapper.kanban .content {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.content-wrapper.kanban .content .container,
.content-wrapper.kanban .content .container-fluid,
.content-wrapper.kanban .content .container-sm,
.content-wrapper.kanban .content .container-md,
.content-wrapper.kanban .content .container-lg,
.content-wrapper.kanban .content .container-xl {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.content-wrapper.kanban .content-header+.content {
  height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
}

.content-wrapper.kanban .card .card-body {
  padding: .5rem;
}

.content-wrapper.kanban .card.card-row {
  width: 340px;
  display: inline-block;
  margin: 0 .5rem;
}

.content-wrapper.kanban .card.card-row:first-child {
  margin-left: 0;
}

.content-wrapper.kanban .card.card-row .card-body {
  height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
  overflow-y: auto;
}

.content-wrapper.kanban .card.card-row .card:last-child {
  margin-bottom: 0;
  border-bottom-width: 1px;
}

.content-wrapper.kanban .card.card-row .card .card-header {
  padding: .5rem .75rem;
}

.content-wrapper.kanban .card.card-row .card .card-body {
  padding: .75rem;
}

.content-wrapper.kanban .btn-tool.btn-link {
  text-decoration: underline;
  padding-left: 0;
  padding-right: 0;
}

.fc-button {
  background: #f8f9fa;
  background-image: none;
  border-bottom-color: #ddd;
  border-color: #ddd;
  color: #495057;
}

.fc-button:hover,
.fc-button:active,
.fc-button.hover {
  background-color: #e9e9e9;
}

.fc-header-title h2 {
  color: #666;
  font-size: 15px;
  line-height: 1.6em;
  margin-left: 10px;
}

.fc-header-right {
  padding-right: 10px;
}

.fc-header-left {
  padding-left: 10px;
}

.fc-widget-header {
  background: #fafafa;
}

.fc-grid {
  border: 0;
  width: 100%;
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 0;
}

.fc-toolbar,
.fc-toolbar.fc-header-toolbar {
  margin: 0;
  padding: 1rem;
}

@media (max-width: 575.98px) {
  .fc-toolbar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fc-toolbar .fc-left {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: .5rem;
  }

  .fc-toolbar .fc-center {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: .375rem;
  }

  .fc-toolbar .fc-right {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

.fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
}

.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fc-color-picker>li {
  float: left;
  font-size: 30px;
  line-height: 30px;
  margin-right: 5px;
}

.fc-color-picker>li .fa,
.fc-color-picker>li .fas,
.fc-color-picker>li .far,
.fc-color-picker>li .fab,
.fc-color-picker>li .fal,
.fc-color-picker>li .fad,
.fc-color-picker>li .svg-inline--fa,
.fc-color-picker>li .ion {
  transition: -webkit-transform linear .3s;
  transition: transform linear .3s;
  transition: transform linear .3s, -webkit-transform linear .3s;
}

.fc-color-picker>li .fa:hover,
.fc-color-picker>li .fas:hover,
.fc-color-picker>li .far:hover,
.fc-color-picker>li .fab:hover,
.fc-color-picker>li .fal:hover,
.fc-color-picker>li .fad:hover,
.fc-color-picker>li .svg-inline--fa:hover,
.fc-color-picker>li .ion:hover {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

#add-new-event {
  transition: all linear .3s;
}

.external-event {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  cursor: move;
  font-weight: 700;
  margin-bottom: 4px;
  padding: 5px 10px;
}

.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
  padding: 0.46875rem 0.75rem;
  height: calc(2.25rem + 2px);
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #80bdff;
}

.select2-container--default .select2-dropdown {
  border: 1px solid #ced4da;
}

.select2-container--default .select2-results__option {
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  height: auto;
  margin-top: -3px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 31px;
  right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}

.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
  border: 1px solid #ced4da;
}

.select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #80bdff;
}

.select2-container--default .select2-dropdown.select2-dropdown--below {
  border-top: 0;
}

.select2-container--default .select2-dropdown.select2-dropdown--above {
  border-bottom: 0;
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
  color: #6c757d;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #dee2e6;
}

.select2-container--default .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__option[aria-selected='true']:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-results__option--highlighted {
  background-color: #007bff;
  color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #0074f0;
  color: #fff;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
  min-height: calc(2.25rem + 2px);
}

.select2-container--default .select2-selection--multiple:focus {
  border-color: #80bdff;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 0.375rem 0.375rem;
  margin-bottom: -0.375rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
  width: 100%;
  margin-left: 0.375rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  border: 0;
  margin-top: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #007bff;
  border-color: #006fe6;
  color: #fff;
  padding: 0 10px;
  margin-top: .31rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
  float: right;
  margin-left: 5px;
  margin-right: -2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
  margin-top: 8px;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice {
  margin-top: .4rem;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
}

.select2-container--default.select2-container--focus .select2-search__field {
  border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered li {
  padding-right: 10px;
}

.input-group-prepend~.select2-container--default .select2-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group>.select2-container--default:not(:last-child) .select2-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  box-shadow: none;
}

select.form-control-sm~.select2-container--default {
  font-size: 0.875rem;
}

.text-sm .select2-container--default .select2-selection--single,
select.form-control-sm~.select2-container--default .select2-selection--single {
  height: calc(1.8125rem + 2px);
}

.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: -.4rem;
}

.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,
select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -.12rem;
}

.text-sm .select2-container--default .select2-selection--multiple,
select.form-control-sm~.select2-container--default .select2-selection--multiple {
  min-height: calc(1.8125rem + 2px);
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,
select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 0.25rem 0.25rem;
  margin-top: -0.1rem;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline,
select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
  margin-left: 0.25rem;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  margin-top: 6px;
}

.maximized-card .select2-dropdown {
  z-index: 9999;
}

.select2-primary+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #80bdff;
}

.select2-primary+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #80bdff;
}

.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #80bdff;
}

.select2-container--default .select2-primary .select2-results__option--highlighted,
.select2-primary .select2-container--default .select2-results__option--highlighted {
  background-color: #007bff;
  color: #fff;
}

.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #0074f0;
  color: #fff;
}

.select2-container--default .select2-primary .select2-selection--multiple:focus,
.select2-primary .select2-container--default .select2-selection--multiple:focus {
  border-color: #80bdff;
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #007bff;
  border-color: #006fe6;
  color: #fff;
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
}

.select2-secondary+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #afb5ba;
}

.select2-secondary+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #afb5ba;
}

.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #afb5ba;
}

.select2-container--default .select2-secondary .select2-results__option--highlighted,
.select2-secondary .select2-container--default .select2-results__option--highlighted {
  background-color: #6c757d;
  color: #fff;
}

.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #656d75;
  color: #fff;
}

.select2-container--default .select2-secondary .select2-selection--multiple:focus,
.select2-secondary .select2-container--default .select2-selection--multiple:focus {
  border-color: #afb5ba;
}

.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6c757d;
  border-color: #60686f;
  color: #fff;
}

.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #afb5ba;
}

.select2-success+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #71dd8a;
}

.select2-success+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #71dd8a;
}

.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #71dd8a;
}

.select2-container--default .select2-success .select2-results__option--highlighted,
.select2-success .select2-container--default .select2-results__option--highlighted {
  background-color: #28a745;
  color: #fff;
}

.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #259b40;
  color: #fff;
}

.select2-container--default .select2-success .select2-selection--multiple:focus,
.select2-success .select2-container--default .select2-selection--multiple:focus {
  border-color: #71dd8a;
}

.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #28a745;
  border-color: #23923d;
  color: #fff;
}

.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #71dd8a;
}

.select2-info+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #63d9ec;
}

.select2-info+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #63d9ec;
}

.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #63d9ec;
}

.select2-container--default .select2-info .select2-results__option--highlighted,
.select2-info .select2-container--default .select2-results__option--highlighted {
  background-color: #17a2b8;
  color: #fff;
}

.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #1596aa;
  color: #fff;
}

.select2-container--default .select2-info .select2-selection--multiple:focus,
.select2-info .select2-container--default .select2-selection--multiple:focus {
  border-color: #63d9ec;
}

.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #17a2b8;
  border-color: #148ea1;
  color: #fff;
}

.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #63d9ec;
}

.select2-warning+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #ffe187;
}

.select2-warning+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #ffe187;
}

.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #ffe187;
}

.select2-container--default .select2-warning .select2-results__option--highlighted,
.select2-warning .select2-container--default .select2-results__option--highlighted {
  background-color: #ffc107;
  color: #1f2d3d;
}

.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #f7b900;
  color: #1f2d3d;
}

.select2-container--default .select2-warning .select2-selection--multiple:focus,
.select2-warning .select2-container--default .select2-selection--multiple:focus {
  border-color: #ffe187;
}

.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ffc107;
  border-color: #edb100;
  color: #1f2d3d;
}

.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ffe187;
}

.select2-danger+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #efa2a9;
}

.select2-danger+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #efa2a9;
}

.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #efa2a9;
}

.select2-container--default .select2-danger .select2-results__option--highlighted,
.select2-danger .select2-container--default .select2-results__option--highlighted {
  background-color: #dc3545;
  color: #fff;
}

.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #da2839;
  color: #fff;
}

.select2-container--default .select2-danger .select2-selection--multiple:focus,
.select2-danger .select2-container--default .select2-selection--multiple:focus {
  border-color: #efa2a9;
}

.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #dc3545;
  border-color: #d32535;
  color: #fff;
}

.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #efa2a9;
}

.select2-light+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: white;
}

.select2-light+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: white;
}

.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid white;
}

.select2-container--default .select2-light .select2-results__option--highlighted,
.select2-light .select2-container--default .select2-results__option--highlighted {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #eff1f4;
  color: #1f2d3d;
}

.select2-container--default .select2-light .select2-selection--multiple:focus,
.select2-light .select2-container--default .select2-selection--multiple:focus {
  border-color: white;
}

.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f9fa;
  border-color: #e9ecef;
  color: #1f2d3d;
}

.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: white;
}

.select2-dark+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #6d7a86;
}

.select2-dark+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #6d7a86;
}

.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #6d7a86;
}

.select2-container--default .select2-dark .select2-results__option--highlighted,
.select2-dark .select2-container--default .select2-results__option--highlighted {
  background-color: #343a40;
  color: #fff;
}

.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2d3238;
  color: #fff;
}

.select2-container--default .select2-dark .select2-selection--multiple:focus,
.select2-dark .select2-container--default .select2-selection--multiple:focus {
  border-color: #6d7a86;
}

.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #343a40;
  border-color: #292d32;
  color: #fff;
}

.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6d7a86;
}

.select2-lightblue+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #99c5de;
}

.select2-lightblue+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #99c5de;
}

.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #99c5de;
}

.select2-container--default .select2-lightblue .select2-results__option--highlighted,
.select2-lightblue .select2-container--default .select2-results__option--highlighted {
  background-color: #3c8dbc;
  color: #fff;
}

.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #3884b0;
  color: #fff;
}

.select2-container--default .select2-lightblue .select2-selection--multiple:focus,
.select2-lightblue .select2-container--default .select2-selection--multiple:focus {
  border-color: #99c5de;
}

.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,
.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  color: #fff;
}

.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,
.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #99c5de;
}

.select2-navy+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #005ebf;
}

.select2-navy+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #005ebf;
}

.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #005ebf;
}

.select2-container--default .select2-navy .select2-results__option--highlighted,
.select2-navy .select2-container--default .select2-results__option--highlighted {
  background-color: #001f3f;
  color: #fff;
}

.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #001730;
  color: #fff;
}

.select2-container--default .select2-navy .select2-selection--multiple:focus,
.select2-navy .select2-container--default .select2-selection--multiple:focus {
  border-color: #005ebf;
}

.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #001f3f;
  border-color: #001226;
  color: #fff;
}

.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #005ebf;
}

.select2-olive+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #87cfaf;
}

.select2-olive+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #87cfaf;
}

.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #87cfaf;
}

.select2-container--default .select2-olive .select2-results__option--highlighted,
.select2-olive .select2-container--default .select2-results__option--highlighted {
  background-color: #3d9970;
  color: #fff;
}

.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #398e68;
  color: #fff;
}

.select2-container--default .select2-olive .select2-selection--multiple:focus,
.select2-olive .select2-container--default .select2-selection--multiple:focus {
  border-color: #87cfaf;
}

.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3d9970;
  border-color: #368763;
  color: #fff;
}

.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #87cfaf;
}

.select2-lime+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #81ffb8;
}

.select2-lime+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #81ffb8;
}

.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #81ffb8;
}

.select2-container--default .select2-lime .select2-results__option--highlighted,
.select2-lime .select2-container--default .select2-results__option--highlighted {
  background-color: #01ff70;
  color: #1f2d3d;
}

.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #00f169;
  color: #1f2d3d;
}

.select2-container--default .select2-lime .select2-selection--multiple:focus,
.select2-lime .select2-container--default .select2-selection--multiple:focus {
  border-color: #81ffb8;
}

.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #01ff70;
  border-color: #00e765;
  color: #1f2d3d;
}

.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #81ffb8;
}

.select2-fuchsia+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f88adf;
}

.select2-fuchsia+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f88adf;
}

.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f88adf;
}

.select2-container--default .select2-fuchsia .select2-results__option--highlighted,
.select2-fuchsia .select2-container--default .select2-results__option--highlighted {
  background-color: #f012be;
  color: #fff;
}

.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #e40eb4;
  color: #fff;
}

.select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
.select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
  border-color: #f88adf;
}

.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f012be;
  border-color: #db0ead;
  color: #fff;
}

.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f88adf;
}

.select2-maroon+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f083ab;
}

.select2-maroon+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f083ab;
}

.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f083ab;
}

.select2-container--default .select2-maroon .select2-results__option--highlighted,
.select2-maroon .select2-container--default .select2-results__option--highlighted {
  background-color: #d81b60;
  color: #fff;
}

.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #ca195a;
  color: #fff;
}

.select2-container--default .select2-maroon .select2-selection--multiple:focus,
.select2-maroon .select2-container--default .select2-selection--multiple:focus {
  border-color: #f083ab;
}

.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #d81b60;
  border-color: #c11856;
  color: #fff;
}

.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f083ab;
}

.select2-blue+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #80bdff;
}

.select2-blue+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #80bdff;
}

.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #80bdff;
}

.select2-container--default .select2-blue .select2-results__option--highlighted,
.select2-blue .select2-container--default .select2-results__option--highlighted {
  background-color: #007bff;
  color: #fff;
}

.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #0074f0;
  color: #fff;
}

.select2-container--default .select2-blue .select2-selection--multiple:focus,
.select2-blue .select2-container--default .select2-selection--multiple:focus {
  border-color: #80bdff;
}

.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice,
.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #007bff;
  border-color: #006fe6;
  color: #fff;
}

.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple,
.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
}

.select2-indigo+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #b389f9;
}

.select2-indigo+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #b389f9;
}

.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #b389f9;
}

.select2-container--default .select2-indigo .select2-results__option--highlighted,
.select2-indigo .select2-container--default .select2-results__option--highlighted {
  background-color: #6610f2;
  color: #fff;
}

.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #5f0de6;
  color: #fff;
}

.select2-container--default .select2-indigo .select2-selection--multiple:focus,
.select2-indigo .select2-container--default .select2-selection--multiple:focus {
  border-color: #b389f9;
}

.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6610f2;
  border-color: #5b0cdd;
  color: #fff;
}

.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #b389f9;
}

.select2-purple+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #b8a2e0;
}

.select2-purple+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #b8a2e0;
}

.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #b8a2e0;
}

.select2-container--default .select2-purple .select2-results__option--highlighted,
.select2-purple .select2-container--default .select2-results__option--highlighted {
  background-color: #6f42c1;
  color: #fff;
}

.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #683cb8;
  color: #fff;
}

.select2-container--default .select2-purple .select2-selection--multiple:focus,
.select2-purple .select2-container--default .select2-selection--multiple:focus {
  border-color: #b8a2e0;
}

.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6f42c1;
  border-color: #643ab0;
  color: #fff;
}

.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #b8a2e0;
}

.select2-pink+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f6b0d0;
}

.select2-pink+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f6b0d0;
}

.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f6b0d0;
}

.select2-container--default .select2-pink .select2-results__option--highlighted,
.select2-pink .select2-container--default .select2-results__option--highlighted {
  background-color: #e83e8c;
  color: #fff;
}

.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #e63084;
  color: #fff;
}

.select2-container--default .select2-pink .select2-selection--multiple:focus,
.select2-pink .select2-container--default .select2-selection--multiple:focus {
  border-color: #f6b0d0;
}

.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e83e8c;
  border-color: #e5277e;
  color: #fff;
}

.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f6b0d0;
}

.select2-red+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #efa2a9;
}

.select2-red+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #efa2a9;
}

.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #efa2a9;
}

.select2-container--default .select2-red .select2-results__option--highlighted,
.select2-red .select2-container--default .select2-results__option--highlighted {
  background-color: #dc3545;
  color: #fff;
}

.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #da2839;
  color: #fff;
}

.select2-container--default .select2-red .select2-selection--multiple:focus,
.select2-red .select2-container--default .select2-selection--multiple:focus {
  border-color: #efa2a9;
}

.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #dc3545;
  border-color: #d32535;
  color: #fff;
}

.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #efa2a9;
}

.select2-orange+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #fec392;
}

.select2-orange+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fec392;
}

.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #fec392;
}

.select2-container--default .select2-orange .select2-results__option--highlighted,
.select2-orange .select2-container--default .select2-results__option--highlighted {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #fd7605;
  color: #fff;
}

.select2-container--default .select2-orange .select2-selection--multiple:focus,
.select2-orange .select2-container--default .select2-selection--multiple:focus {
  border-color: #fec392;
}

.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fd7e14;
  border-color: #f57102;
  color: #1f2d3d;
}

.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #fec392;
}

.select2-yellow+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #ffe187;
}

.select2-yellow+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #ffe187;
}

.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #ffe187;
}

.select2-container--default .select2-yellow .select2-results__option--highlighted,
.select2-yellow .select2-container--default .select2-results__option--highlighted {
  background-color: #ffc107;
  color: #1f2d3d;
}

.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #f7b900;
  color: #1f2d3d;
}

.select2-container--default .select2-yellow .select2-selection--multiple:focus,
.select2-yellow .select2-container--default .select2-selection--multiple:focus {
  border-color: #ffe187;
}

.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ffc107;
  border-color: #edb100;
  color: #1f2d3d;
}

.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ffe187;
}

.select2-green+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #71dd8a;
}

.select2-green+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #71dd8a;
}

.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #71dd8a;
}

.select2-container--default .select2-green .select2-results__option--highlighted,
.select2-green .select2-container--default .select2-results__option--highlighted {
  background-color: #28a745;
  color: #fff;
}

.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #259b40;
  color: #fff;
}

.select2-container--default .select2-green .select2-selection--multiple:focus,
.select2-green .select2-container--default .select2-selection--multiple:focus {
  border-color: #71dd8a;
}

.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #28a745;
  border-color: #23923d;
  color: #fff;
}

.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #71dd8a;
}

.select2-teal+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #7eeaca;
}

.select2-teal+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #7eeaca;
}

.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #7eeaca;
}

.select2-container--default .select2-teal .select2-results__option--highlighted,
.select2-teal .select2-container--default .select2-results__option--highlighted {
  background-color: #20c997;
  color: #fff;
}

.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #1ebc8d;
  color: #fff;
}

.select2-container--default .select2-teal .select2-selection--multiple:focus,
.select2-teal .select2-container--default .select2-selection--multiple:focus {
  border-color: #7eeaca;
}

.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #20c997;
  border-color: #1cb386;
  color: #fff;
}

.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #7eeaca;
}

.select2-cyan+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #63d9ec;
}

.select2-cyan+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #63d9ec;
}

.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #63d9ec;
}

.select2-container--default .select2-cyan .select2-results__option--highlighted,
.select2-cyan .select2-container--default .select2-results__option--highlighted {
  background-color: #17a2b8;
  color: #fff;
}

.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #1596aa;
  color: #fff;
}

.select2-container--default .select2-cyan .select2-selection--multiple:focus,
.select2-cyan .select2-container--default .select2-selection--multiple:focus {
  border-color: #63d9ec;
}

.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #17a2b8;
  border-color: #148ea1;
  color: #fff;
}

.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #63d9ec;
}

.select2-white+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: white;
}

.select2-white+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: white;
}

.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid white;
}

.select2-container--default .select2-white .select2-results__option--highlighted,
.select2-white .select2-container--default .select2-results__option--highlighted {
  background-color: #fff;
  color: #1f2d3d;
}

.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #f7f7f7;
  color: #1f2d3d;
}

.select2-container--default .select2-white .select2-selection--multiple:focus,
.select2-white .select2-container--default .select2-selection--multiple:focus {
  border-color: white;
}

.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border-color: #f2f2f2;
  color: #1f2d3d;
}

.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: white;
}

.select2-gray+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #afb5ba;
}

.select2-gray+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #afb5ba;
}

.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #afb5ba;
}

.select2-container--default .select2-gray .select2-results__option--highlighted,
.select2-gray .select2-container--default .select2-results__option--highlighted {
  background-color: #6c757d;
  color: #fff;
}

.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #656d75;
  color: #fff;
}

.select2-container--default .select2-gray .select2-selection--multiple:focus,
.select2-gray .select2-container--default .select2-selection--multiple:focus {
  border-color: #afb5ba;
}

.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6c757d;
  border-color: #60686f;
  color: #fff;
}

.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #afb5ba;
}

.select2-gray-dark+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #6d7a86;
}

.select2-gray-dark+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #6d7a86;
}

.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #6d7a86;
}

.select2-container--default .select2-gray-dark .select2-results__option--highlighted,
.select2-gray-dark .select2-container--default .select2-results__option--highlighted {
  background-color: #343a40;
  color: #fff;
}

.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2d3238;
  color: #fff;
}

.select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
.select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
  border-color: #6d7a86;
}

.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #343a40;
  border-color: #292d32;
  color: #fff;
}

.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6d7a86;
}

.dark-mode .select2-selection {
  background-color: #343a40;
  border-color: #6c757d;
}

.dark-mode .select2-container--disabled .select2-selection--single {
  background-color: #454d55;
}

.dark-mode .select2-selection--single {
  background-color: #343a40;
  border-color: #6c757d;
}

.dark-mode .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.dark-mode .select2-dropdown .select2-search__field,
.dark-mode .select2-search--inline .select2-search__field {
  background-color: #343a40;
  border-color: #6c757d;
  color: white;
}

.dark-mode .select2-dropdown {
  background-color: #343a40;
  border-color: #6c757d;
  color: white;
}

.dark-mode .select2-results__option[aria-selected="true"] {
  background-color: #3f474e !important;
  color: #dee2e6;
}

.dark-mode .select2-container .select2-search--inline .select2-search__field {
  background-color: transparent;
  color: #fff;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  color: #fff;
}

.dark-mode .select2-primary+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #85a7ca;
}

.dark-mode .select2-primary+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted,
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted {
  background-color: #3f6791;
  color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #3a5f86;
  color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus {
  border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3f6791;
  border-color: #375a7f;
  color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #85a7ca;
}

.dark-mode .select2-secondary+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #afb5ba;
}

.dark-mode .select2-secondary+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted,
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted {
  background-color: #6c757d;
  color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #656d75;
  color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus {
  border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6c757d;
  border-color: #60686f;
  color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #afb5ba;
}

.dark-mode .select2-success+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #3dffcd;
}

.dark-mode .select2-success+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted,
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted {
  background-color: #00bc8c;
  color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #00ad81;
  color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus {
  border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #00bc8c;
  border-color: #00a379;
  color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #3dffcd;
}

.dark-mode .select2-info+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #a0cfee;
}

.dark-mode .select2-info+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted,
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted {
  background-color: #3498db;
  color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2791d9;
  color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus {
  border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3498db;
  border-color: #258cd1;
  color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #a0cfee;
}

.dark-mode .select2-warning+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f9cf8b;
}

.dark-mode .select2-warning+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted,
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted {
  background-color: #f39c12;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #ea940c;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus {
  border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f39c12;
  border-color: #e08e0b;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f9cf8b;
}

.dark-mode .select2-danger+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f5b4ae;
}

.dark-mode .select2-danger+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted,
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted {
  background-color: #e74c3c;
  color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #e53f2e;
  color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus {
  border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e74c3c;
  border-color: #e43725;
  color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f5b4ae;
}

.dark-mode .select2-light+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: white;
}

.dark-mode .select2-light+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: white;
}

.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid white;
}

.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted,
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #eff1f4;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus {
  border-color: white;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f9fa;
  border-color: #e9ecef;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: white;
}

.dark-mode .select2-dark+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #6d7a86;
}

.dark-mode .select2-dark+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #6d7a86;
}

.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted,
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted {
  background-color: #343a40;
  color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2d3238;
  color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus {
  border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #343a40;
  border-color: #292d32;
  color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6d7a86;
}

.dark-mode .select2-lightblue+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #e6f1f7;
}

.dark-mode .select2-lightblue+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted,
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted {
  background-color: #86bad8;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #7ab3d5;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus {
  border-color: #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #86bad8;
  border-color: #72afd2;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #e6f1f7;
}

.dark-mode .select2-navy+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #006ad8;
}

.dark-mode .select2-navy+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #006ad8;
}

.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #006ad8;
}

.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted,
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted {
  background-color: #002c59;
  color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #002449;
  color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus {
  border-color: #006ad8;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #002c59;
  border-color: #001f3f;
  color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #006ad8;
}

.dark-mode .select2-olive+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #cfecdf;
}

.dark-mode .select2-olive+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #cfecdf;
}

.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #cfecdf;
}

.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted,
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted {
  background-color: #74c8a3;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #69c39b;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus {
  border-color: #cfecdf;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #74c8a3;
  border-color: #62c096;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #cfecdf;
}

.dark-mode .select2-lime+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #e7fff1;
}

.dark-mode .select2-lime+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #e7fff1;
}

.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #e7fff1;
}

.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted,
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted {
  background-color: #67ffa9;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #58ffa1;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus {
  border-color: #e7fff1;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #67ffa9;
  border-color: #4eff9b;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #e7fff1;
}

.dark-mode .select2-fuchsia+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #feeaf9;
}

.dark-mode .select2-fuchsia+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted,
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
  background-color: #f672d8;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #f564d4;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
  border-color: #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f672d8;
  border-color: #f55ad2;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #feeaf9;
}

.dark-mode .select2-maroon+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #fbdee8;
}

.dark-mode .select2-maroon+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted,
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted {
  background-color: #ed6c9b;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #eb5f92;
  color: #fff;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus {
  border-color: #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ed6c9b;
  border-color: #ea568c;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #fbdee8;
}

.dark-mode .select2-blue+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #85a7ca;
}

.dark-mode .select2-blue+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #85a7ca;
}

.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted,
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted {
  background-color: #3f6791;
  color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #3a5f86;
  color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus {
  border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3f6791;
  border-color: #375a7f;
  color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #85a7ca;
}

.dark-mode .select2-indigo+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #b389f9;
}

.dark-mode .select2-indigo+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #b389f9;
}

.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #b389f9;
}

.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted,
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted {
  background-color: #6610f2;
  color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #5f0de6;
  color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus {
  border-color: #b389f9;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6610f2;
  border-color: #5b0cdd;
  color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #b389f9;
}

.dark-mode .select2-purple+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #b8a2e0;
}

.dark-mode .select2-purple+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted,
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted {
  background-color: #6f42c1;
  color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #683cb8;
  color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus {
  border-color: #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6f42c1;
  border-color: #643ab0;
  color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #b8a2e0;
}

.dark-mode .select2-pink+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f6b0d0;
}

.dark-mode .select2-pink+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted,
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted {
  background-color: #e83e8c;
  color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #e63084;
  color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus {
  border-color: #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e83e8c;
  border-color: #e5277e;
  color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f6b0d0;
}

.dark-mode .select2-red+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f5b4ae;
}

.dark-mode .select2-red+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f5b4ae;
}

.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted,
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted {
  background-color: #e74c3c;
  color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #e53f2e;
  color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus {
  border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e74c3c;
  border-color: #e43725;
  color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f5b4ae;
}

.dark-mode .select2-orange+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #fec392;
}

.dark-mode .select2-orange+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fec392;
}

.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #fec392;
}

.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted,
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #fd7605;
  color: #fff;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus {
  border-color: #fec392;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fd7e14;
  border-color: #f57102;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #fec392;
}

.dark-mode .select2-yellow+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #f9cf8b;
}

.dark-mode .select2-yellow+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted,
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted {
  background-color: #f39c12;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #ea940c;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus {
  border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f39c12;
  border-color: #e08e0b;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f9cf8b;
}

.dark-mode .select2-green+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #3dffcd;
}

.dark-mode .select2-green+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #3dffcd;
}

.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted,
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted {
  background-color: #00bc8c;
  color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #00ad81;
  color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus {
  border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #00bc8c;
  border-color: #00a379;
  color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #3dffcd;
}

.dark-mode .select2-teal+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #7eeaca;
}

.dark-mode .select2-teal+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #7eeaca;
}

.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #7eeaca;
}

.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted,
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted {
  background-color: #20c997;
  color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #1ebc8d;
  color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus {
  border-color: #7eeaca;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #20c997;
  border-color: #1cb386;
  color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #7eeaca;
}

.dark-mode .select2-cyan+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #a0cfee;
}

.dark-mode .select2-cyan+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted,
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted {
  background-color: #3498db;
  color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2791d9;
  color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus {
  border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3498db;
  border-color: #258cd1;
  color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #a0cfee;
}

.dark-mode .select2-white+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: white;
}

.dark-mode .select2-white+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: white;
}

.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid white;
}

.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted,
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted {
  background-color: #fff;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #f7f7f7;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus {
  border-color: white;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border-color: #f2f2f2;
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: white;
}

.dark-mode .select2-gray+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #afb5ba;
}

.dark-mode .select2-gray+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #afb5ba;
}

.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted,
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted {
  background-color: #6c757d;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #656d75;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus {
  border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6c757d;
  border-color: #60686f;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #afb5ba;
}

.dark-mode .select2-gray-dark+.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #6d7a86;
}

.dark-mode .select2-gray-dark+.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted,
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
  background-color: #343a40;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected],
.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #2d3238;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
  border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #343a40;
  border-color: #292d32;
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6d7a86;
}

.slider .tooltip.in {
  opacity: 0.9;
}

.slider.slider-vertical {
  height: 100%;
}

.slider.slider-horizontal {
  width: 100%;
}

.slider-primary .slider .slider-selection {
  background: #007bff;
}

.slider-secondary .slider .slider-selection {
  background: #6c757d;
}

.slider-success .slider .slider-selection {
  background: #28a745;
}

.slider-info .slider .slider-selection {
  background: #17a2b8;
}

.slider-warning .slider .slider-selection {
  background: #ffc107;
}

.slider-danger .slider .slider-selection {
  background: #dc3545;
}

.slider-light .slider .slider-selection {
  background: #f8f9fa;
}

.slider-dark .slider .slider-selection {
  background: #343a40;
}

.slider-lightblue .slider .slider-selection {
  background: #3c8dbc;
}

.slider-navy .slider .slider-selection {
  background: #001f3f;
}

.slider-olive .slider .slider-selection {
  background: #3d9970;
}

.slider-lime .slider .slider-selection {
  background: #01ff70;
}

.slider-fuchsia .slider .slider-selection {
  background: #f012be;
}

.slider-maroon .slider .slider-selection {
  background: #d81b60;
}

.slider-blue .slider .slider-selection {
  background: #007bff;
}

.slider-indigo .slider .slider-selection {
  background: #6610f2;
}

.slider-purple .slider .slider-selection {
  background: #6f42c1;
}

.slider-pink .slider .slider-selection {
  background: #e83e8c;
}

.slider-red .slider .slider-selection {
  background: #dc3545;
}

.slider-orange .slider .slider-selection {
  background: #fd7e14;
}

.slider-yellow .slider .slider-selection {
  background: #ffc107;
}

.slider-green .slider .slider-selection {
  background: #28a745;
}

.slider-teal .slider .slider-selection {
  background: #20c997;
}

.slider-cyan .slider .slider-selection {
  background: #17a2b8;
}

.slider-white .slider .slider-selection {
  background: #fff;
}

.slider-gray .slider .slider-selection {
  background: #6c757d;
}

.slider-gray-dark .slider .slider-selection {
  background: #343a40;
}

.dark-mode .slider-track {
  background-color: #4b545c;
  background-image: none;
}

.dark-mode .slider-primary .slider .slider-selection {
  background: #3f6791;
}

.dark-mode .slider-secondary .slider .slider-selection {
  background: #6c757d;
}

.dark-mode .slider-success .slider .slider-selection {
  background: #00bc8c;
}

.dark-mode .slider-info .slider .slider-selection {
  background: #3498db;
}

.dark-mode .slider-warning .slider .slider-selection {
  background: #f39c12;
}

.dark-mode .slider-danger .slider .slider-selection {
  background: #e74c3c;
}

.dark-mode .slider-light .slider .slider-selection {
  background: #f8f9fa;
}

.dark-mode .slider-dark .slider .slider-selection {
  background: #343a40;
}

.dark-mode .slider-lightblue .slider .slider-selection {
  background: #86bad8;
}

.dark-mode .slider-navy .slider .slider-selection {
  background: #002c59;
}

.dark-mode .slider-olive .slider .slider-selection {
  background: #74c8a3;
}

.dark-mode .slider-lime .slider .slider-selection {
  background: #67ffa9;
}

.dark-mode .slider-fuchsia .slider .slider-selection {
  background: #f672d8;
}

.dark-mode .slider-maroon .slider .slider-selection {
  background: #ed6c9b;
}

.dark-mode .slider-blue .slider .slider-selection {
  background: #3f6791;
}

.dark-mode .slider-indigo .slider .slider-selection {
  background: #6610f2;
}

.dark-mode .slider-purple .slider .slider-selection {
  background: #6f42c1;
}

.dark-mode .slider-pink .slider .slider-selection {
  background: #e83e8c;
}

.dark-mode .slider-red .slider .slider-selection {
  background: #e74c3c;
}

.dark-mode .slider-orange .slider .slider-selection {
  background: #fd7e14;
}

.dark-mode .slider-yellow .slider .slider-selection {
  background: #f39c12;
}

.dark-mode .slider-green .slider .slider-selection {
  background: #00bc8c;
}

.dark-mode .slider-teal .slider .slider-selection {
  background: #20c997;
}

.dark-mode .slider-cyan .slider .slider-selection {
  background: #3498db;
}

.dark-mode .slider-white .slider .slider-selection {
  background: #fff;
}

.dark-mode .slider-gray .slider .slider-selection {
  background: #6c757d;
}

.dark-mode .slider-gray-dark .slider .slider-selection {
  background: #343a40;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #007bff;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #007bff;
}

.icheck-primary>input:first-child:checked+label::before,
.icheck-primary>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #007bff;
  border-color: #007bff;
}

.icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.icheck-secondary>input:first-child:checked+label::before,
.icheck-secondary>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6c757d;
  border-color: #6c757d;
}

.icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #28a745;
}

.icheck-success>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-success>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #28a745;
}

.icheck-success>input:first-child:checked+label::before,
.icheck-success>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #28a745;
  border-color: #28a745;
}

.icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #17a2b8;
}

.icheck-info>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-info>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #17a2b8;
}

.icheck-info>input:first-child:checked+label::before,
.icheck-info>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #ffc107;
}

.icheck-warning>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-warning>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #ffc107;
}

.icheck-warning>input:first-child:checked+label::before,
.icheck-warning>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #ffc107;
  border-color: #ffc107;
}

.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #dc3545;
}

.icheck-danger>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-danger>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #dc3545;
}

.icheck-danger>input:first-child:checked+label::before,
.icheck-danger>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #dc3545;
  border-color: #dc3545;
}

.icheck-light>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-light>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f8f9fa;
}

.icheck-light>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-light>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f8f9fa;
}

.icheck-light>input:first-child:checked+label::before,
.icheck-light>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.icheck-dark>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-dark>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.icheck-dark>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-dark>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.icheck-dark>input:first-child:checked+label::before,
.icheck-dark>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #343a40;
  border-color: #343a40;
}

.icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3c8dbc;
}

.icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3c8dbc;
}

.icheck-lightblue>input:first-child:checked+label::before,
.icheck-lightblue>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3c8dbc;
  border-color: #3c8dbc;
}

.icheck-navy>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-navy>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #001f3f;
}

.icheck-navy>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-navy>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #001f3f;
}

.icheck-navy>input:first-child:checked+label::before,
.icheck-navy>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #001f3f;
  border-color: #001f3f;
}

.icheck-olive>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-olive>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3d9970;
}

.icheck-olive>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-olive>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3d9970;
}

.icheck-olive>input:first-child:checked+label::before,
.icheck-olive>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3d9970;
  border-color: #3d9970;
}

.icheck-lime>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-lime>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #01ff70;
}

.icheck-lime>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-lime>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #01ff70;
}

.icheck-lime>input:first-child:checked+label::before,
.icheck-lime>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #01ff70;
  border-color: #01ff70;
}

.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f012be;
}

.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f012be;
}

.icheck-fuchsia>input:first-child:checked+label::before,
.icheck-fuchsia>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f012be;
  border-color: #f012be;
}

.icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #d81b60;
}

.icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #d81b60;
}

.icheck-maroon>input:first-child:checked+label::before,
.icheck-maroon>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #d81b60;
  border-color: #d81b60;
}

.icheck-blue>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-blue>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #007bff;
}

.icheck-blue>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-blue>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #007bff;
}

.icheck-blue>input:first-child:checked+label::before,
.icheck-blue>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #007bff;
  border-color: #007bff;
}

.icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6610f2;
}

.icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6610f2;
}

.icheck-indigo>input:first-child:checked+label::before,
.icheck-indigo>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6610f2;
  border-color: #6610f2;
}

.icheck-purple>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-purple>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6f42c1;
}

.icheck-purple>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-purple>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6f42c1;
}

.icheck-purple>input:first-child:checked+label::before,
.icheck-purple>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.icheck-pink>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-pink>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #e83e8c;
}

.icheck-pink>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-pink>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #e83e8c;
}

.icheck-pink>input:first-child:checked+label::before,
.icheck-pink>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #e83e8c;
  border-color: #e83e8c;
}

.icheck-red>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-red>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #dc3545;
}

.icheck-red>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-red>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #dc3545;
}

.icheck-red>input:first-child:checked+label::before,
.icheck-red>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #dc3545;
  border-color: #dc3545;
}

.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #fd7e14;
}

.icheck-orange>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-orange>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #fd7e14;
}

.icheck-orange>input:first-child:checked+label::before,
.icheck-orange>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #fd7e14;
  border-color: #fd7e14;
}

.icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #ffc107;
}

.icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #ffc107;
}

.icheck-yellow>input:first-child:checked+label::before,
.icheck-yellow>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #ffc107;
  border-color: #ffc107;
}

.icheck-green>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-green>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #28a745;
}

.icheck-green>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-green>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #28a745;
}

.icheck-green>input:first-child:checked+label::before,
.icheck-green>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #28a745;
  border-color: #28a745;
}

.icheck-teal>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-teal>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #20c997;
}

.icheck-teal>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-teal>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #20c997;
}

.icheck-teal>input:first-child:checked+label::before,
.icheck-teal>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #20c997;
  border-color: #20c997;
}

.icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #17a2b8;
}

.icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #17a2b8;
}

.icheck-cyan>input:first-child:checked+label::before,
.icheck-cyan>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.icheck-white>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-white>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #fff;
}

.icheck-white>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-white>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #fff;
}

.icheck-white>input:first-child:checked+label::before,
.icheck-white>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #fff;
  border-color: #fff;
}

.icheck-gray>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-gray>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.icheck-gray>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-gray>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.icheck-gray>input:first-child:checked+label::before,
.icheck-gray>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6c757d;
  border-color: #6c757d;
}

.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+label::before,
.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.icheck-gray-dark>input:first-child:checked+label::before,
.icheck-gray-dark>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #343a40;
  border-color: #343a40;
}

.dark-mode [class*="icheck-"]>input:first-child:not(:checked)+input[type="hidden"]+label::before,
.dark-mode [class*="icheck-"]>input:first-child:not(:checked)+label::before {
  border-color: #6c757d;
}

.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3f6791;
}

.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3f6791;
}

.dark-mode .icheck-primary>input:first-child:checked+label::before,
.dark-mode .icheck-primary>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.dark-mode .icheck-secondary>input:first-child:checked+label::before,
.dark-mode .icheck-secondary>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #00bc8c;
}

.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #00bc8c;
}

.dark-mode .icheck-success>input:first-child:checked+label::before,
.dark-mode .icheck-success>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3498db;
}

.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3498db;
}

.dark-mode .icheck-info>input:first-child:checked+label::before,
.dark-mode .icheck-info>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3498db;
  border-color: #3498db;
}

.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f39c12;
}

.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f39c12;
}

.dark-mode .icheck-warning>input:first-child:checked+label::before,
.dark-mode .icheck-warning>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #e74c3c;
}

.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #e74c3c;
}

.dark-mode .icheck-danger>input:first-child:checked+label::before,
.dark-mode .icheck-danger>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f8f9fa;
}

.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f8f9fa;
}

.dark-mode .icheck-light>input:first-child:checked+label::before,
.dark-mode .icheck-light>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.dark-mode .icheck-dark>input:first-child:checked+label::before,
.dark-mode .icheck-dark>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #343a40;
  border-color: #343a40;
}

.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #86bad8;
}

.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #86bad8;
}

.dark-mode .icheck-lightblue>input:first-child:checked+label::before,
.dark-mode .icheck-lightblue>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #86bad8;
  border-color: #86bad8;
}

.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #002c59;
}

.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #002c59;
}

.dark-mode .icheck-navy>input:first-child:checked+label::before,
.dark-mode .icheck-navy>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #002c59;
  border-color: #002c59;
}

.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #74c8a3;
}

.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #74c8a3;
}

.dark-mode .icheck-olive>input:first-child:checked+label::before,
.dark-mode .icheck-olive>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #74c8a3;
  border-color: #74c8a3;
}

.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #67ffa9;
}

.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #67ffa9;
}

.dark-mode .icheck-lime>input:first-child:checked+label::before,
.dark-mode .icheck-lime>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #67ffa9;
  border-color: #67ffa9;
}

.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f672d8;
}

.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f672d8;
}

.dark-mode .icheck-fuchsia>input:first-child:checked+label::before,
.dark-mode .icheck-fuchsia>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f672d8;
  border-color: #f672d8;
}

.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #ed6c9b;
}

.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #ed6c9b;
}

.dark-mode .icheck-maroon>input:first-child:checked+label::before,
.dark-mode .icheck-maroon>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #ed6c9b;
  border-color: #ed6c9b;
}

.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3f6791;
}

.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3f6791;
}

.dark-mode .icheck-blue>input:first-child:checked+label::before,
.dark-mode .icheck-blue>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3f6791;
  border-color: #3f6791;
}

.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6610f2;
}

.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6610f2;
}

.dark-mode .icheck-indigo>input:first-child:checked+label::before,
.dark-mode .icheck-indigo>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6610f2;
  border-color: #6610f2;
}

.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6f42c1;
}

.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6f42c1;
}

.dark-mode .icheck-purple>input:first-child:checked+label::before,
.dark-mode .icheck-purple>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #e83e8c;
}

.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #e83e8c;
}

.dark-mode .icheck-pink>input:first-child:checked+label::before,
.dark-mode .icheck-pink>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #e83e8c;
  border-color: #e83e8c;
}

.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #e74c3c;
}

.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #e74c3c;
}

.dark-mode .icheck-red>input:first-child:checked+label::before,
.dark-mode .icheck-red>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #fd7e14;
}

.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #fd7e14;
}

.dark-mode .icheck-orange>input:first-child:checked+label::before,
.dark-mode .icheck-orange>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #fd7e14;
  border-color: #fd7e14;
}

.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #f39c12;
}

.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #f39c12;
}

.dark-mode .icheck-yellow>input:first-child:checked+label::before,
.dark-mode .icheck-yellow>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #f39c12;
  border-color: #f39c12;
}

.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #00bc8c;
}

.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #00bc8c;
}

.dark-mode .icheck-green>input:first-child:checked+label::before,
.dark-mode .icheck-green>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #00bc8c;
  border-color: #00bc8c;
}

.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #20c997;
}

.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #20c997;
}

.dark-mode .icheck-teal>input:first-child:checked+label::before,
.dark-mode .icheck-teal>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #20c997;
  border-color: #20c997;
}

.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #3498db;
}

.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #3498db;
}

.dark-mode .icheck-cyan>input:first-child:checked+label::before,
.dark-mode .icheck-cyan>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #3498db;
  border-color: #3498db;
}

.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #fff;
}

.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #fff;
}

.dark-mode .icheck-white>input:first-child:checked+label::before,
.dark-mode .icheck-white>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #fff;
  border-color: #fff;
}

.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #6c757d;
}

.dark-mode .icheck-gray>input:first-child:checked+label::before,
.dark-mode .icheck-gray>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #6c757d;
  border-color: #6c757d;
}

.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+label::before,
.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+label::before,
.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before {
  border-color: #343a40;
}

.dark-mode .icheck-gray-dark>input:first-child:checked+label::before,
.dark-mode .icheck-gray-dark>input:first-child:checked+input[type="hidden"]+label::before {
  background-color: #343a40;
  border-color: #343a40;
}

.mapael .map {
  position: relative;
}

.mapael .mapTooltip {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  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;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  background-color: #000;
  color: #fff;
  display: block;
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  position: absolute;
  text-align: center;
  word-wrap: break-word;
  z-index: 1070;
}

.mapael .myLegend {
  background-color: #f8f9fa;
  border: 1px solid #adb5bd;
  padding: 10px;
  width: 600px;
}

.mapael .zoomButton {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  color: #444;
  cursor: pointer;
  font-weight: 700;
  height: 16px;
  left: 10px;
  line-height: 14px;
  padding-left: 1px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 16px;
}

.mapael .zoomButton:hover,
.mapael .zoomButton:active,
.mapael .zoomButton.hover {
  background-color: #e9ecef;
  color: #2b2b2b;
}

.mapael .zoomReset {
  line-height: 12px;
  top: 10px;
}

.mapael .zoomIn {
  top: 30px;
}

.mapael .zoomOut {
  top: 50px;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  color: #444;
  height: 15px;
  width: 15px;
}

.jqvmap-zoomin:hover,
.jqvmap-zoomin:active,
.jqvmap-zoomin.hover,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:active,
.jqvmap-zoomout.hover {
  background-color: #e9ecef;
  color: #2b2b2b;
}

.swal2-icon.swal2-info {
  border-color: ligthen(#17a2b8, 20%);
  color: #17a2b8;
}

.swal2-icon.swal2-warning {
  border-color: ligthen(#ffc107, 20%);
  color: #ffc107;
}

.swal2-icon.swal2-error {
  border-color: ligthen(#dc3545, 20%);
  color: #dc3545;
}

.swal2-icon.swal2-question {
  border-color: ligthen(#6c757d, 20%);
  color: #6c757d;
}

.swal2-icon.swal2-success {
  border-color: ligthen(#28a745, 20%);
  color: #28a745;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: ligthen(#28a745, 20%);
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #28a745;
}

.dark-mode .swal2-popup {
  background-color: #343a40;
  color: #e9ecef;
}

.dark-mode .swal2-popup .swal2-content,
.dark-mode .swal2-popup .swal2-title {
  color: #e9ecef;
}

#toast-container .toast {
  background-color: #007bff;
}

#toast-container .toast-success {
  background-color: #28a745;
}

#toast-container .toast-error {
  background-color: #dc3545;
}

#toast-container .toast-info {
  background-color: #17a2b8;
}

#toast-container .toast-warning {
  background-color: #ffc107;
}

.toast-bottom-full-width .toast,
.toast-top-full-width .toast {
  max-width: inherit;
}

.pace {
  z-index: 1048;
}

.pace .pace-progress {
  z-index: 1049;
}

.pace .pace-activity {
  z-index: 1050;
}

.pace-primary .pace .pace-progress {
  background: #007bff;
}

.pace-barber-shop-primary .pace {
  background: #fff;
}

.pace-barber-shop-primary .pace .pace-progress {
  background: #007bff;
}

.pace-barber-shop-primary .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-primary .pace .pace-progress::after {
  color: rgba(0, 123, 255, 0.2);
}

.pace-bounce-primary .pace .pace-activity {
  background: #007bff;
}

.pace-center-atom-primary .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-primary .pace-progress::before {
  background: #007bff;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-primary .pace-activity {
  border-color: #007bff;
}

.pace-center-atom-primary .pace-activity::after,
.pace-center-atom-primary .pace-activity::before {
  border-color: #007bff;
}

.pace-center-circle-primary .pace .pace-progress {
  background: rgba(0, 123, 255, 0.8);
  color: #fff;
}

.pace-center-radar-primary .pace .pace-activity {
  border-color: #007bff transparent transparent;
}

.pace-center-radar-primary .pace .pace-activity::before {
  border-color: #007bff transparent transparent;
}

.pace-center-simple-primary .pace {
  background: #fff;
  border-color: #007bff;
}

.pace-center-simple-primary .pace .pace-progress {
  background: #007bff;
}

.pace-material-primary .pace {
  color: #007bff;
}

.pace-corner-indicator-primary .pace .pace-activity {
  background: #007bff;
}

.pace-corner-indicator-primary .pace .pace-activity::after,
.pace-corner-indicator-primary .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-primary .pace .pace-activity::before {
  border-right-color: rgba(0, 123, 255, 0.2);
  border-left-color: rgba(0, 123, 255, 0.2);
}

.pace-corner-indicator-primary .pace .pace-activity::after {
  border-top-color: rgba(0, 123, 255, 0.2);
  border-bottom-color: rgba(0, 123, 255, 0.2);
}

.pace-fill-left-primary .pace .pace-progress {
  background-color: rgba(0, 123, 255, 0.2);
}

.pace-flash-primary .pace .pace-progress {
  background: #007bff;
}

.pace-flash-primary .pace .pace-progress-inner {
  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
}

.pace-flash-primary .pace .pace-activity {
  border-top-color: #007bff;
  border-left-color: #007bff;
}

.pace-loading-bar-primary .pace .pace-progress {
  background: #007bff;
  color: #007bff;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-primary .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
}

.pace-mac-osx-primary .pace .pace-progress {
  background-color: #007bff;
  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-primary .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-primary .pace-progress {
  color: #007bff;
}

.pace-secondary .pace .pace-progress {
  background: #6c757d;
}

.pace-barber-shop-secondary .pace {
  background: #fff;
}

.pace-barber-shop-secondary .pace .pace-progress {
  background: #6c757d;
}

.pace-barber-shop-secondary .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-secondary .pace .pace-progress::after {
  color: rgba(108, 117, 125, 0.2);
}

.pace-bounce-secondary .pace .pace-activity {
  background: #6c757d;
}

.pace-center-atom-secondary .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-secondary .pace-progress::before {
  background: #6c757d;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-secondary .pace-activity {
  border-color: #6c757d;
}

.pace-center-atom-secondary .pace-activity::after,
.pace-center-atom-secondary .pace-activity::before {
  border-color: #6c757d;
}

.pace-center-circle-secondary .pace .pace-progress {
  background: rgba(108, 117, 125, 0.8);
  color: #fff;
}

.pace-center-radar-secondary .pace .pace-activity {
  border-color: #6c757d transparent transparent;
}

.pace-center-radar-secondary .pace .pace-activity::before {
  border-color: #6c757d transparent transparent;
}

.pace-center-simple-secondary .pace {
  background: #fff;
  border-color: #6c757d;
}

.pace-center-simple-secondary .pace .pace-progress {
  background: #6c757d;
}

.pace-material-secondary .pace {
  color: #6c757d;
}

.pace-corner-indicator-secondary .pace .pace-activity {
  background: #6c757d;
}

.pace-corner-indicator-secondary .pace .pace-activity::after,
.pace-corner-indicator-secondary .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-secondary .pace .pace-activity::before {
  border-right-color: rgba(108, 117, 125, 0.2);
  border-left-color: rgba(108, 117, 125, 0.2);
}

.pace-corner-indicator-secondary .pace .pace-activity::after {
  border-top-color: rgba(108, 117, 125, 0.2);
  border-bottom-color: rgba(108, 117, 125, 0.2);
}

.pace-fill-left-secondary .pace .pace-progress {
  background-color: rgba(108, 117, 125, 0.2);
}

.pace-flash-secondary .pace .pace-progress {
  background: #6c757d;
}

.pace-flash-secondary .pace .pace-progress-inner {
  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
}

.pace-flash-secondary .pace .pace-activity {
  border-top-color: #6c757d;
  border-left-color: #6c757d;
}

.pace-loading-bar-secondary .pace .pace-progress {
  background: #6c757d;
  color: #6c757d;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-secondary .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
}

.pace-mac-osx-secondary .pace .pace-progress {
  background-color: #6c757d;
  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-secondary .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-secondary .pace-progress {
  color: #6c757d;
}

.pace-success .pace .pace-progress {
  background: #28a745;
}

.pace-barber-shop-success .pace {
  background: #fff;
}

.pace-barber-shop-success .pace .pace-progress {
  background: #28a745;
}

.pace-barber-shop-success .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-success .pace .pace-progress::after {
  color: rgba(40, 167, 69, 0.2);
}

.pace-bounce-success .pace .pace-activity {
  background: #28a745;
}

.pace-center-atom-success .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-success .pace-progress::before {
  background: #28a745;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-success .pace-activity {
  border-color: #28a745;
}

.pace-center-atom-success .pace-activity::after,
.pace-center-atom-success .pace-activity::before {
  border-color: #28a745;
}

.pace-center-circle-success .pace .pace-progress {
  background: rgba(40, 167, 69, 0.8);
  color: #fff;
}

.pace-center-radar-success .pace .pace-activity {
  border-color: #28a745 transparent transparent;
}

.pace-center-radar-success .pace .pace-activity::before {
  border-color: #28a745 transparent transparent;
}

.pace-center-simple-success .pace {
  background: #fff;
  border-color: #28a745;
}

.pace-center-simple-success .pace .pace-progress {
  background: #28a745;
}

.pace-material-success .pace {
  color: #28a745;
}

.pace-corner-indicator-success .pace .pace-activity {
  background: #28a745;
}

.pace-corner-indicator-success .pace .pace-activity::after,
.pace-corner-indicator-success .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-success .pace .pace-activity::before {
  border-right-color: rgba(40, 167, 69, 0.2);
  border-left-color: rgba(40, 167, 69, 0.2);
}

.pace-corner-indicator-success .pace .pace-activity::after {
  border-top-color: rgba(40, 167, 69, 0.2);
  border-bottom-color: rgba(40, 167, 69, 0.2);
}

.pace-fill-left-success .pace .pace-progress {
  background-color: rgba(40, 167, 69, 0.2);
}

.pace-flash-success .pace .pace-progress {
  background: #28a745;
}

.pace-flash-success .pace .pace-progress-inner {
  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
}

.pace-flash-success .pace .pace-activity {
  border-top-color: #28a745;
  border-left-color: #28a745;
}

.pace-loading-bar-success .pace .pace-progress {
  background: #28a745;
  color: #28a745;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-success .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
}

.pace-mac-osx-success .pace .pace-progress {
  background-color: #28a745;
  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-success .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-success .pace-progress {
  color: #28a745;
}

.pace-info .pace .pace-progress {
  background: #17a2b8;
}

.pace-barber-shop-info .pace {
  background: #fff;
}

.pace-barber-shop-info .pace .pace-progress {
  background: #17a2b8;
}

.pace-barber-shop-info .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-info .pace .pace-progress::after {
  color: rgba(23, 162, 184, 0.2);
}

.pace-bounce-info .pace .pace-activity {
  background: #17a2b8;
}

.pace-center-atom-info .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-info .pace-progress::before {
  background: #17a2b8;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-info .pace-activity {
  border-color: #17a2b8;
}

.pace-center-atom-info .pace-activity::after,
.pace-center-atom-info .pace-activity::before {
  border-color: #17a2b8;
}

.pace-center-circle-info .pace .pace-progress {
  background: rgba(23, 162, 184, 0.8);
  color: #fff;
}

.pace-center-radar-info .pace .pace-activity {
  border-color: #17a2b8 transparent transparent;
}

.pace-center-radar-info .pace .pace-activity::before {
  border-color: #17a2b8 transparent transparent;
}

.pace-center-simple-info .pace {
  background: #fff;
  border-color: #17a2b8;
}

.pace-center-simple-info .pace .pace-progress {
  background: #17a2b8;
}

.pace-material-info .pace {
  color: #17a2b8;
}

.pace-corner-indicator-info .pace .pace-activity {
  background: #17a2b8;
}

.pace-corner-indicator-info .pace .pace-activity::after,
.pace-corner-indicator-info .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-info .pace .pace-activity::before {
  border-right-color: rgba(23, 162, 184, 0.2);
  border-left-color: rgba(23, 162, 184, 0.2);
}

.pace-corner-indicator-info .pace .pace-activity::after {
  border-top-color: rgba(23, 162, 184, 0.2);
  border-bottom-color: rgba(23, 162, 184, 0.2);
}

.pace-fill-left-info .pace .pace-progress {
  background-color: rgba(23, 162, 184, 0.2);
}

.pace-flash-info .pace .pace-progress {
  background: #17a2b8;
}

.pace-flash-info .pace .pace-progress-inner {
  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
}

.pace-flash-info .pace .pace-activity {
  border-top-color: #17a2b8;
  border-left-color: #17a2b8;
}

.pace-loading-bar-info .pace .pace-progress {
  background: #17a2b8;
  color: #17a2b8;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-info .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
}

.pace-mac-osx-info .pace .pace-progress {
  background-color: #17a2b8;
  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-info .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-info .pace-progress {
  color: #17a2b8;
}

.pace-warning .pace .pace-progress {
  background: #ffc107;
}

.pace-barber-shop-warning .pace {
  background: #1f2d3d;
}

.pace-barber-shop-warning .pace .pace-progress {
  background: #ffc107;
}

.pace-barber-shop-warning .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-warning .pace .pace-progress::after {
  color: rgba(255, 193, 7, 0.2);
}

.pace-bounce-warning .pace .pace-activity {
  background: #ffc107;
}

.pace-center-atom-warning .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-warning .pace-progress::before {
  background: #ffc107;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-warning .pace-activity {
  border-color: #ffc107;
}

.pace-center-atom-warning .pace-activity::after,
.pace-center-atom-warning .pace-activity::before {
  border-color: #ffc107;
}

.pace-center-circle-warning .pace .pace-progress {
  background: rgba(255, 193, 7, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-warning .pace .pace-activity {
  border-color: #ffc107 transparent transparent;
}

.pace-center-radar-warning .pace .pace-activity::before {
  border-color: #ffc107 transparent transparent;
}

.pace-center-simple-warning .pace {
  background: #1f2d3d;
  border-color: #ffc107;
}

.pace-center-simple-warning .pace .pace-progress {
  background: #ffc107;
}

.pace-material-warning .pace {
  color: #ffc107;
}

.pace-corner-indicator-warning .pace .pace-activity {
  background: #ffc107;
}

.pace-corner-indicator-warning .pace .pace-activity::after,
.pace-corner-indicator-warning .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-warning .pace .pace-activity::before {
  border-right-color: rgba(255, 193, 7, 0.2);
  border-left-color: rgba(255, 193, 7, 0.2);
}

.pace-corner-indicator-warning .pace .pace-activity::after {
  border-top-color: rgba(255, 193, 7, 0.2);
  border-bottom-color: rgba(255, 193, 7, 0.2);
}

.pace-fill-left-warning .pace .pace-progress {
  background-color: rgba(255, 193, 7, 0.2);
}

.pace-flash-warning .pace .pace-progress {
  background: #ffc107;
}

.pace-flash-warning .pace .pace-progress-inner {
  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
}

.pace-flash-warning .pace .pace-activity {
  border-top-color: #ffc107;
  border-left-color: #ffc107;
}

.pace-loading-bar-warning .pace .pace-progress {
  background: #ffc107;
  color: #ffc107;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-warning .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-warning .pace .pace-progress {
  background-color: #ffc107;
  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-warning .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-warning .pace-progress {
  color: #ffc107;
}

.pace-danger .pace .pace-progress {
  background: #dc3545;
}

.pace-barber-shop-danger .pace {
  background: #fff;
}

.pace-barber-shop-danger .pace .pace-progress {
  background: #dc3545;
}

.pace-barber-shop-danger .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-danger .pace .pace-progress::after {
  color: rgba(220, 53, 69, 0.2);
}

.pace-bounce-danger .pace .pace-activity {
  background: #dc3545;
}

.pace-center-atom-danger .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-danger .pace-progress::before {
  background: #dc3545;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-danger .pace-activity {
  border-color: #dc3545;
}

.pace-center-atom-danger .pace-activity::after,
.pace-center-atom-danger .pace-activity::before {
  border-color: #dc3545;
}

.pace-center-circle-danger .pace .pace-progress {
  background: rgba(220, 53, 69, 0.8);
  color: #fff;
}

.pace-center-radar-danger .pace .pace-activity {
  border-color: #dc3545 transparent transparent;
}

.pace-center-radar-danger .pace .pace-activity::before {
  border-color: #dc3545 transparent transparent;
}

.pace-center-simple-danger .pace {
  background: #fff;
  border-color: #dc3545;
}

.pace-center-simple-danger .pace .pace-progress {
  background: #dc3545;
}

.pace-material-danger .pace {
  color: #dc3545;
}

.pace-corner-indicator-danger .pace .pace-activity {
  background: #dc3545;
}

.pace-corner-indicator-danger .pace .pace-activity::after,
.pace-corner-indicator-danger .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-danger .pace .pace-activity::before {
  border-right-color: rgba(220, 53, 69, 0.2);
  border-left-color: rgba(220, 53, 69, 0.2);
}

.pace-corner-indicator-danger .pace .pace-activity::after {
  border-top-color: rgba(220, 53, 69, 0.2);
  border-bottom-color: rgba(220, 53, 69, 0.2);
}

.pace-fill-left-danger .pace .pace-progress {
  background-color: rgba(220, 53, 69, 0.2);
}

.pace-flash-danger .pace .pace-progress {
  background: #dc3545;
}

.pace-flash-danger .pace .pace-progress-inner {
  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
}

.pace-flash-danger .pace .pace-activity {
  border-top-color: #dc3545;
  border-left-color: #dc3545;
}

.pace-loading-bar-danger .pace .pace-progress {
  background: #dc3545;
  color: #dc3545;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-danger .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
}

.pace-mac-osx-danger .pace .pace-progress {
  background-color: #dc3545;
  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-danger .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-danger .pace-progress {
  color: #dc3545;
}

.pace-light .pace .pace-progress {
  background: #f8f9fa;
}

.pace-barber-shop-light .pace {
  background: #1f2d3d;
}

.pace-barber-shop-light .pace .pace-progress {
  background: #f8f9fa;
}

.pace-barber-shop-light .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-light .pace .pace-progress::after {
  color: rgba(248, 249, 250, 0.2);
}

.pace-bounce-light .pace .pace-activity {
  background: #f8f9fa;
}

.pace-center-atom-light .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-light .pace-progress::before {
  background: #f8f9fa;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-light .pace-activity {
  border-color: #f8f9fa;
}

.pace-center-atom-light .pace-activity::after,
.pace-center-atom-light .pace-activity::before {
  border-color: #f8f9fa;
}

.pace-center-circle-light .pace .pace-progress {
  background: rgba(248, 249, 250, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-light .pace .pace-activity {
  border-color: #f8f9fa transparent transparent;
}

.pace-center-radar-light .pace .pace-activity::before {
  border-color: #f8f9fa transparent transparent;
}

.pace-center-simple-light .pace {
  background: #1f2d3d;
  border-color: #f8f9fa;
}

.pace-center-simple-light .pace .pace-progress {
  background: #f8f9fa;
}

.pace-material-light .pace {
  color: #f8f9fa;
}

.pace-corner-indicator-light .pace .pace-activity {
  background: #f8f9fa;
}

.pace-corner-indicator-light .pace .pace-activity::after,
.pace-corner-indicator-light .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-light .pace .pace-activity::before {
  border-right-color: rgba(248, 249, 250, 0.2);
  border-left-color: rgba(248, 249, 250, 0.2);
}

.pace-corner-indicator-light .pace .pace-activity::after {
  border-top-color: rgba(248, 249, 250, 0.2);
  border-bottom-color: rgba(248, 249, 250, 0.2);
}

.pace-fill-left-light .pace .pace-progress {
  background-color: rgba(248, 249, 250, 0.2);
}

.pace-flash-light .pace .pace-progress {
  background: #f8f9fa;
}

.pace-flash-light .pace .pace-progress-inner {
  box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa;
}

.pace-flash-light .pace .pace-activity {
  border-top-color: #f8f9fa;
  border-left-color: #f8f9fa;
}

.pace-loading-bar-light .pace .pace-progress {
  background: #f8f9fa;
  color: #f8f9fa;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-light .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-light .pace .pace-progress {
  background-color: #f8f9fa;
  box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-light .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-light .pace-progress {
  color: #f8f9fa;
}

.pace-dark .pace .pace-progress {
  background: #343a40;
}

.pace-barber-shop-dark .pace {
  background: #fff;
}

.pace-barber-shop-dark .pace .pace-progress {
  background: #343a40;
}

.pace-barber-shop-dark .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-dark .pace .pace-progress::after {
  color: rgba(52, 58, 64, 0.2);
}

.pace-bounce-dark .pace .pace-activity {
  background: #343a40;
}

.pace-center-atom-dark .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-dark .pace-progress::before {
  background: #343a40;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-dark .pace-activity {
  border-color: #343a40;
}

.pace-center-atom-dark .pace-activity::after,
.pace-center-atom-dark .pace-activity::before {
  border-color: #343a40;
}

.pace-center-circle-dark .pace .pace-progress {
  background: rgba(52, 58, 64, 0.8);
  color: #fff;
}

.pace-center-radar-dark .pace .pace-activity {
  border-color: #343a40 transparent transparent;
}

.pace-center-radar-dark .pace .pace-activity::before {
  border-color: #343a40 transparent transparent;
}

.pace-center-simple-dark .pace {
  background: #fff;
  border-color: #343a40;
}

.pace-center-simple-dark .pace .pace-progress {
  background: #343a40;
}

.pace-material-dark .pace {
  color: #343a40;
}

.pace-corner-indicator-dark .pace .pace-activity {
  background: #343a40;
}

.pace-corner-indicator-dark .pace .pace-activity::after,
.pace-corner-indicator-dark .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-dark .pace .pace-activity::before {
  border-right-color: rgba(52, 58, 64, 0.2);
  border-left-color: rgba(52, 58, 64, 0.2);
}

.pace-corner-indicator-dark .pace .pace-activity::after {
  border-top-color: rgba(52, 58, 64, 0.2);
  border-bottom-color: rgba(52, 58, 64, 0.2);
}

.pace-fill-left-dark .pace .pace-progress {
  background-color: rgba(52, 58, 64, 0.2);
}

.pace-flash-dark .pace .pace-progress {
  background: #343a40;
}

.pace-flash-dark .pace .pace-progress-inner {
  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
}

.pace-flash-dark .pace .pace-activity {
  border-top-color: #343a40;
  border-left-color: #343a40;
}

.pace-loading-bar-dark .pace .pace-progress {
  background: #343a40;
  color: #343a40;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-dark .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
}

.pace-mac-osx-dark .pace .pace-progress {
  background-color: #343a40;
  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-dark .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-dark .pace-progress {
  color: #343a40;
}

.pace-lightblue .pace .pace-progress {
  background: #3c8dbc;
}

.pace-barber-shop-lightblue .pace {
  background: #fff;
}

.pace-barber-shop-lightblue .pace .pace-progress {
  background: #3c8dbc;
}

.pace-barber-shop-lightblue .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-lightblue .pace .pace-progress::after {
  color: rgba(60, 141, 188, 0.2);
}

.pace-bounce-lightblue .pace .pace-activity {
  background: #3c8dbc;
}

.pace-center-atom-lightblue .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-lightblue .pace-progress::before {
  background: #3c8dbc;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-lightblue .pace-activity {
  border-color: #3c8dbc;
}

.pace-center-atom-lightblue .pace-activity::after,
.pace-center-atom-lightblue .pace-activity::before {
  border-color: #3c8dbc;
}

.pace-center-circle-lightblue .pace .pace-progress {
  background: rgba(60, 141, 188, 0.8);
  color: #fff;
}

.pace-center-radar-lightblue .pace .pace-activity {
  border-color: #3c8dbc transparent transparent;
}

.pace-center-radar-lightblue .pace .pace-activity::before {
  border-color: #3c8dbc transparent transparent;
}

.pace-center-simple-lightblue .pace {
  background: #fff;
  border-color: #3c8dbc;
}

.pace-center-simple-lightblue .pace .pace-progress {
  background: #3c8dbc;
}

.pace-material-lightblue .pace {
  color: #3c8dbc;
}

.pace-corner-indicator-lightblue .pace .pace-activity {
  background: #3c8dbc;
}

.pace-corner-indicator-lightblue .pace .pace-activity::after,
.pace-corner-indicator-lightblue .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-lightblue .pace .pace-activity::before {
  border-right-color: rgba(60, 141, 188, 0.2);
  border-left-color: rgba(60, 141, 188, 0.2);
}

.pace-corner-indicator-lightblue .pace .pace-activity::after {
  border-top-color: rgba(60, 141, 188, 0.2);
  border-bottom-color: rgba(60, 141, 188, 0.2);
}

.pace-fill-left-lightblue .pace .pace-progress {
  background-color: rgba(60, 141, 188, 0.2);
}

.pace-flash-lightblue .pace .pace-progress {
  background: #3c8dbc;
}

.pace-flash-lightblue .pace .pace-progress-inner {
  box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc;
}

.pace-flash-lightblue .pace .pace-activity {
  border-top-color: #3c8dbc;
  border-left-color: #3c8dbc;
}

.pace-loading-bar-lightblue .pace .pace-progress {
  background: #3c8dbc;
  color: #3c8dbc;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-lightblue .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff;
}

.pace-mac-osx-lightblue .pace .pace-progress {
  background-color: #3c8dbc;
  box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-lightblue .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-lightblue .pace-progress {
  color: #3c8dbc;
}

.pace-navy .pace .pace-progress {
  background: #001f3f;
}

.pace-barber-shop-navy .pace {
  background: #fff;
}

.pace-barber-shop-navy .pace .pace-progress {
  background: #001f3f;
}

.pace-barber-shop-navy .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-navy .pace .pace-progress::after {
  color: rgba(0, 31, 63, 0.2);
}

.pace-bounce-navy .pace .pace-activity {
  background: #001f3f;
}

.pace-center-atom-navy .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-navy .pace-progress::before {
  background: #001f3f;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-navy .pace-activity {
  border-color: #001f3f;
}

.pace-center-atom-navy .pace-activity::after,
.pace-center-atom-navy .pace-activity::before {
  border-color: #001f3f;
}

.pace-center-circle-navy .pace .pace-progress {
  background: rgba(0, 31, 63, 0.8);
  color: #fff;
}

.pace-center-radar-navy .pace .pace-activity {
  border-color: #001f3f transparent transparent;
}

.pace-center-radar-navy .pace .pace-activity::before {
  border-color: #001f3f transparent transparent;
}

.pace-center-simple-navy .pace {
  background: #fff;
  border-color: #001f3f;
}

.pace-center-simple-navy .pace .pace-progress {
  background: #001f3f;
}

.pace-material-navy .pace {
  color: #001f3f;
}

.pace-corner-indicator-navy .pace .pace-activity {
  background: #001f3f;
}

.pace-corner-indicator-navy .pace .pace-activity::after,
.pace-corner-indicator-navy .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-navy .pace .pace-activity::before {
  border-right-color: rgba(0, 31, 63, 0.2);
  border-left-color: rgba(0, 31, 63, 0.2);
}

.pace-corner-indicator-navy .pace .pace-activity::after {
  border-top-color: rgba(0, 31, 63, 0.2);
  border-bottom-color: rgba(0, 31, 63, 0.2);
}

.pace-fill-left-navy .pace .pace-progress {
  background-color: rgba(0, 31, 63, 0.2);
}

.pace-flash-navy .pace .pace-progress {
  background: #001f3f;
}

.pace-flash-navy .pace .pace-progress-inner {
  box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f;
}

.pace-flash-navy .pace .pace-activity {
  border-top-color: #001f3f;
  border-left-color: #001f3f;
}

.pace-loading-bar-navy .pace .pace-progress {
  background: #001f3f;
  color: #001f3f;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-navy .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff;
}

.pace-mac-osx-navy .pace .pace-progress {
  background-color: #001f3f;
  box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-navy .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-navy .pace-progress {
  color: #001f3f;
}

.pace-olive .pace .pace-progress {
  background: #3d9970;
}

.pace-barber-shop-olive .pace {
  background: #fff;
}

.pace-barber-shop-olive .pace .pace-progress {
  background: #3d9970;
}

.pace-barber-shop-olive .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-olive .pace .pace-progress::after {
  color: rgba(61, 153, 112, 0.2);
}

.pace-bounce-olive .pace .pace-activity {
  background: #3d9970;
}

.pace-center-atom-olive .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-olive .pace-progress::before {
  background: #3d9970;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-olive .pace-activity {
  border-color: #3d9970;
}

.pace-center-atom-olive .pace-activity::after,
.pace-center-atom-olive .pace-activity::before {
  border-color: #3d9970;
}

.pace-center-circle-olive .pace .pace-progress {
  background: rgba(61, 153, 112, 0.8);
  color: #fff;
}

.pace-center-radar-olive .pace .pace-activity {
  border-color: #3d9970 transparent transparent;
}

.pace-center-radar-olive .pace .pace-activity::before {
  border-color: #3d9970 transparent transparent;
}

.pace-center-simple-olive .pace {
  background: #fff;
  border-color: #3d9970;
}

.pace-center-simple-olive .pace .pace-progress {
  background: #3d9970;
}

.pace-material-olive .pace {
  color: #3d9970;
}

.pace-corner-indicator-olive .pace .pace-activity {
  background: #3d9970;
}

.pace-corner-indicator-olive .pace .pace-activity::after,
.pace-corner-indicator-olive .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-olive .pace .pace-activity::before {
  border-right-color: rgba(61, 153, 112, 0.2);
  border-left-color: rgba(61, 153, 112, 0.2);
}

.pace-corner-indicator-olive .pace .pace-activity::after {
  border-top-color: rgba(61, 153, 112, 0.2);
  border-bottom-color: rgba(61, 153, 112, 0.2);
}

.pace-fill-left-olive .pace .pace-progress {
  background-color: rgba(61, 153, 112, 0.2);
}

.pace-flash-olive .pace .pace-progress {
  background: #3d9970;
}

.pace-flash-olive .pace .pace-progress-inner {
  box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970;
}

.pace-flash-olive .pace .pace-activity {
  border-top-color: #3d9970;
  border-left-color: #3d9970;
}

.pace-loading-bar-olive .pace .pace-progress {
  background: #3d9970;
  color: #3d9970;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-olive .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff;
}

.pace-mac-osx-olive .pace .pace-progress {
  background-color: #3d9970;
  box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-olive .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-olive .pace-progress {
  color: #3d9970;
}

.pace-lime .pace .pace-progress {
  background: #01ff70;
}

.pace-barber-shop-lime .pace {
  background: #1f2d3d;
}

.pace-barber-shop-lime .pace .pace-progress {
  background: #01ff70;
}

.pace-barber-shop-lime .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-lime .pace .pace-progress::after {
  color: rgba(1, 255, 112, 0.2);
}

.pace-bounce-lime .pace .pace-activity {
  background: #01ff70;
}

.pace-center-atom-lime .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-lime .pace-progress::before {
  background: #01ff70;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-lime .pace-activity {
  border-color: #01ff70;
}

.pace-center-atom-lime .pace-activity::after,
.pace-center-atom-lime .pace-activity::before {
  border-color: #01ff70;
}

.pace-center-circle-lime .pace .pace-progress {
  background: rgba(1, 255, 112, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-lime .pace .pace-activity {
  border-color: #01ff70 transparent transparent;
}

.pace-center-radar-lime .pace .pace-activity::before {
  border-color: #01ff70 transparent transparent;
}

.pace-center-simple-lime .pace {
  background: #1f2d3d;
  border-color: #01ff70;
}

.pace-center-simple-lime .pace .pace-progress {
  background: #01ff70;
}

.pace-material-lime .pace {
  color: #01ff70;
}

.pace-corner-indicator-lime .pace .pace-activity {
  background: #01ff70;
}

.pace-corner-indicator-lime .pace .pace-activity::after,
.pace-corner-indicator-lime .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-lime .pace .pace-activity::before {
  border-right-color: rgba(1, 255, 112, 0.2);
  border-left-color: rgba(1, 255, 112, 0.2);
}

.pace-corner-indicator-lime .pace .pace-activity::after {
  border-top-color: rgba(1, 255, 112, 0.2);
  border-bottom-color: rgba(1, 255, 112, 0.2);
}

.pace-fill-left-lime .pace .pace-progress {
  background-color: rgba(1, 255, 112, 0.2);
}

.pace-flash-lime .pace .pace-progress {
  background: #01ff70;
}

.pace-flash-lime .pace .pace-progress-inner {
  box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70;
}

.pace-flash-lime .pace .pace-activity {
  border-top-color: #01ff70;
  border-left-color: #01ff70;
}

.pace-loading-bar-lime .pace .pace-progress {
  background: #01ff70;
  color: #01ff70;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-lime .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-lime .pace .pace-progress {
  background-color: #01ff70;
  box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-lime .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-lime .pace-progress {
  color: #01ff70;
}

.pace-fuchsia .pace .pace-progress {
  background: #f012be;
}

.pace-barber-shop-fuchsia .pace {
  background: #fff;
}

.pace-barber-shop-fuchsia .pace .pace-progress {
  background: #f012be;
}

.pace-barber-shop-fuchsia .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-fuchsia .pace .pace-progress::after {
  color: rgba(240, 18, 190, 0.2);
}

.pace-bounce-fuchsia .pace .pace-activity {
  background: #f012be;
}

.pace-center-atom-fuchsia .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-fuchsia .pace-progress::before {
  background: #f012be;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-fuchsia .pace-activity {
  border-color: #f012be;
}

.pace-center-atom-fuchsia .pace-activity::after,
.pace-center-atom-fuchsia .pace-activity::before {
  border-color: #f012be;
}

.pace-center-circle-fuchsia .pace .pace-progress {
  background: rgba(240, 18, 190, 0.8);
  color: #fff;
}

.pace-center-radar-fuchsia .pace .pace-activity {
  border-color: #f012be transparent transparent;
}

.pace-center-radar-fuchsia .pace .pace-activity::before {
  border-color: #f012be transparent transparent;
}

.pace-center-simple-fuchsia .pace {
  background: #fff;
  border-color: #f012be;
}

.pace-center-simple-fuchsia .pace .pace-progress {
  background: #f012be;
}

.pace-material-fuchsia .pace {
  color: #f012be;
}

.pace-corner-indicator-fuchsia .pace .pace-activity {
  background: #f012be;
}

.pace-corner-indicator-fuchsia .pace .pace-activity::after,
.pace-corner-indicator-fuchsia .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-fuchsia .pace .pace-activity::before {
  border-right-color: rgba(240, 18, 190, 0.2);
  border-left-color: rgba(240, 18, 190, 0.2);
}

.pace-corner-indicator-fuchsia .pace .pace-activity::after {
  border-top-color: rgba(240, 18, 190, 0.2);
  border-bottom-color: rgba(240, 18, 190, 0.2);
}

.pace-fill-left-fuchsia .pace .pace-progress {
  background-color: rgba(240, 18, 190, 0.2);
}

.pace-flash-fuchsia .pace .pace-progress {
  background: #f012be;
}

.pace-flash-fuchsia .pace .pace-progress-inner {
  box-shadow: 0 0 10px #f012be, 0 0 5px #f012be;
}

.pace-flash-fuchsia .pace .pace-activity {
  border-top-color: #f012be;
  border-left-color: #f012be;
}

.pace-loading-bar-fuchsia .pace .pace-progress {
  background: #f012be;
  color: #f012be;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-fuchsia .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff;
}

.pace-mac-osx-fuchsia .pace .pace-progress {
  background-color: #f012be;
  box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-fuchsia .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-fuchsia .pace-progress {
  color: #f012be;
}

.pace-maroon .pace .pace-progress {
  background: #d81b60;
}

.pace-barber-shop-maroon .pace {
  background: #fff;
}

.pace-barber-shop-maroon .pace .pace-progress {
  background: #d81b60;
}

.pace-barber-shop-maroon .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-maroon .pace .pace-progress::after {
  color: rgba(216, 27, 96, 0.2);
}

.pace-bounce-maroon .pace .pace-activity {
  background: #d81b60;
}

.pace-center-atom-maroon .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-maroon .pace-progress::before {
  background: #d81b60;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-maroon .pace-activity {
  border-color: #d81b60;
}

.pace-center-atom-maroon .pace-activity::after,
.pace-center-atom-maroon .pace-activity::before {
  border-color: #d81b60;
}

.pace-center-circle-maroon .pace .pace-progress {
  background: rgba(216, 27, 96, 0.8);
  color: #fff;
}

.pace-center-radar-maroon .pace .pace-activity {
  border-color: #d81b60 transparent transparent;
}

.pace-center-radar-maroon .pace .pace-activity::before {
  border-color: #d81b60 transparent transparent;
}

.pace-center-simple-maroon .pace {
  background: #fff;
  border-color: #d81b60;
}

.pace-center-simple-maroon .pace .pace-progress {
  background: #d81b60;
}

.pace-material-maroon .pace {
  color: #d81b60;
}

.pace-corner-indicator-maroon .pace .pace-activity {
  background: #d81b60;
}

.pace-corner-indicator-maroon .pace .pace-activity::after,
.pace-corner-indicator-maroon .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-maroon .pace .pace-activity::before {
  border-right-color: rgba(216, 27, 96, 0.2);
  border-left-color: rgba(216, 27, 96, 0.2);
}

.pace-corner-indicator-maroon .pace .pace-activity::after {
  border-top-color: rgba(216, 27, 96, 0.2);
  border-bottom-color: rgba(216, 27, 96, 0.2);
}

.pace-fill-left-maroon .pace .pace-progress {
  background-color: rgba(216, 27, 96, 0.2);
}

.pace-flash-maroon .pace .pace-progress {
  background: #d81b60;
}

.pace-flash-maroon .pace .pace-progress-inner {
  box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60;
}

.pace-flash-maroon .pace .pace-activity {
  border-top-color: #d81b60;
  border-left-color: #d81b60;
}

.pace-loading-bar-maroon .pace .pace-progress {
  background: #d81b60;
  color: #d81b60;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-maroon .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff;
}

.pace-mac-osx-maroon .pace .pace-progress {
  background-color: #d81b60;
  box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-maroon .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-maroon .pace-progress {
  color: #d81b60;
}

.pace-blue .pace .pace-progress {
  background: #007bff;
}

.pace-barber-shop-blue .pace {
  background: #fff;
}

.pace-barber-shop-blue .pace .pace-progress {
  background: #007bff;
}

.pace-barber-shop-blue .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-blue .pace .pace-progress::after {
  color: rgba(0, 123, 255, 0.2);
}

.pace-bounce-blue .pace .pace-activity {
  background: #007bff;
}

.pace-center-atom-blue .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-blue .pace-progress::before {
  background: #007bff;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-blue .pace-activity {
  border-color: #007bff;
}

.pace-center-atom-blue .pace-activity::after,
.pace-center-atom-blue .pace-activity::before {
  border-color: #007bff;
}

.pace-center-circle-blue .pace .pace-progress {
  background: rgba(0, 123, 255, 0.8);
  color: #fff;
}

.pace-center-radar-blue .pace .pace-activity {
  border-color: #007bff transparent transparent;
}

.pace-center-radar-blue .pace .pace-activity::before {
  border-color: #007bff transparent transparent;
}

.pace-center-simple-blue .pace {
  background: #fff;
  border-color: #007bff;
}

.pace-center-simple-blue .pace .pace-progress {
  background: #007bff;
}

.pace-material-blue .pace {
  color: #007bff;
}

.pace-corner-indicator-blue .pace .pace-activity {
  background: #007bff;
}

.pace-corner-indicator-blue .pace .pace-activity::after,
.pace-corner-indicator-blue .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-blue .pace .pace-activity::before {
  border-right-color: rgba(0, 123, 255, 0.2);
  border-left-color: rgba(0, 123, 255, 0.2);
}

.pace-corner-indicator-blue .pace .pace-activity::after {
  border-top-color: rgba(0, 123, 255, 0.2);
  border-bottom-color: rgba(0, 123, 255, 0.2);
}

.pace-fill-left-blue .pace .pace-progress {
  background-color: rgba(0, 123, 255, 0.2);
}

.pace-flash-blue .pace .pace-progress {
  background: #007bff;
}

.pace-flash-blue .pace .pace-progress-inner {
  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
}

.pace-flash-blue .pace .pace-activity {
  border-top-color: #007bff;
  border-left-color: #007bff;
}

.pace-loading-bar-blue .pace .pace-progress {
  background: #007bff;
  color: #007bff;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-blue .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
}

.pace-mac-osx-blue .pace .pace-progress {
  background-color: #007bff;
  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-blue .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-blue .pace-progress {
  color: #007bff;
}

.pace-indigo .pace .pace-progress {
  background: #6610f2;
}

.pace-barber-shop-indigo .pace {
  background: #fff;
}

.pace-barber-shop-indigo .pace .pace-progress {
  background: #6610f2;
}

.pace-barber-shop-indigo .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-indigo .pace .pace-progress::after {
  color: rgba(102, 16, 242, 0.2);
}

.pace-bounce-indigo .pace .pace-activity {
  background: #6610f2;
}

.pace-center-atom-indigo .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-indigo .pace-progress::before {
  background: #6610f2;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-indigo .pace-activity {
  border-color: #6610f2;
}

.pace-center-atom-indigo .pace-activity::after,
.pace-center-atom-indigo .pace-activity::before {
  border-color: #6610f2;
}

.pace-center-circle-indigo .pace .pace-progress {
  background: rgba(102, 16, 242, 0.8);
  color: #fff;
}

.pace-center-radar-indigo .pace .pace-activity {
  border-color: #6610f2 transparent transparent;
}

.pace-center-radar-indigo .pace .pace-activity::before {
  border-color: #6610f2 transparent transparent;
}

.pace-center-simple-indigo .pace {
  background: #fff;
  border-color: #6610f2;
}

.pace-center-simple-indigo .pace .pace-progress {
  background: #6610f2;
}

.pace-material-indigo .pace {
  color: #6610f2;
}

.pace-corner-indicator-indigo .pace .pace-activity {
  background: #6610f2;
}

.pace-corner-indicator-indigo .pace .pace-activity::after,
.pace-corner-indicator-indigo .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-indigo .pace .pace-activity::before {
  border-right-color: rgba(102, 16, 242, 0.2);
  border-left-color: rgba(102, 16, 242, 0.2);
}

.pace-corner-indicator-indigo .pace .pace-activity::after {
  border-top-color: rgba(102, 16, 242, 0.2);
  border-bottom-color: rgba(102, 16, 242, 0.2);
}

.pace-fill-left-indigo .pace .pace-progress {
  background-color: rgba(102, 16, 242, 0.2);
}

.pace-flash-indigo .pace .pace-progress {
  background: #6610f2;
}

.pace-flash-indigo .pace .pace-progress-inner {
  box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2;
}

.pace-flash-indigo .pace .pace-activity {
  border-top-color: #6610f2;
  border-left-color: #6610f2;
}

.pace-loading-bar-indigo .pace .pace-progress {
  background: #6610f2;
  color: #6610f2;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-indigo .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff;
}

.pace-mac-osx-indigo .pace .pace-progress {
  background-color: #6610f2;
  box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-indigo .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-indigo .pace-progress {
  color: #6610f2;
}

.pace-purple .pace .pace-progress {
  background: #6f42c1;
}

.pace-barber-shop-purple .pace {
  background: #fff;
}

.pace-barber-shop-purple .pace .pace-progress {
  background: #6f42c1;
}

.pace-barber-shop-purple .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-purple .pace .pace-progress::after {
  color: rgba(111, 66, 193, 0.2);
}

.pace-bounce-purple .pace .pace-activity {
  background: #6f42c1;
}

.pace-center-atom-purple .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-purple .pace-progress::before {
  background: #6f42c1;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-purple .pace-activity {
  border-color: #6f42c1;
}

.pace-center-atom-purple .pace-activity::after,
.pace-center-atom-purple .pace-activity::before {
  border-color: #6f42c1;
}

.pace-center-circle-purple .pace .pace-progress {
  background: rgba(111, 66, 193, 0.8);
  color: #fff;
}

.pace-center-radar-purple .pace .pace-activity {
  border-color: #6f42c1 transparent transparent;
}

.pace-center-radar-purple .pace .pace-activity::before {
  border-color: #6f42c1 transparent transparent;
}

.pace-center-simple-purple .pace {
  background: #fff;
  border-color: #6f42c1;
}

.pace-center-simple-purple .pace .pace-progress {
  background: #6f42c1;
}

.pace-material-purple .pace {
  color: #6f42c1;
}

.pace-corner-indicator-purple .pace .pace-activity {
  background: #6f42c1;
}

.pace-corner-indicator-purple .pace .pace-activity::after,
.pace-corner-indicator-purple .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-purple .pace .pace-activity::before {
  border-right-color: rgba(111, 66, 193, 0.2);
  border-left-color: rgba(111, 66, 193, 0.2);
}

.pace-corner-indicator-purple .pace .pace-activity::after {
  border-top-color: rgba(111, 66, 193, 0.2);
  border-bottom-color: rgba(111, 66, 193, 0.2);
}

.pace-fill-left-purple .pace .pace-progress {
  background-color: rgba(111, 66, 193, 0.2);
}

.pace-flash-purple .pace .pace-progress {
  background: #6f42c1;
}

.pace-flash-purple .pace .pace-progress-inner {
  box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1;
}

.pace-flash-purple .pace .pace-activity {
  border-top-color: #6f42c1;
  border-left-color: #6f42c1;
}

.pace-loading-bar-purple .pace .pace-progress {
  background: #6f42c1;
  color: #6f42c1;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-purple .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff;
}

.pace-mac-osx-purple .pace .pace-progress {
  background-color: #6f42c1;
  box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-purple .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-purple .pace-progress {
  color: #6f42c1;
}

.pace-pink .pace .pace-progress {
  background: #e83e8c;
}

.pace-barber-shop-pink .pace {
  background: #fff;
}

.pace-barber-shop-pink .pace .pace-progress {
  background: #e83e8c;
}

.pace-barber-shop-pink .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-pink .pace .pace-progress::after {
  color: rgba(232, 62, 140, 0.2);
}

.pace-bounce-pink .pace .pace-activity {
  background: #e83e8c;
}

.pace-center-atom-pink .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-pink .pace-progress::before {
  background: #e83e8c;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-pink .pace-activity {
  border-color: #e83e8c;
}

.pace-center-atom-pink .pace-activity::after,
.pace-center-atom-pink .pace-activity::before {
  border-color: #e83e8c;
}

.pace-center-circle-pink .pace .pace-progress {
  background: rgba(232, 62, 140, 0.8);
  color: #fff;
}

.pace-center-radar-pink .pace .pace-activity {
  border-color: #e83e8c transparent transparent;
}

.pace-center-radar-pink .pace .pace-activity::before {
  border-color: #e83e8c transparent transparent;
}

.pace-center-simple-pink .pace {
  background: #fff;
  border-color: #e83e8c;
}

.pace-center-simple-pink .pace .pace-progress {
  background: #e83e8c;
}

.pace-material-pink .pace {
  color: #e83e8c;
}

.pace-corner-indicator-pink .pace .pace-activity {
  background: #e83e8c;
}

.pace-corner-indicator-pink .pace .pace-activity::after,
.pace-corner-indicator-pink .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-pink .pace .pace-activity::before {
  border-right-color: rgba(232, 62, 140, 0.2);
  border-left-color: rgba(232, 62, 140, 0.2);
}

.pace-corner-indicator-pink .pace .pace-activity::after {
  border-top-color: rgba(232, 62, 140, 0.2);
  border-bottom-color: rgba(232, 62, 140, 0.2);
}

.pace-fill-left-pink .pace .pace-progress {
  background-color: rgba(232, 62, 140, 0.2);
}

.pace-flash-pink .pace .pace-progress {
  background: #e83e8c;
}

.pace-flash-pink .pace .pace-progress-inner {
  box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c;
}

.pace-flash-pink .pace .pace-activity {
  border-top-color: #e83e8c;
  border-left-color: #e83e8c;
}

.pace-loading-bar-pink .pace .pace-progress {
  background: #e83e8c;
  color: #e83e8c;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-pink .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff;
}

.pace-mac-osx-pink .pace .pace-progress {
  background-color: #e83e8c;
  box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-pink .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-pink .pace-progress {
  color: #e83e8c;
}

.pace-red .pace .pace-progress {
  background: #dc3545;
}

.pace-barber-shop-red .pace {
  background: #fff;
}

.pace-barber-shop-red .pace .pace-progress {
  background: #dc3545;
}

.pace-barber-shop-red .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-red .pace .pace-progress::after {
  color: rgba(220, 53, 69, 0.2);
}

.pace-bounce-red .pace .pace-activity {
  background: #dc3545;
}

.pace-center-atom-red .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-red .pace-progress::before {
  background: #dc3545;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-red .pace-activity {
  border-color: #dc3545;
}

.pace-center-atom-red .pace-activity::after,
.pace-center-atom-red .pace-activity::before {
  border-color: #dc3545;
}

.pace-center-circle-red .pace .pace-progress {
  background: rgba(220, 53, 69, 0.8);
  color: #fff;
}

.pace-center-radar-red .pace .pace-activity {
  border-color: #dc3545 transparent transparent;
}

.pace-center-radar-red .pace .pace-activity::before {
  border-color: #dc3545 transparent transparent;
}

.pace-center-simple-red .pace {
  background: #fff;
  border-color: #dc3545;
}

.pace-center-simple-red .pace .pace-progress {
  background: #dc3545;
}

.pace-material-red .pace {
  color: #dc3545;
}

.pace-corner-indicator-red .pace .pace-activity {
  background: #dc3545;
}

.pace-corner-indicator-red .pace .pace-activity::after,
.pace-corner-indicator-red .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-red .pace .pace-activity::before {
  border-right-color: rgba(220, 53, 69, 0.2);
  border-left-color: rgba(220, 53, 69, 0.2);
}

.pace-corner-indicator-red .pace .pace-activity::after {
  border-top-color: rgba(220, 53, 69, 0.2);
  border-bottom-color: rgba(220, 53, 69, 0.2);
}

.pace-fill-left-red .pace .pace-progress {
  background-color: rgba(220, 53, 69, 0.2);
}

.pace-flash-red .pace .pace-progress {
  background: #dc3545;
}

.pace-flash-red .pace .pace-progress-inner {
  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
}

.pace-flash-red .pace .pace-activity {
  border-top-color: #dc3545;
  border-left-color: #dc3545;
}

.pace-loading-bar-red .pace .pace-progress {
  background: #dc3545;
  color: #dc3545;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-red .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
}

.pace-mac-osx-red .pace .pace-progress {
  background-color: #dc3545;
  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-red .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-red .pace-progress {
  color: #dc3545;
}

.pace-orange .pace .pace-progress {
  background: #fd7e14;
}

.pace-barber-shop-orange .pace {
  background: #1f2d3d;
}

.pace-barber-shop-orange .pace .pace-progress {
  background: #fd7e14;
}

.pace-barber-shop-orange .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-orange .pace .pace-progress::after {
  color: rgba(253, 126, 20, 0.2);
}

.pace-bounce-orange .pace .pace-activity {
  background: #fd7e14;
}

.pace-center-atom-orange .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-orange .pace-progress::before {
  background: #fd7e14;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-orange .pace-activity {
  border-color: #fd7e14;
}

.pace-center-atom-orange .pace-activity::after,
.pace-center-atom-orange .pace-activity::before {
  border-color: #fd7e14;
}

.pace-center-circle-orange .pace .pace-progress {
  background: rgba(253, 126, 20, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-orange .pace .pace-activity {
  border-color: #fd7e14 transparent transparent;
}

.pace-center-radar-orange .pace .pace-activity::before {
  border-color: #fd7e14 transparent transparent;
}

.pace-center-simple-orange .pace {
  background: #1f2d3d;
  border-color: #fd7e14;
}

.pace-center-simple-orange .pace .pace-progress {
  background: #fd7e14;
}

.pace-material-orange .pace {
  color: #fd7e14;
}

.pace-corner-indicator-orange .pace .pace-activity {
  background: #fd7e14;
}

.pace-corner-indicator-orange .pace .pace-activity::after,
.pace-corner-indicator-orange .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-orange .pace .pace-activity::before {
  border-right-color: rgba(253, 126, 20, 0.2);
  border-left-color: rgba(253, 126, 20, 0.2);
}

.pace-corner-indicator-orange .pace .pace-activity::after {
  border-top-color: rgba(253, 126, 20, 0.2);
  border-bottom-color: rgba(253, 126, 20, 0.2);
}

.pace-fill-left-orange .pace .pace-progress {
  background-color: rgba(253, 126, 20, 0.2);
}

.pace-flash-orange .pace .pace-progress {
  background: #fd7e14;
}

.pace-flash-orange .pace .pace-progress-inner {
  box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14;
}

.pace-flash-orange .pace .pace-activity {
  border-top-color: #fd7e14;
  border-left-color: #fd7e14;
}

.pace-loading-bar-orange .pace .pace-progress {
  background: #fd7e14;
  color: #fd7e14;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-orange .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-orange .pace .pace-progress {
  background-color: #fd7e14;
  box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-orange .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-orange .pace-progress {
  color: #fd7e14;
}

.pace-yellow .pace .pace-progress {
  background: #ffc107;
}

.pace-barber-shop-yellow .pace {
  background: #1f2d3d;
}

.pace-barber-shop-yellow .pace .pace-progress {
  background: #ffc107;
}

.pace-barber-shop-yellow .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-yellow .pace .pace-progress::after {
  color: rgba(255, 193, 7, 0.2);
}

.pace-bounce-yellow .pace .pace-activity {
  background: #ffc107;
}

.pace-center-atom-yellow .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-yellow .pace-progress::before {
  background: #ffc107;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-yellow .pace-activity {
  border-color: #ffc107;
}

.pace-center-atom-yellow .pace-activity::after,
.pace-center-atom-yellow .pace-activity::before {
  border-color: #ffc107;
}

.pace-center-circle-yellow .pace .pace-progress {
  background: rgba(255, 193, 7, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-yellow .pace .pace-activity {
  border-color: #ffc107 transparent transparent;
}

.pace-center-radar-yellow .pace .pace-activity::before {
  border-color: #ffc107 transparent transparent;
}

.pace-center-simple-yellow .pace {
  background: #1f2d3d;
  border-color: #ffc107;
}

.pace-center-simple-yellow .pace .pace-progress {
  background: #ffc107;
}

.pace-material-yellow .pace {
  color: #ffc107;
}

.pace-corner-indicator-yellow .pace .pace-activity {
  background: #ffc107;
}

.pace-corner-indicator-yellow .pace .pace-activity::after,
.pace-corner-indicator-yellow .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-yellow .pace .pace-activity::before {
  border-right-color: rgba(255, 193, 7, 0.2);
  border-left-color: rgba(255, 193, 7, 0.2);
}

.pace-corner-indicator-yellow .pace .pace-activity::after {
  border-top-color: rgba(255, 193, 7, 0.2);
  border-bottom-color: rgba(255, 193, 7, 0.2);
}

.pace-fill-left-yellow .pace .pace-progress {
  background-color: rgba(255, 193, 7, 0.2);
}

.pace-flash-yellow .pace .pace-progress {
  background: #ffc107;
}

.pace-flash-yellow .pace .pace-progress-inner {
  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
}

.pace-flash-yellow .pace .pace-activity {
  border-top-color: #ffc107;
  border-left-color: #ffc107;
}

.pace-loading-bar-yellow .pace .pace-progress {
  background: #ffc107;
  color: #ffc107;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-yellow .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-yellow .pace .pace-progress {
  background-color: #ffc107;
  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-yellow .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-yellow .pace-progress {
  color: #ffc107;
}

.pace-green .pace .pace-progress {
  background: #28a745;
}

.pace-barber-shop-green .pace {
  background: #fff;
}

.pace-barber-shop-green .pace .pace-progress {
  background: #28a745;
}

.pace-barber-shop-green .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-green .pace .pace-progress::after {
  color: rgba(40, 167, 69, 0.2);
}

.pace-bounce-green .pace .pace-activity {
  background: #28a745;
}

.pace-center-atom-green .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-green .pace-progress::before {
  background: #28a745;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-green .pace-activity {
  border-color: #28a745;
}

.pace-center-atom-green .pace-activity::after,
.pace-center-atom-green .pace-activity::before {
  border-color: #28a745;
}

.pace-center-circle-green .pace .pace-progress {
  background: rgba(40, 167, 69, 0.8);
  color: #fff;
}

.pace-center-radar-green .pace .pace-activity {
  border-color: #28a745 transparent transparent;
}

.pace-center-radar-green .pace .pace-activity::before {
  border-color: #28a745 transparent transparent;
}

.pace-center-simple-green .pace {
  background: #fff;
  border-color: #28a745;
}

.pace-center-simple-green .pace .pace-progress {
  background: #28a745;
}

.pace-material-green .pace {
  color: #28a745;
}

.pace-corner-indicator-green .pace .pace-activity {
  background: #28a745;
}

.pace-corner-indicator-green .pace .pace-activity::after,
.pace-corner-indicator-green .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-green .pace .pace-activity::before {
  border-right-color: rgba(40, 167, 69, 0.2);
  border-left-color: rgba(40, 167, 69, 0.2);
}

.pace-corner-indicator-green .pace .pace-activity::after {
  border-top-color: rgba(40, 167, 69, 0.2);
  border-bottom-color: rgba(40, 167, 69, 0.2);
}

.pace-fill-left-green .pace .pace-progress {
  background-color: rgba(40, 167, 69, 0.2);
}

.pace-flash-green .pace .pace-progress {
  background: #28a745;
}

.pace-flash-green .pace .pace-progress-inner {
  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
}

.pace-flash-green .pace .pace-activity {
  border-top-color: #28a745;
  border-left-color: #28a745;
}

.pace-loading-bar-green .pace .pace-progress {
  background: #28a745;
  color: #28a745;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-green .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
}

.pace-mac-osx-green .pace .pace-progress {
  background-color: #28a745;
  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-green .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-green .pace-progress {
  color: #28a745;
}

.pace-teal .pace .pace-progress {
  background: #20c997;
}

.pace-barber-shop-teal .pace {
  background: #fff;
}

.pace-barber-shop-teal .pace .pace-progress {
  background: #20c997;
}

.pace-barber-shop-teal .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-teal .pace .pace-progress::after {
  color: rgba(32, 201, 151, 0.2);
}

.pace-bounce-teal .pace .pace-activity {
  background: #20c997;
}

.pace-center-atom-teal .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-teal .pace-progress::before {
  background: #20c997;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-teal .pace-activity {
  border-color: #20c997;
}

.pace-center-atom-teal .pace-activity::after,
.pace-center-atom-teal .pace-activity::before {
  border-color: #20c997;
}

.pace-center-circle-teal .pace .pace-progress {
  background: rgba(32, 201, 151, 0.8);
  color: #fff;
}

.pace-center-radar-teal .pace .pace-activity {
  border-color: #20c997 transparent transparent;
}

.pace-center-radar-teal .pace .pace-activity::before {
  border-color: #20c997 transparent transparent;
}

.pace-center-simple-teal .pace {
  background: #fff;
  border-color: #20c997;
}

.pace-center-simple-teal .pace .pace-progress {
  background: #20c997;
}

.pace-material-teal .pace {
  color: #20c997;
}

.pace-corner-indicator-teal .pace .pace-activity {
  background: #20c997;
}

.pace-corner-indicator-teal .pace .pace-activity::after,
.pace-corner-indicator-teal .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-teal .pace .pace-activity::before {
  border-right-color: rgba(32, 201, 151, 0.2);
  border-left-color: rgba(32, 201, 151, 0.2);
}

.pace-corner-indicator-teal .pace .pace-activity::after {
  border-top-color: rgba(32, 201, 151, 0.2);
  border-bottom-color: rgba(32, 201, 151, 0.2);
}

.pace-fill-left-teal .pace .pace-progress {
  background-color: rgba(32, 201, 151, 0.2);
}

.pace-flash-teal .pace .pace-progress {
  background: #20c997;
}

.pace-flash-teal .pace .pace-progress-inner {
  box-shadow: 0 0 10px #20c997, 0 0 5px #20c997;
}

.pace-flash-teal .pace .pace-activity {
  border-top-color: #20c997;
  border-left-color: #20c997;
}

.pace-loading-bar-teal .pace .pace-progress {
  background: #20c997;
  color: #20c997;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-teal .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff;
}

.pace-mac-osx-teal .pace .pace-progress {
  background-color: #20c997;
  box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-teal .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-teal .pace-progress {
  color: #20c997;
}

.pace-cyan .pace .pace-progress {
  background: #17a2b8;
}

.pace-barber-shop-cyan .pace {
  background: #fff;
}

.pace-barber-shop-cyan .pace .pace-progress {
  background: #17a2b8;
}

.pace-barber-shop-cyan .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-cyan .pace .pace-progress::after {
  color: rgba(23, 162, 184, 0.2);
}

.pace-bounce-cyan .pace .pace-activity {
  background: #17a2b8;
}

.pace-center-atom-cyan .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-cyan .pace-progress::before {
  background: #17a2b8;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-cyan .pace-activity {
  border-color: #17a2b8;
}

.pace-center-atom-cyan .pace-activity::after,
.pace-center-atom-cyan .pace-activity::before {
  border-color: #17a2b8;
}

.pace-center-circle-cyan .pace .pace-progress {
  background: rgba(23, 162, 184, 0.8);
  color: #fff;
}

.pace-center-radar-cyan .pace .pace-activity {
  border-color: #17a2b8 transparent transparent;
}

.pace-center-radar-cyan .pace .pace-activity::before {
  border-color: #17a2b8 transparent transparent;
}

.pace-center-simple-cyan .pace {
  background: #fff;
  border-color: #17a2b8;
}

.pace-center-simple-cyan .pace .pace-progress {
  background: #17a2b8;
}

.pace-material-cyan .pace {
  color: #17a2b8;
}

.pace-corner-indicator-cyan .pace .pace-activity {
  background: #17a2b8;
}

.pace-corner-indicator-cyan .pace .pace-activity::after,
.pace-corner-indicator-cyan .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-cyan .pace .pace-activity::before {
  border-right-color: rgba(23, 162, 184, 0.2);
  border-left-color: rgba(23, 162, 184, 0.2);
}

.pace-corner-indicator-cyan .pace .pace-activity::after {
  border-top-color: rgba(23, 162, 184, 0.2);
  border-bottom-color: rgba(23, 162, 184, 0.2);
}

.pace-fill-left-cyan .pace .pace-progress {
  background-color: rgba(23, 162, 184, 0.2);
}

.pace-flash-cyan .pace .pace-progress {
  background: #17a2b8;
}

.pace-flash-cyan .pace .pace-progress-inner {
  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
}

.pace-flash-cyan .pace .pace-activity {
  border-top-color: #17a2b8;
  border-left-color: #17a2b8;
}

.pace-loading-bar-cyan .pace .pace-progress {
  background: #17a2b8;
  color: #17a2b8;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-cyan .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
}

.pace-mac-osx-cyan .pace .pace-progress {
  background-color: #17a2b8;
  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-cyan .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-cyan .pace-progress {
  color: #17a2b8;
}

.pace-white .pace .pace-progress {
  background: #fff;
}

.pace-barber-shop-white .pace {
  background: #1f2d3d;
}

.pace-barber-shop-white .pace .pace-progress {
  background: #fff;
}

.pace-barber-shop-white .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-white .pace .pace-progress::after {
  color: rgba(255, 255, 255, 0.2);
}

.pace-bounce-white .pace .pace-activity {
  background: #fff;
}

.pace-center-atom-white .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-white .pace-progress::before {
  background: #fff;
  color: #1f2d3d;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-white .pace-activity {
  border-color: #fff;
}

.pace-center-atom-white .pace-activity::after,
.pace-center-atom-white .pace-activity::before {
  border-color: #fff;
}

.pace-center-circle-white .pace .pace-progress {
  background: rgba(255, 255, 255, 0.8);
  color: #1f2d3d;
}

.pace-center-radar-white .pace .pace-activity {
  border-color: #fff transparent transparent;
}

.pace-center-radar-white .pace .pace-activity::before {
  border-color: #fff transparent transparent;
}

.pace-center-simple-white .pace {
  background: #1f2d3d;
  border-color: #fff;
}

.pace-center-simple-white .pace .pace-progress {
  background: #fff;
}

.pace-material-white .pace {
  color: #fff;
}

.pace-corner-indicator-white .pace .pace-activity {
  background: #fff;
}

.pace-corner-indicator-white .pace .pace-activity::after,
.pace-corner-indicator-white .pace .pace-activity::before {
  border: 5px solid #1f2d3d;
}

.pace-corner-indicator-white .pace .pace-activity::before {
  border-right-color: rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.2);
}

.pace-corner-indicator-white .pace .pace-activity::after {
  border-top-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.pace-fill-left-white .pace .pace-progress {
  background-color: rgba(255, 255, 255, 0.2);
}

.pace-flash-white .pace .pace-progress {
  background: #fff;
}

.pace-flash-white .pace .pace-progress-inner {
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
}

.pace-flash-white .pace .pace-activity {
  border-top-color: #fff;
  border-left-color: #fff;
}

.pace-loading-bar-white .pace .pace-progress {
  background: #fff;
  color: #fff;
  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
}

.pace-loading-bar-white .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d;
}

.pace-mac-osx-white .pace .pace-progress {
  background-color: #fff;
  box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
}

.pace-mac-osx-white .pace .pace-activity {
  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-white .pace-progress {
  color: #fff;
}

.pace-gray .pace .pace-progress {
  background: #6c757d;
}

.pace-barber-shop-gray .pace {
  background: #fff;
}

.pace-barber-shop-gray .pace .pace-progress {
  background: #6c757d;
}

.pace-barber-shop-gray .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-gray .pace .pace-progress::after {
  color: rgba(108, 117, 125, 0.2);
}

.pace-bounce-gray .pace .pace-activity {
  background: #6c757d;
}

.pace-center-atom-gray .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-gray .pace-progress::before {
  background: #6c757d;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-gray .pace-activity {
  border-color: #6c757d;
}

.pace-center-atom-gray .pace-activity::after,
.pace-center-atom-gray .pace-activity::before {
  border-color: #6c757d;
}

.pace-center-circle-gray .pace .pace-progress {
  background: rgba(108, 117, 125, 0.8);
  color: #fff;
}

.pace-center-radar-gray .pace .pace-activity {
  border-color: #6c757d transparent transparent;
}

.pace-center-radar-gray .pace .pace-activity::before {
  border-color: #6c757d transparent transparent;
}

.pace-center-simple-gray .pace {
  background: #fff;
  border-color: #6c757d;
}

.pace-center-simple-gray .pace .pace-progress {
  background: #6c757d;
}

.pace-material-gray .pace {
  color: #6c757d;
}

.pace-corner-indicator-gray .pace .pace-activity {
  background: #6c757d;
}

.pace-corner-indicator-gray .pace .pace-activity::after,
.pace-corner-indicator-gray .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-gray .pace .pace-activity::before {
  border-right-color: rgba(108, 117, 125, 0.2);
  border-left-color: rgba(108, 117, 125, 0.2);
}

.pace-corner-indicator-gray .pace .pace-activity::after {
  border-top-color: rgba(108, 117, 125, 0.2);
  border-bottom-color: rgba(108, 117, 125, 0.2);
}

.pace-fill-left-gray .pace .pace-progress {
  background-color: rgba(108, 117, 125, 0.2);
}

.pace-flash-gray .pace .pace-progress {
  background: #6c757d;
}

.pace-flash-gray .pace .pace-progress-inner {
  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
}

.pace-flash-gray .pace .pace-activity {
  border-top-color: #6c757d;
  border-left-color: #6c757d;
}

.pace-loading-bar-gray .pace .pace-progress {
  background: #6c757d;
  color: #6c757d;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-gray .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
}

.pace-mac-osx-gray .pace .pace-progress {
  background-color: #6c757d;
  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-gray .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-gray .pace-progress {
  color: #6c757d;
}

.pace-gray-dark .pace .pace-progress {
  background: #343a40;
}

.pace-barber-shop-gray-dark .pace {
  background: #fff;
}

.pace-barber-shop-gray-dark .pace .pace-progress {
  background: #343a40;
}

.pace-barber-shop-gray-dark .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-gray-dark .pace .pace-progress::after {
  color: rgba(52, 58, 64, 0.2);
}

.pace-bounce-gray-dark .pace .pace-activity {
  background: #343a40;
}

.pace-center-atom-gray-dark .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-gray-dark .pace-progress::before {
  background: #343a40;
  color: #fff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-gray-dark .pace-activity {
  border-color: #343a40;
}

.pace-center-atom-gray-dark .pace-activity::after,
.pace-center-atom-gray-dark .pace-activity::before {
  border-color: #343a40;
}

.pace-center-circle-gray-dark .pace .pace-progress {
  background: rgba(52, 58, 64, 0.8);
  color: #fff;
}

.pace-center-radar-gray-dark .pace .pace-activity {
  border-color: #343a40 transparent transparent;
}

.pace-center-radar-gray-dark .pace .pace-activity::before {
  border-color: #343a40 transparent transparent;
}

.pace-center-simple-gray-dark .pace {
  background: #fff;
  border-color: #343a40;
}

.pace-center-simple-gray-dark .pace .pace-progress {
  background: #343a40;
}

.pace-material-gray-dark .pace {
  color: #343a40;
}

.pace-corner-indicator-gray-dark .pace .pace-activity {
  background: #343a40;
}

.pace-corner-indicator-gray-dark .pace .pace-activity::after,
.pace-corner-indicator-gray-dark .pace .pace-activity::before {
  border: 5px solid #fff;
}

.pace-corner-indicator-gray-dark .pace .pace-activity::before {
  border-right-color: rgba(52, 58, 64, 0.2);
  border-left-color: rgba(52, 58, 64, 0.2);
}

.pace-corner-indicator-gray-dark .pace .pace-activity::after {
  border-top-color: rgba(52, 58, 64, 0.2);
  border-bottom-color: rgba(52, 58, 64, 0.2);
}

.pace-fill-left-gray-dark .pace .pace-progress {
  background-color: rgba(52, 58, 64, 0.2);
}

.pace-flash-gray-dark .pace .pace-progress {
  background: #343a40;
}

.pace-flash-gray-dark .pace .pace-progress-inner {
  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
}

.pace-flash-gray-dark .pace .pace-activity {
  border-top-color: #343a40;
  border-left-color: #343a40;
}

.pace-loading-bar-gray-dark .pace .pace-progress {
  background: #343a40;
  color: #343a40;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace-loading-bar-gray-dark .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
}

.pace-mac-osx-gray-dark .pace .pace-progress {
  background-color: #343a40;
  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-gray-dark .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-gray-dark .pace-progress {
  color: #343a40;
}

/**
  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  *
  * @version v3.4 (MODDED)
  * @homepage https://bttstrp.github.io/bootstrap-switch
  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  * @license MIT
  */
.bootstrap-switch {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  cursor: pointer;
  direction: ltr;
  display: inline-block;
  line-height: .5rem;
  overflow: hidden;
  position: relative;
  text-align: left;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  z-index: 0;
}

.bootstrap-switch .bootstrap-switch-container {
  border-radius: 0.25rem;
  display: inline-block;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bootstrap-switch:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  box-sizing: border-box;
  cursor: pointer;
  display: table-cell;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
  padding: .25rem .5rem;
  vertical-align: middle;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #e9ecef;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #007bff;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  background: #6c757d;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  background: #28a745;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  background: #17a2b8;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #ffc107;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  background: #dc3545;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
  background: #f8f9fa;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
  background: #343a40;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
  background: #3c8dbc;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
  background: #001f3f;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
  background: #3d9970;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
  background: #01ff70;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
  background: #f012be;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
  background: #d81b60;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
  background: #007bff;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
  background: #6610f2;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
  background: #6f42c1;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
  background: #e83e8c;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
  background: #dc3545;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
  background: #fd7e14;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
  background: #ffc107;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
  background: #28a745;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
  background: #20c997;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
  background: #17a2b8;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
  background: #fff;
  color: #1f2d3d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
  background: #6c757d;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
  background: #343a40;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0.1rem;
  border-top-left-radius: 0.1rem;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  filter: alpha(opacity=0);
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: -1;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  font-size: .875rem;
  line-height: 1.5;
  padding: .1rem .3rem;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  font-size: .875rem;
  line-height: 1.5;
  padding: .2rem .4rem;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  font-size: 1.25rem;
  line-height: 1.3333333rem;
  padding: .3rem .5rem;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  cursor: default;
  filter: alpha(opacity=50);
  opacity: .5;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  transition: margin-left .5s;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-radius: 0 0.1rem 0.1rem 0;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-radius: 0.1rem 0 0 0.1rem;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 0.1rem;
  border-top-left-radius: 0.1rem;
}

.dark-mode .bootstrap-switch {
  border-color: #6c757d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  background-color: #3a4047;
  color: #fff;
  border-color: #454d55;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #3f6791;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  background: #6c757d;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  background: #00bc8c;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  background: #3498db;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f39c12;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  background: #e74c3c;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
  background: #f8f9fa;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
  background: #343a40;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
  background: #86bad8;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
  background: #002c59;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
  background: #74c8a3;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
  background: #67ffa9;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
  background: #f672d8;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
  background: #ed6c9b;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
  background: #3f6791;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
  background: #6610f2;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
  background: #6f42c1;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
  background: #e83e8c;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
  background: #e74c3c;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
  background: #fd7e14;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
  background: #f39c12;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
  background: #00bc8c;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
  background: #20c997;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
  background: #3498db;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
  background: #fff;
  color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
  background: #6c757d;
  color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
  background: #343a40;
  color: #fff;
}

.jqstooltip {
  height: auto !important;
  padding: 5px !important;
  width: auto !important;
}

.connectedSortable {
  min-height: 100px;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sort-highlight {
  background: #f8f9fa;
  border: 1px dashed #dee2e6;
  margin-bottom: 10px;
}

.chart {
  overflow: hidden;
  position: relative;
}

.dark-mode .irs--flat .irs-line {
  background-color: #4b545c;
}

.dark-mode .jsgrid-edit-row>.jsgrid-cell,
.dark-mode .jsgrid-filter-row>.jsgrid-cell,
.dark-mode .jsgrid-grid-body,
.dark-mode .jsgrid-grid-header,
.dark-mode .jsgrid-header-row>.jsgrid-header-cell,
.dark-mode .jsgrid-insert-row>.jsgrid-cell,
.dark-mode .jsgrid-row>.jsgrid-cell,
.dark-mode .jsgrid-alt-row>.jsgrid-cell {
  border-color: #6c757d;
}

.dark-mode .jsgrid-header-row>.jsgrid-header-cell,
.dark-mode .jsgrid-row>.jsgrid-cell {
  background-color: #343a40;
}

.dark-mode .jsgrid-alt-row>.jsgrid-cell {
  background-color: #3a4047;
}

.dark-mode .jsgrid-selected-row>.jsgrid-cell {
  background-color: #3f474e;
}

.border-transparent {
  border-color: transparent !important;
}

.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.description-block.margin-bottom {
  margin-bottom: 25px;
}

.description-block>.description-header {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.description-block>.description-text {
  text-transform: uppercase;
}

.description-block .description-icon {
  font-size: 16px;
}

.list-group-unbordered>.list-group-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-header {
  color: #6c757d;
  font-size: 15px;
  font-weight: 700;
  padding: 10px 4px;
}

.list-seperator {
  background-color: rgba(0, 0, 0, 0.125);
  height: 1px;
  margin: 15px 0 9px;
}

.list-link>a {
  color: #6c757d;
  padding: 4px;
}

.list-link>a:hover {
  color: #212529;
}

.user-block {
  float: left;
}

.user-block img {
  float: left;
  height: 40px;
  width: 40px;
}

.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}

.user-block .username {
  font-size: 16px;
  font-weight: 600;
  margin-top: -1px;
}

.user-block .description {
  color: #6c757d;
  font-size: 13px;
  margin-top: -3px;
}

.user-block.user-block-sm img {
  width: 1.875rem;
  height: 1.875rem;
}

.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}

.user-block.user-block-sm .username {
  font-size: 14px;
}

.img-sm,
.img-md,
.img-lg {
  float: left;
}

.img-sm {
  height: 1.875rem;
  width: 1.875rem;
}

.img-sm+.img-push {
  margin-left: 2.5rem;
}

.img-md {
  width: 3.75rem;
  height: 3.75rem;
}

.img-md+.img-push {
  margin-left: 4.375rem;
}

.img-lg {
  width: 6.25rem;
  height: 6.25rem;
}

.img-lg+.img-push {
  margin-left: 6.875rem;
}

.img-bordered {
  border: 3px solid #adb5bd;
  padding: 3px;
}

.img-bordered-sm {
  border: 2px solid #adb5bd;
  padding: 2px;
}

.img-rounded {
  border-radius: 0.25rem;
}

.img-circle {
  border-radius: 50%;
}

.img-size-64,
.img-size-50,
.img-size-32 {
  height: auto;
}

.img-size-64 {
  width: 64px;
}

.img-size-50 {
  width: 50px;
}

.img-size-32 {
  width: 32px;
}

.size-32,
.size-40,
.size-50 {
  display: block;
  text-align: center;
}

.size-32 {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.size-40 {
  height: 40px;
  line-height: 40px;
  width: 40px;
}

.size-50 {
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.attachment-block {
  background-color: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 10px;
  padding: 5px;
}

.attachment-block .attachment-img {
  float: left;
  height: auto;
  max-height: 100px;
  max-width: 100px;
}

.attachment-block .attachment-pushed {
  margin-left: 110px;
}

.attachment-block .attachment-heading {
  margin: 0;
}

.attachment-block .attachment-text {
  color: #495057;
}

.card>.overlay,
.card>.loading-img,
.overlay-wrapper>.overlay,
.overlay-wrapper>.loading-img,
.info-box>.overlay,
.info-box>.loading-img,
.small-box>.overlay,
.small-box>.loading-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.card .overlay,
.overlay-wrapper .overlay,
.info-box .overlay,
.small-box .overlay {
  border-radius: 0.25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
}

.card .overlay>.fa,
.card .overlay>.fas,
.card .overlay>.far,
.card .overlay>.fab,
.card .overlay>.fal,
.card .overlay>.fad,
.card .overlay>.svg-inline--fa,
.card .overlay>.ion,
.overlay-wrapper .overlay>.fa,
.overlay-wrapper .overlay>.fas,
.overlay-wrapper .overlay>.far,
.overlay-wrapper .overlay>.fab,
.overlay-wrapper .overlay>.fal,
.overlay-wrapper .overlay>.fad,
.overlay-wrapper .overlay>.svg-inline--fa,
.overlay-wrapper .overlay>.ion,
.info-box .overlay>.fa,
.info-box .overlay>.fas,
.info-box .overlay>.far,
.info-box .overlay>.fab,
.info-box .overlay>.fal,
.info-box .overlay>.fad,
.info-box .overlay>.svg-inline--fa,
.info-box .overlay>.ion,
.small-box .overlay>.fa,
.small-box .overlay>.fas,
.small-box .overlay>.far,
.small-box .overlay>.fab,
.small-box .overlay>.fal,
.small-box .overlay>.fad,
.small-box .overlay>.svg-inline--fa,
.small-box .overlay>.ion {
  color: #343a40;
}

.card .overlay.dark,
.overlay-wrapper .overlay.dark,
.info-box .overlay.dark,
.small-box .overlay.dark {
  background-color: rgba(0, 0, 0, 0.5);
}

.card .overlay.dark>.fa,
.card .overlay.dark>.fas,
.card .overlay.dark>.far,
.card .overlay.dark>.fab,
.card .overlay.dark>.fal,
.card .overlay.dark>.fad,
.card .overlay.dark>.svg-inline--fa,
.card .overlay.dark>.ion,
.overlay-wrapper .overlay.dark>.fa,
.overlay-wrapper .overlay.dark>.fas,
.overlay-wrapper .overlay.dark>.far,
.overlay-wrapper .overlay.dark>.fab,
.overlay-wrapper .overlay.dark>.fal,
.overlay-wrapper .overlay.dark>.fad,
.overlay-wrapper .overlay.dark>.svg-inline--fa,
.overlay-wrapper .overlay.dark>.ion,
.info-box .overlay.dark>.fa,
.info-box .overlay.dark>.fas,
.info-box .overlay.dark>.far,
.info-box .overlay.dark>.fab,
.info-box .overlay.dark>.fal,
.info-box .overlay.dark>.fad,
.info-box .overlay.dark>.svg-inline--fa,
.info-box .overlay.dark>.ion,
.small-box .overlay.dark>.fa,
.small-box .overlay.dark>.fas,
.small-box .overlay.dark>.far,
.small-box .overlay.dark>.fab,
.small-box .overlay.dark>.fal,
.small-box .overlay.dark>.fad,
.small-box .overlay.dark>.svg-inline--fa,
.small-box .overlay.dark>.ion {
  color: #ced4da;
}

.tab-pane>.overlay-wrapper {
  position: relative;
}

.tab-pane>.overlay-wrapper>.overlay {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -1.25rem;
  margin-left: -1.25rem;
  height: calc(100% + 2 * 1.25rem);
  width: calc(100% + 2 * 1.25rem);
}

.tab-pane>.overlay-wrapper>.overlay.dark {
  color: #fff;
}

.ribbon-wrapper {
  height: 70px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 70px;
  z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
  height: 120px;
  width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
  right: 0;
  top: 26px;
  width: 160px;
}

.ribbon-wrapper.ribbon-xl {
  height: 180px;
  width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
  right: 4px;
  top: 47px;
  width: 240px;
}

.ribbon-wrapper .ribbon {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  line-height: 100%;
  padding: 0.375rem 0;
  position: relative;
  right: -2px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 90px;
}

.ribbon-wrapper .ribbon::before,
.ribbon-wrapper .ribbon::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #9e9e9e;
  bottom: -3px;
  content: "";
  position: absolute;
}

.ribbon-wrapper .ribbon::before {
  left: 0;
}

.ribbon-wrapper .ribbon::after {
  right: 0;
}

.back-to-top {
  bottom: 1.25rem;
  position: fixed;
  right: 1.25rem;
  z-index: 1032;
}

.back-to-top:focus {
  box-shadow: none;
}

pre {
  padding: .75rem;
}

blockquote {
  background-color: #fff;
  border-left: 0.7rem solid #007bff;
  margin: 1.5em .7rem;
  padding: .5em .7rem;
}

.box blockquote {
  background-color: #e9ecef;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
  color: #007bff;
  font-size: 1.25rem;
  font-weight: 600;
}

blockquote.quote-primary {
  border-color: #007bff;
}

blockquote.quote-primary h1,
blockquote.quote-primary h2,
blockquote.quote-primary h3,
blockquote.quote-primary h4,
blockquote.quote-primary h5,
blockquote.quote-primary h6 {
  color: #007bff;
}

blockquote.quote-secondary {
  border-color: #6c757d;
}

blockquote.quote-secondary h1,
blockquote.quote-secondary h2,
blockquote.quote-secondary h3,
blockquote.quote-secondary h4,
blockquote.quote-secondary h5,
blockquote.quote-secondary h6 {
  color: #6c757d;
}

blockquote.quote-success {
  border-color: #28a745;
}

blockquote.quote-success h1,
blockquote.quote-success h2,
blockquote.quote-success h3,
blockquote.quote-success h4,
blockquote.quote-success h5,
blockquote.quote-success h6 {
  color: #28a745;
}

blockquote.quote-info {
  border-color: #17a2b8;
}

blockquote.quote-info h1,
blockquote.quote-info h2,
blockquote.quote-info h3,
blockquote.quote-info h4,
blockquote.quote-info h5,
blockquote.quote-info h6 {
  color: #17a2b8;
}

blockquote.quote-warning {
  border-color: #ffc107;
}

blockquote.quote-warning h1,
blockquote.quote-warning h2,
blockquote.quote-warning h3,
blockquote.quote-warning h4,
blockquote.quote-warning h5,
blockquote.quote-warning h6 {
  color: #ffc107;
}

blockquote.quote-danger {
  border-color: #dc3545;
}

blockquote.quote-danger h1,
blockquote.quote-danger h2,
blockquote.quote-danger h3,
blockquote.quote-danger h4,
blockquote.quote-danger h5,
blockquote.quote-danger h6 {
  color: #dc3545;
}

blockquote.quote-light {
  border-color: #f8f9fa;
}

blockquote.quote-light h1,
blockquote.quote-light h2,
blockquote.quote-light h3,
blockquote.quote-light h4,
blockquote.quote-light h5,
blockquote.quote-light h6 {
  color: #f8f9fa;
}

blockquote.quote-dark {
  border-color: #343a40;
}

blockquote.quote-dark h1,
blockquote.quote-dark h2,
blockquote.quote-dark h3,
blockquote.quote-dark h4,
blockquote.quote-dark h5,
blockquote.quote-dark h6 {
  color: #343a40;
}

blockquote.quote-lightblue {
  border-color: #3c8dbc;
}

blockquote.quote-lightblue h1,
blockquote.quote-lightblue h2,
blockquote.quote-lightblue h3,
blockquote.quote-lightblue h4,
blockquote.quote-lightblue h5,
blockquote.quote-lightblue h6 {
  color: #3c8dbc;
}

blockquote.quote-navy {
  border-color: #001f3f;
}

blockquote.quote-navy h1,
blockquote.quote-navy h2,
blockquote.quote-navy h3,
blockquote.quote-navy h4,
blockquote.quote-navy h5,
blockquote.quote-navy h6 {
  color: #001f3f;
}

blockquote.quote-olive {
  border-color: #3d9970;
}

blockquote.quote-olive h1,
blockquote.quote-olive h2,
blockquote.quote-olive h3,
blockquote.quote-olive h4,
blockquote.quote-olive h5,
blockquote.quote-olive h6 {
  color: #3d9970;
}

blockquote.quote-lime {
  border-color: #01ff70;
}

blockquote.quote-lime h1,
blockquote.quote-lime h2,
blockquote.quote-lime h3,
blockquote.quote-lime h4,
blockquote.quote-lime h5,
blockquote.quote-lime h6 {
  color: #01ff70;
}

blockquote.quote-fuchsia {
  border-color: #f012be;
}

blockquote.quote-fuchsia h1,
blockquote.quote-fuchsia h2,
blockquote.quote-fuchsia h3,
blockquote.quote-fuchsia h4,
blockquote.quote-fuchsia h5,
blockquote.quote-fuchsia h6 {
  color: #f012be;
}

blockquote.quote-maroon {
  border-color: #d81b60;
}

blockquote.quote-maroon h1,
blockquote.quote-maroon h2,
blockquote.quote-maroon h3,
blockquote.quote-maroon h4,
blockquote.quote-maroon h5,
blockquote.quote-maroon h6 {
  color: #d81b60;
}

blockquote.quote-blue {
  border-color: #007bff;
}

blockquote.quote-blue h1,
blockquote.quote-blue h2,
blockquote.quote-blue h3,
blockquote.quote-blue h4,
blockquote.quote-blue h5,
blockquote.quote-blue h6 {
  color: #007bff;
}

blockquote.quote-indigo {
  border-color: #6610f2;
}

blockquote.quote-indigo h1,
blockquote.quote-indigo h2,
blockquote.quote-indigo h3,
blockquote.quote-indigo h4,
blockquote.quote-indigo h5,
blockquote.quote-indigo h6 {
  color: #6610f2;
}

blockquote.quote-purple {
  border-color: #6f42c1;
}

blockquote.quote-purple h1,
blockquote.quote-purple h2,
blockquote.quote-purple h3,
blockquote.quote-purple h4,
blockquote.quote-purple h5,
blockquote.quote-purple h6 {
  color: #6f42c1;
}

blockquote.quote-pink {
  border-color: #e83e8c;
}

blockquote.quote-pink h1,
blockquote.quote-pink h2,
blockquote.quote-pink h3,
blockquote.quote-pink h4,
blockquote.quote-pink h5,
blockquote.quote-pink h6 {
  color: #e83e8c;
}

blockquote.quote-red {
  border-color: #dc3545;
}

blockquote.quote-red h1,
blockquote.quote-red h2,
blockquote.quote-red h3,
blockquote.quote-red h4,
blockquote.quote-red h5,
blockquote.quote-red h6 {
  color: #dc3545;
}

blockquote.quote-orange {
  border-color: #fd7e14;
}

blockquote.quote-orange h1,
blockquote.quote-orange h2,
blockquote.quote-orange h3,
blockquote.quote-orange h4,
blockquote.quote-orange h5,
blockquote.quote-orange h6 {
  color: #fd7e14;
}

blockquote.quote-yellow {
  border-color: #ffc107;
}

blockquote.quote-yellow h1,
blockquote.quote-yellow h2,
blockquote.quote-yellow h3,
blockquote.quote-yellow h4,
blockquote.quote-yellow h5,
blockquote.quote-yellow h6 {
  color: #ffc107;
}

blockquote.quote-green {
  border-color: #28a745;
}

blockquote.quote-green h1,
blockquote.quote-green h2,
blockquote.quote-green h3,
blockquote.quote-green h4,
blockquote.quote-green h5,
blockquote.quote-green h6 {
  color: #28a745;
}

blockquote.quote-teal {
  border-color: #20c997;
}

blockquote.quote-teal h1,
blockquote.quote-teal h2,
blockquote.quote-teal h3,
blockquote.quote-teal h4,
blockquote.quote-teal h5,
blockquote.quote-teal h6 {
  color: #20c997;
}

blockquote.quote-cyan {
  border-color: #17a2b8;
}

blockquote.quote-cyan h1,
blockquote.quote-cyan h2,
blockquote.quote-cyan h3,
blockquote.quote-cyan h4,
blockquote.quote-cyan h5,
blockquote.quote-cyan h6 {
  color: #17a2b8;
}

blockquote.quote-white {
  border-color: #fff;
}

blockquote.quote-white h1,
blockquote.quote-white h2,
blockquote.quote-white h3,
blockquote.quote-white h4,
blockquote.quote-white h5,
blockquote.quote-white h6 {
  color: #fff;
}

blockquote.quote-gray {
  border-color: #6c757d;
}

blockquote.quote-gray h1,
blockquote.quote-gray h2,
blockquote.quote-gray h3,
blockquote.quote-gray h4,
blockquote.quote-gray h5,
blockquote.quote-gray h6 {
  color: #6c757d;
}

blockquote.quote-gray-dark {
  border-color: #343a40;
}

blockquote.quote-gray-dark h1,
blockquote.quote-gray-dark h2,
blockquote.quote-gray-dark h3,
blockquote.quote-gray-dark h4,
blockquote.quote-gray-dark h5,
blockquote.quote-gray-dark h6 {
  color: #343a40;
}

.tab-custom-content {
  border-top: 1px solid #dee2e6;
  margin-top: .5rem;
  padding-top: .5rem;
}

.nav+.tab-custom-content {
  border-top: none;
  border-bottom: 1px solid #dee2e6;
  margin-top: 0;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}

.badge-btn {
  border-radius: 0.15rem;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
}

.badge-btn.badge-pill {
  padding: .375rem .6rem;
}

.dark-mode a:not(.btn):hover {
  color: #3395ff;
}

.dark-mode .attachment-block {
  background-color: #3d444b;
}

.dark-mode .attachment-block .attachment-text {
  color: #ced4da;
}

.dark-mode blockquote {
  background-color: #3f474e;
}

.dark-mode blockquote.quote-primary {
  border-color: #007bff;
}

.dark-mode blockquote.quote-primary h1,
.dark-mode blockquote.quote-primary h2,
.dark-mode blockquote.quote-primary h3,
.dark-mode blockquote.quote-primary h4,
.dark-mode blockquote.quote-primary h5,
.dark-mode blockquote.quote-primary h6 {
  color: #007bff;
}

.dark-mode blockquote.quote-secondary {
  border-color: #6c757d;
}

.dark-mode blockquote.quote-secondary h1,
.dark-mode blockquote.quote-secondary h2,
.dark-mode blockquote.quote-secondary h3,
.dark-mode blockquote.quote-secondary h4,
.dark-mode blockquote.quote-secondary h5,
.dark-mode blockquote.quote-secondary h6 {
  color: #6c757d;
}

.dark-mode blockquote.quote-success {
  border-color: #28a745;
}

.dark-mode blockquote.quote-success h1,
.dark-mode blockquote.quote-success h2,
.dark-mode blockquote.quote-success h3,
.dark-mode blockquote.quote-success h4,
.dark-mode blockquote.quote-success h5,
.dark-mode blockquote.quote-success h6 {
  color: #28a745;
}

.dark-mode blockquote.quote-info {
  border-color: #17a2b8;
}

.dark-mode blockquote.quote-info h1,
.dark-mode blockquote.quote-info h2,
.dark-mode blockquote.quote-info h3,
.dark-mode blockquote.quote-info h4,
.dark-mode blockquote.quote-info h5,
.dark-mode blockquote.quote-info h6 {
  color: #17a2b8;
}

.dark-mode blockquote.quote-warning {
  border-color: #ffc107;
}

.dark-mode blockquote.quote-warning h1,
.dark-mode blockquote.quote-warning h2,
.dark-mode blockquote.quote-warning h3,
.dark-mode blockquote.quote-warning h4,
.dark-mode blockquote.quote-warning h5,
.dark-mode blockquote.quote-warning h6 {
  color: #ffc107;
}

.dark-mode blockquote.quote-danger {
  border-color: #dc3545;
}

.dark-mode blockquote.quote-danger h1,
.dark-mode blockquote.quote-danger h2,
.dark-mode blockquote.quote-danger h3,
.dark-mode blockquote.quote-danger h4,
.dark-mode blockquote.quote-danger h5,
.dark-mode blockquote.quote-danger h6 {
  color: #dc3545;
}

.dark-mode blockquote.quote-light {
  border-color: #f8f9fa;
}

.dark-mode blockquote.quote-light h1,
.dark-mode blockquote.quote-light h2,
.dark-mode blockquote.quote-light h3,
.dark-mode blockquote.quote-light h4,
.dark-mode blockquote.quote-light h5,
.dark-mode blockquote.quote-light h6 {
  color: #f8f9fa;
}

.dark-mode blockquote.quote-dark {
  border-color: #343a40;
}

.dark-mode blockquote.quote-dark h1,
.dark-mode blockquote.quote-dark h2,
.dark-mode blockquote.quote-dark h3,
.dark-mode blockquote.quote-dark h4,
.dark-mode blockquote.quote-dark h5,
.dark-mode blockquote.quote-dark h6 {
  color: #343a40;
}

.dark-mode blockquote.quote-lightblue {
  border-color: #3c8dbc;
}

.dark-mode blockquote.quote-lightblue h1,
.dark-mode blockquote.quote-lightblue h2,
.dark-mode blockquote.quote-lightblue h3,
.dark-mode blockquote.quote-lightblue h4,
.dark-mode blockquote.quote-lightblue h5,
.dark-mode blockquote.quote-lightblue h6 {
  color: #3c8dbc;
}

.dark-mode blockquote.quote-navy {
  border-color: #001f3f;
}

.dark-mode blockquote.quote-navy h1,
.dark-mode blockquote.quote-navy h2,
.dark-mode blockquote.quote-navy h3,
.dark-mode blockquote.quote-navy h4,
.dark-mode blockquote.quote-navy h5,
.dark-mode blockquote.quote-navy h6 {
  color: #001f3f;
}

.dark-mode blockquote.quote-olive {
  border-color: #3d9970;
}

.dark-mode blockquote.quote-olive h1,
.dark-mode blockquote.quote-olive h2,
.dark-mode blockquote.quote-olive h3,
.dark-mode blockquote.quote-olive h4,
.dark-mode blockquote.quote-olive h5,
.dark-mode blockquote.quote-olive h6 {
  color: #3d9970;
}

.dark-mode blockquote.quote-lime {
  border-color: #01ff70;
}

.dark-mode blockquote.quote-lime h1,
.dark-mode blockquote.quote-lime h2,
.dark-mode blockquote.quote-lime h3,
.dark-mode blockquote.quote-lime h4,
.dark-mode blockquote.quote-lime h5,
.dark-mode blockquote.quote-lime h6 {
  color: #01ff70;
}

.dark-mode blockquote.quote-fuchsia {
  border-color: #f012be;
}

.dark-mode blockquote.quote-fuchsia h1,
.dark-mode blockquote.quote-fuchsia h2,
.dark-mode blockquote.quote-fuchsia h3,
.dark-mode blockquote.quote-fuchsia h4,
.dark-mode blockquote.quote-fuchsia h5,
.dark-mode blockquote.quote-fuchsia h6 {
  color: #f012be;
}

.dark-mode blockquote.quote-maroon {
  border-color: #d81b60;
}

.dark-mode blockquote.quote-maroon h1,
.dark-mode blockquote.quote-maroon h2,
.dark-mode blockquote.quote-maroon h3,
.dark-mode blockquote.quote-maroon h4,
.dark-mode blockquote.quote-maroon h5,
.dark-mode blockquote.quote-maroon h6 {
  color: #d81b60;
}

.dark-mode blockquote.quote-blue {
  border-color: #007bff;
}

.dark-mode blockquote.quote-blue h1,
.dark-mode blockquote.quote-blue h2,
.dark-mode blockquote.quote-blue h3,
.dark-mode blockquote.quote-blue h4,
.dark-mode blockquote.quote-blue h5,
.dark-mode blockquote.quote-blue h6 {
  color: #007bff;
}

.dark-mode blockquote.quote-indigo {
  border-color: #6610f2;
}

.dark-mode blockquote.quote-indigo h1,
.dark-mode blockquote.quote-indigo h2,
.dark-mode blockquote.quote-indigo h3,
.dark-mode blockquote.quote-indigo h4,
.dark-mode blockquote.quote-indigo h5,
.dark-mode blockquote.quote-indigo h6 {
  color: #6610f2;
}

.dark-mode blockquote.quote-purple {
  border-color: #6f42c1;
}

.dark-mode blockquote.quote-purple h1,
.dark-mode blockquote.quote-purple h2,
.dark-mode blockquote.quote-purple h3,
.dark-mode blockquote.quote-purple h4,
.dark-mode blockquote.quote-purple h5,
.dark-mode blockquote.quote-purple h6 {
  color: #6f42c1;
}

.dark-mode blockquote.quote-pink {
  border-color: #e83e8c;
}

.dark-mode blockquote.quote-pink h1,
.dark-mode blockquote.quote-pink h2,
.dark-mode blockquote.quote-pink h3,
.dark-mode blockquote.quote-pink h4,
.dark-mode blockquote.quote-pink h5,
.dark-mode blockquote.quote-pink h6 {
  color: #e83e8c;
}

.dark-mode blockquote.quote-red {
  border-color: #dc3545;
}

.dark-mode blockquote.quote-red h1,
.dark-mode blockquote.quote-red h2,
.dark-mode blockquote.quote-red h3,
.dark-mode blockquote.quote-red h4,
.dark-mode blockquote.quote-red h5,
.dark-mode blockquote.quote-red h6 {
  color: #dc3545;
}

.dark-mode blockquote.quote-orange {
  border-color: #fd7e14;
}

.dark-mode blockquote.quote-orange h1,
.dark-mode blockquote.quote-orange h2,
.dark-mode blockquote.quote-orange h3,
.dark-mode blockquote.quote-orange h4,
.dark-mode blockquote.quote-orange h5,
.dark-mode blockquote.quote-orange h6 {
  color: #fd7e14;
}

.dark-mode blockquote.quote-yellow {
  border-color: #ffc107;
}

.dark-mode blockquote.quote-yellow h1,
.dark-mode blockquote.quote-yellow h2,
.dark-mode blockquote.quote-yellow h3,
.dark-mode blockquote.quote-yellow h4,
.dark-mode blockquote.quote-yellow h5,
.dark-mode blockquote.quote-yellow h6 {
  color: #ffc107;
}

.dark-mode blockquote.quote-green {
  border-color: #28a745;
}

.dark-mode blockquote.quote-green h1,
.dark-mode blockquote.quote-green h2,
.dark-mode blockquote.quote-green h3,
.dark-mode blockquote.quote-green h4,
.dark-mode blockquote.quote-green h5,
.dark-mode blockquote.quote-green h6 {
  color: #28a745;
}

.dark-mode blockquote.quote-teal {
  border-color: #20c997;
}

.dark-mode blockquote.quote-teal h1,
.dark-mode blockquote.quote-teal h2,
.dark-mode blockquote.quote-teal h3,
.dark-mode blockquote.quote-teal h4,
.dark-mode blockquote.quote-teal h5,
.dark-mode blockquote.quote-teal h6 {
  color: #20c997;
}

.dark-mode blockquote.quote-cyan {
  border-color: #17a2b8;
}

.dark-mode blockquote.quote-cyan h1,
.dark-mode blockquote.quote-cyan h2,
.dark-mode blockquote.quote-cyan h3,
.dark-mode blockquote.quote-cyan h4,
.dark-mode blockquote.quote-cyan h5,
.dark-mode blockquote.quote-cyan h6 {
  color: #17a2b8;
}

.dark-mode blockquote.quote-white {
  border-color: #fff;
}

.dark-mode blockquote.quote-white h1,
.dark-mode blockquote.quote-white h2,
.dark-mode blockquote.quote-white h3,
.dark-mode blockquote.quote-white h4,
.dark-mode blockquote.quote-white h5,
.dark-mode blockquote.quote-white h6 {
  color: #fff;
}

.dark-mode blockquote.quote-gray {
  border-color: #6c757d;
}

.dark-mode blockquote.quote-gray h1,
.dark-mode blockquote.quote-gray h2,
.dark-mode blockquote.quote-gray h3,
.dark-mode blockquote.quote-gray h4,
.dark-mode blockquote.quote-gray h5,
.dark-mode blockquote.quote-gray h6 {
  color: #6c757d;
}

.dark-mode blockquote.quote-gray-dark {
  border-color: #343a40;
}

.dark-mode blockquote.quote-gray-dark h1,
.dark-mode blockquote.quote-gray-dark h2,
.dark-mode blockquote.quote-gray-dark h3,
.dark-mode blockquote.quote-gray-dark h4,
.dark-mode blockquote.quote-gray-dark h5,
.dark-mode blockquote.quote-gray-dark h6 {
  color: #343a40;
}

.dark-mode .close,
.dark-mode .mailbox-attachment-close,
.dark-mode .mailbox-attachment-close {
  color: #adb5bd;
  text-shadow: 0 1px 0 #495057;
}

.dark-mode .tab-custom-content {
  border-color: #6c757d;
}

.dark-mode .list-group-item {
  background-color: #343a40;
  border-color: #6c757d;
}

@media print {

  .no-print,
  .main-sidebar,
  .main-header,
  .content-header {
    display: none !important;
  }

  .content-wrapper,
  .main-footer {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-left: 0 !important;
    min-height: 0 !important;
  }

  .layout-fixed .content-wrapper {
    padding-top: 0 !important;
  }

  .invoice {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .invoice-col {
    float: left;
    width: 33.3333333%;
  }

  .table-responsive {
    overflow: auto;
  }

  .table-responsive>.table tr th,
  .table-responsive>.table tr td {
    white-space: normal !important;
  }
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-md {
  font-size: 1rem !important;
}

.text-lg {
  font-size: 1.25rem !important;
}

.text-xl {
  font-size: 2rem !important;
}

.text-lightblue {
  color: #3c8dbc !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-maroon {
  color: #d81b60 !important;
}

.text-blue {
  color: #007bff !important;
}

.text-indigo {
  color: #6610f2 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

.text-pink {
  color: #e83e8c !important;
}

.text-red {
  color: #dc3545 !important;
}

.text-orange {
  color: #fd7e14 !important;
}

.text-yellow {
  color: #ffc107 !important;
}

.text-green {
  color: #28a745 !important;
}

.text-teal {
  color: #20c997 !important;
}

.text-cyan {
  color: #17a2b8 !important;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #6c757d !important;
}

.text-gray-dark {
  color: #343a40 !important;
}

.dark-mode .text-muted {
  color: #adb5bd !important;
}

.dark-mode .text-lightblue {
  color: #86bad8 !important;
}

.dark-mode .text-navy {
  color: #002c59 !important;
}

.dark-mode .text-olive {
  color: #74c8a3 !important;
}

.dark-mode .text-lime {
  color: #67ffa9 !important;
}

.dark-mode .text-fuchsia {
  color: #f672d8 !important;
}

.dark-mode .text-maroon {
  color: #ed6c9b !important;
}

.dark-mode .text-blue {
  color: #3f6791 !important;
}

.dark-mode .text-indigo {
  color: #6610f2 !important;
}

.dark-mode .text-purple {
  color: #6f42c1 !important;
}

.dark-mode .text-pink {
  color: #e83e8c !important;
}

.dark-mode .text-red {
  color: #e74c3c !important;
}

.dark-mode .text-orange {
  color: #fd7e14 !important;
}

.dark-mode .text-yellow {
  color: #f39c12 !important;
}

.dark-mode .text-green {
  color: #00bc8c !important;
}

.dark-mode .text-teal {
  color: #20c997 !important;
}

.dark-mode .text-cyan {
  color: #3498db !important;
}

.dark-mode .text-white {
  color: #fff !important;
}

.dark-mode .text-gray {
  color: #6c757d !important;
}

.dark-mode .text-gray-dark {
  color: #343a40 !important;
}

.elevation-0 {
  box-shadow: none !important;
}

.elevation-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.elevation-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.elevation-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.bg-primary {
  background-color: #007bff !important;
}

.bg-primary,
.bg-primary>a {
  color: #fff !important;
}

.bg-primary.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-primary.btn:not(:disabled):not(.disabled):active,
.bg-primary.btn:not(:disabled):not(.disabled).active,
.bg-primary.btn:active,
.bg-primary.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-secondary,
.bg-secondary>a {
  color: #fff !important;
}

.bg-secondary.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.bg-secondary.btn:not(:disabled):not(.disabled):active,
.bg-secondary.btn:not(:disabled):not(.disabled).active,
.bg-secondary.btn:active,
.bg-secondary.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-success,
.bg-success>a {
  color: #fff !important;
}

.bg-success.btn:hover {
  border-color: #1e7e34;
  color: #ececec;
}

.bg-success.btn:not(:disabled):not(.disabled):active,
.bg-success.btn:not(:disabled):not(.disabled).active,
.bg-success.btn:active,
.bg-success.btn.active {
  background-color: #1e7e34 !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-info,
.bg-info>a {
  color: #fff !important;
}

.bg-info.btn:hover {
  border-color: #117a8b;
  color: #ececec;
}

.bg-info.btn:not(:disabled):not(.disabled):active,
.bg-info.btn:not(:disabled):not(.disabled).active,
.bg-info.btn:active,
.bg-info.btn.active {
  background-color: #117a8b !important;
  border-color: #10707f;
  color: #fff;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-warning,
.bg-warning>a {
  color: #1f2d3d !important;
}

.bg-warning.btn:hover {
  border-color: #d39e00;
  color: #121a24;
}

.bg-warning.btn:not(:disabled):not(.disabled):active,
.bg-warning.btn:not(:disabled):not(.disabled).active,
.bg-warning.btn:active,
.bg-warning.btn.active {
  background-color: #d39e00 !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-danger,
.bg-danger>a {
  color: #fff !important;
}

.bg-danger.btn:hover {
  border-color: #bd2130;
  color: #ececec;
}

.bg-danger.btn:not(:disabled):not(.disabled):active,
.bg-danger.btn:not(:disabled):not(.disabled).active,
.bg-danger.btn:active,
.bg-danger.btn.active {
  background-color: #bd2130 !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-light,
.bg-light>a {
  color: #1f2d3d !important;
}

.bg-light.btn:hover {
  border-color: #dae0e5;
  color: #121a24;
}

.bg-light.btn:not(:disabled):not(.disabled):active,
.bg-light.btn:not(:disabled):not(.disabled).active,
.bg-light.btn:active,
.bg-light.btn.active {
  background-color: #dae0e5 !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-dark,
.bg-dark>a {
  color: #fff !important;
}

.bg-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.bg-dark.btn:not(:disabled):not(.disabled):active,
.bg-dark.btn:not(:disabled):not(.disabled).active,
.bg-dark.btn:active,
.bg-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-lightblue {
  background-color: #3c8dbc !important;
}

.bg-lightblue,
.bg-lightblue>a {
  color: #fff !important;
}

.bg-lightblue.btn:hover {
  border-color: #307095;
  color: #ececec;
}

.bg-lightblue.btn:not(:disabled):not(.disabled):active,
.bg-lightblue.btn:not(:disabled):not(.disabled).active,
.bg-lightblue.btn:active,
.bg-lightblue.btn.active {
  background-color: #307095 !important;
  border-color: #2d698c;
  color: #fff;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-navy,
.bg-navy>a {
  color: #fff !important;
}

.bg-navy.btn:hover {
  border-color: #00060c;
  color: #ececec;
}

.bg-navy.btn:not(:disabled):not(.disabled):active,
.bg-navy.btn:not(:disabled):not(.disabled).active,
.bg-navy.btn:active,
.bg-navy.btn.active {
  background-color: #00060c !important;
  border-color: black;
  color: #fff;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-olive,
.bg-olive>a {
  color: #fff !important;
}

.bg-olive.btn:hover {
  border-color: #2e7555;
  color: #ececec;
}

.bg-olive.btn:not(:disabled):not(.disabled):active,
.bg-olive.btn:not(:disabled):not(.disabled).active,
.bg-olive.btn:active,
.bg-olive.btn.active {
  background-color: #2e7555 !important;
  border-color: #2b6b4f;
  color: #fff;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-lime,
.bg-lime>a {
  color: #1f2d3d !important;
}

.bg-lime.btn:hover {
  border-color: #00cd5a;
  color: #121a24;
}

.bg-lime.btn:not(:disabled):not(.disabled):active,
.bg-lime.btn:not(:disabled):not(.disabled).active,
.bg-lime.btn:active,
.bg-lime.btn.active {
  background-color: #00cd5a !important;
  border-color: #00c054;
  color: #fff;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-fuchsia,
.bg-fuchsia>a {
  color: #fff !important;
}

.bg-fuchsia.btn:hover {
  border-color: #c30c9a;
  color: #ececec;
}

.bg-fuchsia.btn:not(:disabled):not(.disabled):active,
.bg-fuchsia.btn:not(:disabled):not(.disabled).active,
.bg-fuchsia.btn:active,
.bg-fuchsia.btn.active {
  background-color: #c30c9a !important;
  border-color: #b70c90;
  color: #fff;
}

.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-maroon,
.bg-maroon>a {
  color: #fff !important;
}

.bg-maroon.btn:hover {
  border-color: #ab154c;
  color: #ececec;
}

.bg-maroon.btn:not(:disabled):not(.disabled):active,
.bg-maroon.btn:not(:disabled):not(.disabled).active,
.bg-maroon.btn:active,
.bg-maroon.btn.active {
  background-color: #ab154c !important;
  border-color: #9f1447;
  color: #fff;
}

.bg-blue {
  background-color: #007bff !important;
}

.bg-blue,
.bg-blue>a {
  color: #fff !important;
}

.bg-blue.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-blue.btn:not(:disabled):not(.disabled):active,
.bg-blue.btn:not(:disabled):not(.disabled).active,
.bg-blue.btn:active,
.bg-blue.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.bg-indigo,
.bg-indigo>a {
  color: #fff !important;
}

.bg-indigo.btn:hover {
  border-color: #510bc4;
  color: #ececec;
}

.bg-indigo.btn:not(:disabled):not(.disabled):active,
.bg-indigo.btn:not(:disabled):not(.disabled).active,
.bg-indigo.btn:active,
.bg-indigo.btn.active {
  background-color: #510bc4 !important;
  border-color: #4c0ab8;
  color: #fff;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.bg-purple,
.bg-purple>a {
  color: #fff !important;
}

.bg-purple.btn:hover {
  border-color: #59339d;
  color: #ececec;
}

.bg-purple.btn:not(:disabled):not(.disabled):active,
.bg-purple.btn:not(:disabled):not(.disabled).active,
.bg-purple.btn:active,
.bg-purple.btn.active {
  background-color: #59339d !important;
  border-color: #533093;
  color: #fff;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.bg-pink,
.bg-pink>a {
  color: #fff !important;
}

.bg-pink.btn:hover {
  border-color: #d91a72;
  color: #ececec;
}

.bg-pink.btn:not(:disabled):not(.disabled):active,
.bg-pink.btn:not(:disabled):not(.disabled).active,
.bg-pink.btn:active,
.bg-pink.btn.active {
  background-color: #d91a72 !important;
  border-color: #ce196c;
  color: #fff;
}

.bg-red {
  background-color: #dc3545 !important;
}

.bg-red,
.bg-red>a {
  color: #fff !important;
}

.bg-red.btn:hover {
  border-color: #bd2130;
  color: #ececec;
}

.bg-red.btn:not(:disabled):not(.disabled):active,
.bg-red.btn:not(:disabled):not(.disabled).active,
.bg-red.btn:active,
.bg-red.btn.active {
  background-color: #bd2130 !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.bg-orange,
.bg-orange>a {
  color: #1f2d3d !important;
}

.bg-orange.btn:hover {
  border-color: #dc6502;
  color: #121a24;
}

.bg-orange.btn:not(:disabled):not(.disabled):active,
.bg-orange.btn:not(:disabled):not(.disabled).active,
.bg-orange.btn:active,
.bg-orange.btn.active {
  background-color: #dc6502 !important;
  border-color: #cf5f02;
  color: #fff;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.bg-yellow,
.bg-yellow>a {
  color: #1f2d3d !important;
}

.bg-yellow.btn:hover {
  border-color: #d39e00;
  color: #121a24;
}

.bg-yellow.btn:not(:disabled):not(.disabled):active,
.bg-yellow.btn:not(:disabled):not(.disabled).active,
.bg-yellow.btn:active,
.bg-yellow.btn.active {
  background-color: #d39e00 !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-green {
  background-color: #28a745 !important;
}

.bg-green,
.bg-green>a {
  color: #fff !important;
}

.bg-green.btn:hover {
  border-color: #1e7e34;
  color: #ececec;
}

.bg-green.btn:not(:disabled):not(.disabled):active,
.bg-green.btn:not(:disabled):not(.disabled).active,
.bg-green.btn:active,
.bg-green.btn.active {
  background-color: #1e7e34 !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-teal {
  background-color: #20c997 !important;
}

.bg-teal,
.bg-teal>a {
  color: #fff !important;
}

.bg-teal.btn:hover {
  border-color: #199d76;
  color: #ececec;
}

.bg-teal.btn:not(:disabled):not(.disabled):active,
.bg-teal.btn:not(:disabled):not(.disabled).active,
.bg-teal.btn:active,
.bg-teal.btn.active {
  background-color: #199d76 !important;
  border-color: #17926e;
  color: #fff;
}

.bg-cyan {
  background-color: #17a2b8 !important;
}

.bg-cyan,
.bg-cyan>a {
  color: #fff !important;
}

.bg-cyan.btn:hover {
  border-color: #117a8b;
  color: #ececec;
}

.bg-cyan.btn:not(:disabled):not(.disabled):active,
.bg-cyan.btn:not(:disabled):not(.disabled).active,
.bg-cyan.btn:active,
.bg-cyan.btn.active {
  background-color: #117a8b !important;
  border-color: #10707f;
  color: #fff;
}

.bg-white {
  background-color: #fff !important;
}

.bg-white,
.bg-white>a {
  color: #1f2d3d !important;
}

.bg-white.btn:hover {
  border-color: #e6e6e6;
  color: #121a24;
}

.bg-white.btn:not(:disabled):not(.disabled):active,
.bg-white.btn:not(:disabled):not(.disabled).active,
.bg-white.btn:active,
.bg-white.btn.active {
  background-color: #e6e6e6 !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.bg-gray {
  background-color: #6c757d !important;
}

.bg-gray,
.bg-gray>a {
  color: #fff !important;
}

.bg-gray.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.bg-gray.btn:not(:disabled):not(.disabled):active,
.bg-gray.btn:not(:disabled):not(.disabled).active,
.bg-gray.btn:active,
.bg-gray.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gray-dark {
  background-color: #343a40 !important;
}

.bg-gray-dark,
.bg-gray-dark>a {
  color: #fff !important;
}

.bg-gray-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.bg-gray-dark.btn:not(:disabled):not(.disabled):active,
.bg-gray-dark.btn:not(:disabled):not(.disabled).active,
.bg-gray-dark.btn:active,
.bg-gray-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-gray {
  background-color: #adb5bd;
  color: #1f2d3d;
}

.bg-gray-light {
  background-color: #f2f4f5;
  color: #1f2d3d !important;
}

.bg-black {
  background-color: #000;
  color: #fff !important;
}

.bg-white {
  background-color: #fff;
  color: #1f2d3d !important;
}

.bg-gradient-primary {
  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  color: #fff;
}

.bg-gradient-primary.btn.disabled,
.bg-gradient-primary.btn:disabled,
.bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
.bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-primary.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-primary.btn:hover {
  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  border-color: #0062cc;
  color: #ececec;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
.bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.bg-gradient-primary.btn:active,
.bg-gradient-primary.btn.active {
  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-gradient-secondary {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.bg-gradient-secondary.btn.disabled,
.bg-gradient-secondary.btn:disabled,
.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
.bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-secondary.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-secondary.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
.bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.bg-gradient-secondary.btn:active,
.bg-gradient-secondary.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gradient-success {
  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  color: #fff;
}

.bg-gradient-success.btn.disabled,
.bg-gradient-success.btn:disabled,
.bg-gradient-success.btn:not(:disabled):not(.disabled):active,
.bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-success.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-success.btn:hover {
  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  border-color: #1e7e34;
  color: #ececec;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active,
.bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.bg-gradient-success.btn:active,
.bg-gradient-success.btn.active {
  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-gradient-info {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  color: #fff;
}

.bg-gradient-info.btn.disabled,
.bg-gradient-info.btn:disabled,
.bg-gradient-info.btn:not(:disabled):not(.disabled):active,
.bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-info.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-info.btn:hover {
  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  border-color: #117a8b;
  color: #ececec;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active,
.bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.bg-gradient-info.btn:active,
.bg-gradient-info.btn.active {
  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  border-color: #10707f;
  color: #fff;
}

.bg-gradient-warning {
  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-warning.btn.disabled,
.bg-gradient-warning.btn:disabled,
.bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
.bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-warning.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-warning.btn:hover {
  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  border-color: #d39e00;
  color: #121a24;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
.bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.bg-gradient-warning.btn:active,
.bg-gradient-warning.btn.active {
  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-gradient-danger {
  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  color: #fff;
}

.bg-gradient-danger.btn.disabled,
.bg-gradient-danger.btn:disabled,
.bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
.bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-danger.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-danger.btn:hover {
  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  border-color: #bd2130;
  color: #ececec;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
.bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.bg-gradient-danger.btn:active,
.bg-gradient-danger.btn.active {
  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-gradient-light {
  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-light.btn.disabled,
.bg-gradient-light.btn:disabled,
.bg-gradient-light.btn:not(:disabled):not(.disabled):active,
.bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-light.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-light.btn:hover {
  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
  border-color: #dae0e5;
  color: #121a24;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active,
.bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.bg-gradient-light.btn:active,
.bg-gradient-light.btn.active {
  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.bg-gradient-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.bg-gradient-dark.btn.disabled,
.bg-gradient-dark.btn:disabled,
.bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
.bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
.bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.bg-gradient-dark.btn:active,
.bg-gradient-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-gradient-lightblue {
  background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
  color: #fff;
}

.bg-gradient-lightblue.btn.disabled,
.bg-gradient-lightblue.btn:disabled,
.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
.bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-lightblue.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-lightblue.btn:hover {
  background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
  border-color: #307095;
  color: #ececec;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
.bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.bg-gradient-lightblue.btn:active,
.bg-gradient-lightblue.btn.active {
  background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
  border-color: #2d698c;
  color: #fff;
}

.bg-gradient-navy {
  background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
  color: #fff;
}

.bg-gradient-navy.btn.disabled,
.bg-gradient-navy.btn:disabled,
.bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
.bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-navy.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-navy.btn:hover {
  background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
  border-color: #00060c;
  color: #ececec;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
.bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.bg-gradient-navy.btn:active,
.bg-gradient-navy.btn.active {
  background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
  border-color: black;
  color: #fff;
}

.bg-gradient-olive {
  background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
  color: #fff;
}

.bg-gradient-olive.btn.disabled,
.bg-gradient-olive.btn:disabled,
.bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
.bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-olive.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-olive.btn:hover {
  background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
  border-color: #2e7555;
  color: #ececec;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
.bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.bg-gradient-olive.btn:active,
.bg-gradient-olive.btn.active {
  background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
  border-color: #2b6b4f;
  color: #fff;
}

.bg-gradient-lime {
  background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-lime.btn.disabled,
.bg-gradient-lime.btn:disabled,
.bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
.bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-lime.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-lime.btn:hover {
  background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
  border-color: #00cd5a;
  color: #121a24;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
.bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.bg-gradient-lime.btn:active,
.bg-gradient-lime.btn.active {
  background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
  border-color: #00c054;
  color: #fff;
}

.bg-gradient-fuchsia {
  background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
  color: #fff;
}

.bg-gradient-fuchsia.btn.disabled,
.bg-gradient-fuchsia.btn:disabled,
.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-fuchsia.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-fuchsia.btn:hover {
  background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
  border-color: #c30c9a;
  color: #ececec;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.bg-gradient-fuchsia.btn:active,
.bg-gradient-fuchsia.btn.active {
  background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
  border-color: #b70c90;
  color: #fff;
}

.bg-gradient-maroon {
  background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
  color: #fff;
}

.bg-gradient-maroon.btn.disabled,
.bg-gradient-maroon.btn:disabled,
.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
.bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-maroon.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-maroon.btn:hover {
  background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
  border-color: #ab154c;
  color: #ececec;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
.bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.bg-gradient-maroon.btn:active,
.bg-gradient-maroon.btn.active {
  background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
  border-color: #9f1447;
  color: #fff;
}

.bg-gradient-blue {
  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  color: #fff;
}

.bg-gradient-blue.btn.disabled,
.bg-gradient-blue.btn:disabled,
.bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
.bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-blue.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-blue.btn:hover {
  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  border-color: #0062cc;
  color: #ececec;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
.bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.bg-gradient-blue.btn:active,
.bg-gradient-blue.btn.active {
  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-gradient-indigo {
  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
  color: #fff;
}

.bg-gradient-indigo.btn.disabled,
.bg-gradient-indigo.btn:disabled,
.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
.bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-indigo.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-indigo.btn:hover {
  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
  border-color: #510bc4;
  color: #ececec;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
.bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.bg-gradient-indigo.btn:active,
.bg-gradient-indigo.btn.active {
  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
  border-color: #4c0ab8;
  color: #fff;
}

.bg-gradient-purple {
  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
  color: #fff;
}

.bg-gradient-purple.btn.disabled,
.bg-gradient-purple.btn:disabled,
.bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
.bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-purple.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-purple.btn:hover {
  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
  border-color: #59339d;
  color: #ececec;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
.bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.bg-gradient-purple.btn:active,
.bg-gradient-purple.btn.active {
  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
  border-color: #533093;
  color: #fff;
}

.bg-gradient-pink {
  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
  color: #fff;
}

.bg-gradient-pink.btn.disabled,
.bg-gradient-pink.btn:disabled,
.bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
.bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-pink.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-pink.btn:hover {
  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
  border-color: #d91a72;
  color: #ececec;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
.bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.bg-gradient-pink.btn:active,
.bg-gradient-pink.btn.active {
  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
  border-color: #ce196c;
  color: #fff;
}

.bg-gradient-red {
  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  color: #fff;
}

.bg-gradient-red.btn.disabled,
.bg-gradient-red.btn:disabled,
.bg-gradient-red.btn:not(:disabled):not(.disabled):active,
.bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-red.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-red.btn:hover {
  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  border-color: #bd2130;
  color: #ececec;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active,
.bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.bg-gradient-red.btn:active,
.bg-gradient-red.btn.active {
  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-gradient-orange {
  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-orange.btn.disabled,
.bg-gradient-orange.btn:disabled,
.bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
.bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-orange.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-orange.btn:hover {
  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
  border-color: #dc6502;
  color: #121a24;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
.bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.bg-gradient-orange.btn:active,
.bg-gradient-orange.btn.active {
  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
  border-color: #cf5f02;
  color: #fff;
}

.bg-gradient-yellow {
  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-yellow.btn.disabled,
.bg-gradient-yellow.btn:disabled,
.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
.bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-yellow.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-yellow.btn:hover {
  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  border-color: #d39e00;
  color: #121a24;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
.bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.bg-gradient-yellow.btn:active,
.bg-gradient-yellow.btn.active {
  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-gradient-green {
  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  color: #fff;
}

.bg-gradient-green.btn.disabled,
.bg-gradient-green.btn:disabled,
.bg-gradient-green.btn:not(:disabled):not(.disabled):active,
.bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-green.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-green.btn:hover {
  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  border-color: #1e7e34;
  color: #ececec;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active,
.bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.bg-gradient-green.btn:active,
.bg-gradient-green.btn.active {
  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-gradient-teal {
  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
  color: #fff;
}

.bg-gradient-teal.btn.disabled,
.bg-gradient-teal.btn:disabled,
.bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
.bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-teal.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-teal.btn:hover {
  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
  border-color: #199d76;
  color: #ececec;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
.bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.bg-gradient-teal.btn:active,
.bg-gradient-teal.btn.active {
  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
  border-color: #17926e;
  color: #fff;
}

.bg-gradient-cyan {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  color: #fff;
}

.bg-gradient-cyan.btn.disabled,
.bg-gradient-cyan.btn:disabled,
.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-cyan.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-cyan.btn:hover {
  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  border-color: #117a8b;
  color: #ececec;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.bg-gradient-cyan.btn:active,
.bg-gradient-cyan.btn.active {
  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  border-color: #10707f;
  color: #fff;
}

.bg-gradient-white {
  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-white.btn.disabled,
.bg-gradient-white.btn:disabled,
.bg-gradient-white.btn:not(:disabled):not(.disabled):active,
.bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-white.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-white.btn:hover {
  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
  border-color: #e6e6e6;
  color: #121a24;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active,
.bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.bg-gradient-white.btn:active,
.bg-gradient-white.btn.active {
  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.bg-gradient-gray {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.bg-gradient-gray.btn.disabled,
.bg-gradient-gray.btn:disabled,
.bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
.bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-gray.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-gray.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
.bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.bg-gradient-gray.btn:active,
.bg-gradient-gray.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gradient-gray-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.bg-gradient-gray-dark.btn.disabled,
.bg-gradient-gray-dark.btn:disabled,
.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-gray-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-gray-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.bg-gradient-gray-dark.btn:active,
.bg-gradient-gray-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

[class^="bg-"].disabled {
  opacity: .65;
}

a.text-muted:hover {
  color: #007bff !important;
}

.link-muted {
  color: #5d6974;
}

.link-muted:hover,
.link-muted:focus {
  color: #464f58;
}

.link-black {
  color: #6c757d;
}

.link-black:hover,
.link-black:focus {
  color: #e6e8ea;
}

.accent-primary .btn-link,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-primary .nav-tabs .nav-link {
  color: #007bff;
}

.accent-primary .btn-link:hover,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-primary .nav-tabs .nav-link:hover {
  color: #0056b3;
}

.accent-primary .dropdown-item:active,
.accent-primary .dropdown-item.active {
  background-color: #007bff;
  color: #fff;
}

.accent-primary .custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.accent-primary .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-primary .custom-select:focus,
.accent-primary .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-primary .custom-file-input:focus~.custom-file-label {
  border-color: #80bdff;
}

.accent-primary .page-item .page-link {
  color: #007bff;
}

.accent-primary .page-item.active a,
.accent-primary .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.accent-primary .page-item.disabled a,
.accent-primary .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-primary .page-item .page-link:hover,
.dark-mode.accent-primary .page-item .page-link:focus {
  color: #1a88ff;
}

.accent-secondary .btn-link,
.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-secondary .nav-tabs .nav-link {
  color: #6c757d;
}

.accent-secondary .btn-link:hover,
.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-secondary .nav-tabs .nav-link:hover {
  color: #494f54;
}

.accent-secondary .dropdown-item:active,
.accent-secondary .dropdown-item.active {
  background-color: #6c757d;
  color: #fff;
}

.accent-secondary .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.accent-secondary .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-secondary .custom-select:focus,
.accent-secondary .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-secondary .custom-file-input:focus~.custom-file-label {
  border-color: #afb5ba;
}

.accent-secondary .page-item .page-link {
  color: #6c757d;
}

.accent-secondary .page-item.active a,
.accent-secondary .page-item.active .page-link {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.accent-secondary .page-item.disabled a,
.accent-secondary .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-secondary .page-item .page-link:hover,
.dark-mode.accent-secondary .page-item .page-link:focus {
  color: #78828a;
}

.accent-success .btn-link,
.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-success .nav-tabs .nav-link {
  color: #28a745;
}

.accent-success .btn-link:hover,
.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-success .nav-tabs .nav-link:hover {
  color: #19692c;
}

.accent-success .dropdown-item:active,
.accent-success .dropdown-item.active {
  background-color: #28a745;
  color: #fff;
}

.accent-success .custom-control-input:checked~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.accent-success .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-success .custom-select:focus,
.accent-success .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-success .custom-file-input:focus~.custom-file-label {
  border-color: #71dd8a;
}

.accent-success .page-item .page-link {
  color: #28a745;
}

.accent-success .page-item.active a,
.accent-success .page-item.active .page-link {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.accent-success .page-item.disabled a,
.accent-success .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-success .page-item .page-link:hover,
.dark-mode.accent-success .page-item .page-link:focus {
  color: #2dbc4e;
}

.accent-info .btn-link,
.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-info .nav-tabs .nav-link {
  color: #17a2b8;
}

.accent-info .btn-link:hover,
.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-info .nav-tabs .nav-link:hover {
  color: #0f6674;
}

.accent-info .dropdown-item:active,
.accent-info .dropdown-item.active {
  background-color: #17a2b8;
  color: #fff;
}

.accent-info .custom-control-input:checked~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.accent-info .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-info .custom-select:focus,
.accent-info .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-info .custom-file-input:focus~.custom-file-label {
  border-color: #63d9ec;
}

.accent-info .page-item .page-link {
  color: #17a2b8;
}

.accent-info .page-item.active a,
.accent-info .page-item.active .page-link {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.accent-info .page-item.disabled a,
.accent-info .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-info .page-item .page-link:hover,
.dark-mode.accent-info .page-item .page-link:focus {
  color: #1ab6cf;
}

.accent-warning .btn-link,
.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-warning .nav-tabs .nav-link {
  color: #ffc107;
}

.accent-warning .btn-link:hover,
.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-warning .nav-tabs .nav-link:hover {
  color: #ba8b00;
}

.accent-warning .dropdown-item:active,
.accent-warning .dropdown-item.active {
  background-color: #ffc107;
  color: #1f2d3d;
}

.accent-warning .custom-control-input:checked~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.accent-warning .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-warning .custom-select:focus,
.accent-warning .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-warning .custom-file-input:focus~.custom-file-label {
  border-color: #ffe187;
}

.accent-warning .page-item .page-link {
  color: #ffc107;
}

.accent-warning .page-item.active a,
.accent-warning .page-item.active .page-link {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #fff;
}

.accent-warning .page-item.disabled a,
.accent-warning .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-warning .page-item .page-link:hover,
.dark-mode.accent-warning .page-item .page-link:focus {
  color: #ffc721;
}

.accent-danger .btn-link,
.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-danger .nav-tabs .nav-link {
  color: #dc3545;
}

.accent-danger .btn-link:hover,
.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-danger .nav-tabs .nav-link:hover {
  color: #a71d2a;
}

.accent-danger .dropdown-item:active,
.accent-danger .dropdown-item.active {
  background-color: #dc3545;
  color: #fff;
}

.accent-danger .custom-control-input:checked~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.accent-danger .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-danger .custom-select:focus,
.accent-danger .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-danger .custom-file-input:focus~.custom-file-label {
  border-color: #efa2a9;
}

.accent-danger .page-item .page-link {
  color: #dc3545;
}

.accent-danger .page-item.active a,
.accent-danger .page-item.active .page-link {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.accent-danger .page-item.disabled a,
.accent-danger .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-danger .page-item .page-link:hover,
.dark-mode.accent-danger .page-item .page-link:focus {
  color: #e04b59;
}

.accent-light .btn-link,
.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-light .nav-tabs .nav-link {
  color: #f8f9fa;
}

.accent-light .btn-link:hover,
.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-light .nav-tabs .nav-link:hover {
  color: #cbd3da;
}

.accent-light .dropdown-item:active,
.accent-light .dropdown-item.active {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.accent-light .custom-control-input:checked~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.accent-light .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-light .custom-select:focus,
.accent-light .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-light .custom-file-input:focus~.custom-file-label {
  border-color: white;
}

.accent-light .page-item .page-link {
  color: #f8f9fa;
}

.accent-light .page-item.active a,
.accent-light .page-item.active .page-link {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #fff;
}

.accent-light .page-item.disabled a,
.accent-light .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-light .page-item .page-link:hover,
.dark-mode.accent-light .page-item .page-link:focus {
  color: white;
}

.accent-dark .btn-link,
.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-dark .nav-tabs .nav-link {
  color: #343a40;
}

.accent-dark .btn-link:hover,
.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-dark .nav-tabs .nav-link:hover {
  color: #121416;
}

.accent-dark .dropdown-item:active,
.accent-dark .dropdown-item.active {
  background-color: #343a40;
  color: #fff;
}

.accent-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.accent-dark .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-dark .custom-select:focus,
.accent-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-dark .custom-file-input:focus~.custom-file-label {
  border-color: #6d7a86;
}

.accent-dark .page-item .page-link {
  color: #343a40;
}

.accent-dark .page-item.active a,
.accent-dark .page-item.active .page-link {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.accent-dark .page-item.disabled a,
.accent-dark .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-dark .page-item .page-link:hover,
.dark-mode.accent-dark .page-item .page-link:focus {
  color: #3f474e;
}

.accent-lightblue .btn-link,
.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-lightblue .nav-tabs .nav-link {
  color: #3c8dbc;
}

.accent-lightblue .btn-link:hover,
.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-lightblue .nav-tabs .nav-link:hover {
  color: #296282;
}

.accent-lightblue .dropdown-item:active,
.accent-lightblue .dropdown-item.active {
  background-color: #3c8dbc;
  color: #fff;
}

.accent-lightblue .custom-control-input:checked~.custom-control-label::before {
  background-color: #3c8dbc;
  border-color: #23536f;
}

.accent-lightblue .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-lightblue .custom-select:focus,
.accent-lightblue .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-lightblue .custom-file-input:focus~.custom-file-label {
  border-color: #99c5de;
}

.accent-lightblue .page-item .page-link {
  color: #3c8dbc;
}

.accent-lightblue .page-item.active a,
.accent-lightblue .page-item.active .page-link {
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  color: #fff;
}

.accent-lightblue .page-item.disabled a,
.accent-lightblue .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-lightblue .page-item .page-link:hover,
.dark-mode.accent-lightblue .page-item .page-link:focus {
  color: #4c99c6;
}

.accent-navy .btn-link,
.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-navy .nav-tabs .nav-link {
  color: #001f3f;
}

.accent-navy .btn-link:hover,
.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-navy .nav-tabs .nav-link:hover {
  color: black;
}

.accent-navy .dropdown-item:active,
.accent-navy .dropdown-item.active {
  background-color: #001f3f;
  color: #fff;
}

.accent-navy .custom-control-input:checked~.custom-control-label::before {
  background-color: #001f3f;
  border-color: black;
}

.accent-navy .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-navy .custom-select:focus,
.accent-navy .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-navy .custom-file-input:focus~.custom-file-label {
  border-color: #005ebf;
}

.accent-navy .page-item .page-link {
  color: #001f3f;
}

.accent-navy .page-item.active a,
.accent-navy .page-item.active .page-link {
  background-color: #001f3f;
  border-color: #001f3f;
  color: #fff;
}

.accent-navy .page-item.disabled a,
.accent-navy .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-navy .page-item .page-link:hover,
.dark-mode.accent-navy .page-item .page-link:focus {
  color: #002c59;
}

.accent-olive .btn-link,
.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-olive .nav-tabs .nav-link {
  color: #3d9970;
}

.accent-olive .btn-link:hover,
.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-olive .nav-tabs .nav-link:hover {
  color: #276248;
}

.accent-olive .dropdown-item:active,
.accent-olive .dropdown-item.active {
  background-color: #3d9970;
  color: #fff;
}

.accent-olive .custom-control-input:checked~.custom-control-label::before {
  background-color: #3d9970;
  border-color: #20503b;
}

.accent-olive .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-olive .custom-select:focus,
.accent-olive .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-olive .custom-file-input:focus~.custom-file-label {
  border-color: #87cfaf;
}

.accent-olive .page-item .page-link {
  color: #3d9970;
}

.accent-olive .page-item.active a,
.accent-olive .page-item.active .page-link {
  background-color: #3d9970;
  border-color: #3d9970;
  color: #fff;
}

.accent-olive .page-item.disabled a,
.accent-olive .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-olive .page-item .page-link:hover,
.dark-mode.accent-olive .page-item .page-link:focus {
  color: #44ab7d;
}

.accent-lime .btn-link,
.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-lime .nav-tabs .nav-link {
  color: #01ff70;
}

.accent-lime .btn-link:hover,
.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-lime .nav-tabs .nav-link:hover {
  color: #00b44e;
}

.accent-lime .dropdown-item:active,
.accent-lime .dropdown-item.active {
  background-color: #01ff70;
  color: #1f2d3d;
}

.accent-lime .custom-control-input:checked~.custom-control-label::before {
  background-color: #01ff70;
  border-color: #009a43;
}

.accent-lime .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-lime .custom-select:focus,
.accent-lime .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-lime .custom-file-input:focus~.custom-file-label {
  border-color: #81ffb8;
}

.accent-lime .page-item .page-link {
  color: #01ff70;
}

.accent-lime .page-item.active a,
.accent-lime .page-item.active .page-link {
  background-color: #01ff70;
  border-color: #01ff70;
  color: #fff;
}

.accent-lime .page-item.disabled a,
.accent-lime .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-lime .page-item .page-link:hover,
.dark-mode.accent-lime .page-item .page-link:focus {
  color: #1bff7e;
}

.accent-fuchsia .btn-link,
.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-fuchsia .nav-tabs .nav-link {
  color: #f012be;
}

.accent-fuchsia .btn-link:hover,
.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-fuchsia .nav-tabs .nav-link:hover {
  color: #ab0b87;
}

.accent-fuchsia .dropdown-item:active,
.accent-fuchsia .dropdown-item.active {
  background-color: #f012be;
  color: #fff;
}

.accent-fuchsia .custom-control-input:checked~.custom-control-label::before {
  background-color: #f012be;
  border-color: #930974;
}

.accent-fuchsia .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-fuchsia .custom-select:focus,
.accent-fuchsia .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-fuchsia .custom-file-input:focus~.custom-file-label {
  border-color: #f88adf;
}

.accent-fuchsia .page-item .page-link {
  color: #f012be;
}

.accent-fuchsia .page-item.active a,
.accent-fuchsia .page-item.active .page-link {
  background-color: #f012be;
  border-color: #f012be;
  color: #fff;
}

.accent-fuchsia .page-item.disabled a,
.accent-fuchsia .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-fuchsia .page-item .page-link:hover,
.dark-mode.accent-fuchsia .page-item .page-link:focus {
  color: #f22ac5;
}

.accent-maroon .btn-link,
.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-maroon .nav-tabs .nav-link {
  color: #d81b60;
}

.accent-maroon .btn-link:hover,
.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-maroon .nav-tabs .nav-link:hover {
  color: #941342;
}

.accent-maroon .dropdown-item:active,
.accent-maroon .dropdown-item.active {
  background-color: #d81b60;
  color: #fff;
}

.accent-maroon .custom-control-input:checked~.custom-control-label::before {
  background-color: #d81b60;
  border-color: #7d1038;
}

.accent-maroon .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-maroon .custom-select:focus,
.accent-maroon .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-maroon .custom-file-input:focus~.custom-file-label {
  border-color: #f083ab;
}

.accent-maroon .page-item .page-link {
  color: #d81b60;
}

.accent-maroon .page-item.active a,
.accent-maroon .page-item.active .page-link {
  background-color: #d81b60;
  border-color: #d81b60;
  color: #fff;
}

.accent-maroon .page-item.disabled a,
.accent-maroon .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-maroon .page-item .page-link:hover,
.dark-mode.accent-maroon .page-item .page-link:focus {
  color: #e4286d;
}

.accent-blue .btn-link,
.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-blue .nav-tabs .nav-link {
  color: #007bff;
}

.accent-blue .btn-link:hover,
.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-blue .nav-tabs .nav-link:hover {
  color: #0056b3;
}

.accent-blue .dropdown-item:active,
.accent-blue .dropdown-item.active {
  background-color: #007bff;
  color: #fff;
}

.accent-blue .custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #004a99;
}

.accent-blue .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-blue .custom-select:focus,
.accent-blue .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-blue .custom-file-input:focus~.custom-file-label {
  border-color: #80bdff;
}

.accent-blue .page-item .page-link {
  color: #007bff;
}

.accent-blue .page-item.active a,
.accent-blue .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.accent-blue .page-item.disabled a,
.accent-blue .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-blue .page-item .page-link:hover,
.dark-mode.accent-blue .page-item .page-link:focus {
  color: #1a88ff;
}

.accent-indigo .btn-link,
.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-indigo .nav-tabs .nav-link {
  color: #6610f2;
}

.accent-indigo .btn-link:hover,
.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-indigo .nav-tabs .nav-link:hover {
  color: #4709ac;
}

.accent-indigo .dropdown-item:active,
.accent-indigo .dropdown-item.active {
  background-color: #6610f2;
  color: #fff;
}

.accent-indigo .custom-control-input:checked~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.accent-indigo .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-indigo .custom-select:focus,
.accent-indigo .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-indigo .custom-file-input:focus~.custom-file-label {
  border-color: #b389f9;
}

.accent-indigo .page-item .page-link {
  color: #6610f2;
}

.accent-indigo .page-item.active a,
.accent-indigo .page-item.active .page-link {
  background-color: #6610f2;
  border-color: #6610f2;
  color: #fff;
}

.accent-indigo .page-item.disabled a,
.accent-indigo .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-indigo .page-item .page-link:hover,
.dark-mode.accent-indigo .page-item .page-link:focus {
  color: #7528f3;
}

.accent-purple .btn-link,
.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-purple .nav-tabs .nav-link {
  color: #6f42c1;
}

.accent-purple .btn-link:hover,
.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-purple .nav-tabs .nav-link:hover {
  color: #4e2d89;
}

.accent-purple .dropdown-item:active,
.accent-purple .dropdown-item.active {
  background-color: #6f42c1;
  color: #fff;
}

.accent-purple .custom-control-input:checked~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.accent-purple .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-purple .custom-select:focus,
.accent-purple .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-purple .custom-file-input:focus~.custom-file-label {
  border-color: #b8a2e0;
}

.accent-purple .page-item .page-link {
  color: #6f42c1;
}

.accent-purple .page-item.active a,
.accent-purple .page-item.active .page-link {
  background-color: #6f42c1;
  border-color: #6f42c1;
  color: #fff;
}

.accent-purple .page-item.disabled a,
.accent-purple .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-purple .page-item .page-link:hover,
.dark-mode.accent-purple .page-item .page-link:focus {
  color: #7e55c7;
}

.accent-pink .btn-link,
.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-pink .nav-tabs .nav-link {
  color: #e83e8c;
}

.accent-pink .btn-link:hover,
.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-pink .nav-tabs .nav-link:hover {
  color: #c21766;
}

.accent-pink .dropdown-item:active,
.accent-pink .dropdown-item.active {
  background-color: #e83e8c;
  color: #fff;
}

.accent-pink .custom-control-input:checked~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.accent-pink .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-pink .custom-select:focus,
.accent-pink .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-pink .custom-file-input:focus~.custom-file-label {
  border-color: #f6b0d0;
}

.accent-pink .page-item .page-link {
  color: #e83e8c;
}

.accent-pink .page-item.active a,
.accent-pink .page-item.active .page-link {
  background-color: #e83e8c;
  border-color: #e83e8c;
  color: #fff;
}

.accent-pink .page-item.disabled a,
.accent-pink .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-pink .page-item .page-link:hover,
.dark-mode.accent-pink .page-item .page-link:focus {
  color: #eb559a;
}

.accent-red .btn-link,
.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-red .nav-tabs .nav-link {
  color: #dc3545;
}

.accent-red .btn-link:hover,
.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-red .nav-tabs .nav-link:hover {
  color: #a71d2a;
}

.accent-red .dropdown-item:active,
.accent-red .dropdown-item.active {
  background-color: #dc3545;
  color: #fff;
}

.accent-red .custom-control-input:checked~.custom-control-label::before {
  background-color: #dc3545;
  border-color: #921925;
}

.accent-red .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-red .custom-select:focus,
.accent-red .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-red .custom-file-input:focus~.custom-file-label {
  border-color: #efa2a9;
}

.accent-red .page-item .page-link {
  color: #dc3545;
}

.accent-red .page-item.active a,
.accent-red .page-item.active .page-link {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.accent-red .page-item.disabled a,
.accent-red .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-red .page-item .page-link:hover,
.dark-mode.accent-red .page-item .page-link:focus {
  color: #e04b59;
}

.accent-orange .btn-link,
.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-orange .nav-tabs .nav-link {
  color: #fd7e14;
}

.accent-orange .btn-link:hover,
.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-orange .nav-tabs .nav-link:hover {
  color: #c35a02;
}

.accent-orange .dropdown-item:active,
.accent-orange .dropdown-item.active {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.accent-orange .custom-control-input:checked~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.accent-orange .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-orange .custom-select:focus,
.accent-orange .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-orange .custom-file-input:focus~.custom-file-label {
  border-color: #fec392;
}

.accent-orange .page-item .page-link {
  color: #fd7e14;
}

.accent-orange .page-item.active a,
.accent-orange .page-item.active .page-link {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #fff;
}

.accent-orange .page-item.disabled a,
.accent-orange .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-orange .page-item .page-link:hover,
.dark-mode.accent-orange .page-item .page-link:focus {
  color: #fd8c2d;
}

.accent-yellow .btn-link,
.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-yellow .nav-tabs .nav-link {
  color: #ffc107;
}

.accent-yellow .btn-link:hover,
.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-yellow .nav-tabs .nav-link:hover {
  color: #ba8b00;
}

.accent-yellow .dropdown-item:active,
.accent-yellow .dropdown-item.active {
  background-color: #ffc107;
  color: #1f2d3d;
}

.accent-yellow .custom-control-input:checked~.custom-control-label::before {
  background-color: #ffc107;
  border-color: #a07800;
}

.accent-yellow .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-yellow .custom-select:focus,
.accent-yellow .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-yellow .custom-file-input:focus~.custom-file-label {
  border-color: #ffe187;
}

.accent-yellow .page-item .page-link {
  color: #ffc107;
}

.accent-yellow .page-item.active a,
.accent-yellow .page-item.active .page-link {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #fff;
}

.accent-yellow .page-item.disabled a,
.accent-yellow .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-yellow .page-item .page-link:hover,
.dark-mode.accent-yellow .page-item .page-link:focus {
  color: #ffc721;
}

.accent-green .btn-link,
.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-green .nav-tabs .nav-link {
  color: #28a745;
}

.accent-green .btn-link:hover,
.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-green .nav-tabs .nav-link:hover {
  color: #19692c;
}

.accent-green .dropdown-item:active,
.accent-green .dropdown-item.active {
  background-color: #28a745;
  color: #fff;
}

.accent-green .custom-control-input:checked~.custom-control-label::before {
  background-color: #28a745;
  border-color: #145523;
}

.accent-green .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-green .custom-select:focus,
.accent-green .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-green .custom-file-input:focus~.custom-file-label {
  border-color: #71dd8a;
}

.accent-green .page-item .page-link {
  color: #28a745;
}

.accent-green .page-item.active a,
.accent-green .page-item.active .page-link {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.accent-green .page-item.disabled a,
.accent-green .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-green .page-item .page-link:hover,
.dark-mode.accent-green .page-item .page-link:focus {
  color: #2dbc4e;
}

.accent-teal .btn-link,
.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-teal .nav-tabs .nav-link {
  color: #20c997;
}

.accent-teal .btn-link:hover,
.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-teal .nav-tabs .nav-link:hover {
  color: #158765;
}

.accent-teal .dropdown-item:active,
.accent-teal .dropdown-item.active {
  background-color: #20c997;
  color: #fff;
}

.accent-teal .custom-control-input:checked~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.accent-teal .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-teal .custom-select:focus,
.accent-teal .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-teal .custom-file-input:focus~.custom-file-label {
  border-color: #7eeaca;
}

.accent-teal .page-item .page-link {
  color: #20c997;
}

.accent-teal .page-item.active a,
.accent-teal .page-item.active .page-link {
  background-color: #20c997;
  border-color: #20c997;
  color: #fff;
}

.accent-teal .page-item.disabled a,
.accent-teal .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-teal .page-item .page-link:hover,
.dark-mode.accent-teal .page-item .page-link:focus {
  color: #26dca6;
}

.accent-cyan .btn-link,
.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-cyan .nav-tabs .nav-link {
  color: #17a2b8;
}

.accent-cyan .btn-link:hover,
.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-cyan .nav-tabs .nav-link:hover {
  color: #0f6674;
}

.accent-cyan .dropdown-item:active,
.accent-cyan .dropdown-item.active {
  background-color: #17a2b8;
  color: #fff;
}

.accent-cyan .custom-control-input:checked~.custom-control-label::before {
  background-color: #17a2b8;
  border-color: #0c525d;
}

.accent-cyan .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-cyan .custom-select:focus,
.accent-cyan .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-cyan .custom-file-input:focus~.custom-file-label {
  border-color: #63d9ec;
}

.accent-cyan .page-item .page-link {
  color: #17a2b8;
}

.accent-cyan .page-item.active a,
.accent-cyan .page-item.active .page-link {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.accent-cyan .page-item.disabled a,
.accent-cyan .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-cyan .page-item .page-link:hover,
.dark-mode.accent-cyan .page-item .page-link:focus {
  color: #1ab6cf;
}

.accent-white .btn-link,
.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-white .nav-tabs .nav-link {
  color: #fff;
}

.accent-white .btn-link:hover,
.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-white .nav-tabs .nav-link:hover {
  color: #d9d9d9;
}

.accent-white .dropdown-item:active,
.accent-white .dropdown-item.active {
  background-color: #fff;
  color: #1f2d3d;
}

.accent-white .custom-control-input:checked~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.accent-white .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-white .custom-select:focus,
.accent-white .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-white .custom-file-input:focus~.custom-file-label {
  border-color: white;
}

.accent-white .page-item .page-link {
  color: #fff;
}

.accent-white .page-item.active a,
.accent-white .page-item.active .page-link {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
}

.accent-white .page-item.disabled a,
.accent-white .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-white .page-item .page-link:hover,
.dark-mode.accent-white .page-item .page-link:focus {
  color: white;
}

.accent-gray .btn-link,
.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-gray .nav-tabs .nav-link {
  color: #6c757d;
}

.accent-gray .btn-link:hover,
.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-gray .nav-tabs .nav-link:hover {
  color: #494f54;
}

.accent-gray .dropdown-item:active,
.accent-gray .dropdown-item.active {
  background-color: #6c757d;
  color: #fff;
}

.accent-gray .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.accent-gray .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-gray .custom-select:focus,
.accent-gray .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-gray .custom-file-input:focus~.custom-file-label {
  border-color: #afb5ba;
}

.accent-gray .page-item .page-link {
  color: #6c757d;
}

.accent-gray .page-item.active a,
.accent-gray .page-item.active .page-link {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.accent-gray .page-item.disabled a,
.accent-gray .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-gray .page-item .page-link:hover,
.dark-mode.accent-gray .page-item .page-link:focus {
  color: #78828a;
}

.accent-gray-dark .btn-link,
.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.accent-gray-dark .nav-tabs .nav-link {
  color: #343a40;
}

.accent-gray-dark .btn-link:hover,
.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.accent-gray-dark .nav-tabs .nav-link:hover {
  color: #121416;
}

.accent-gray-dark .dropdown-item:active,
.accent-gray-dark .dropdown-item.active {
  background-color: #343a40;
  color: #fff;
}

.accent-gray-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.accent-gray-dark .custom-control-input:checked~.custom-control-label::after {
  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");
}

.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-gray-dark .custom-select:focus,
.accent-gray-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.accent-gray-dark .custom-file-input:focus~.custom-file-label {
  border-color: #6d7a86;
}

.accent-gray-dark .page-item .page-link {
  color: #343a40;
}

.accent-gray-dark .page-item.active a,
.accent-gray-dark .page-item.active .page-link {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.accent-gray-dark .page-item.disabled a,
.accent-gray-dark .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode.accent-gray-dark .page-item .page-link:hover,
.dark-mode.accent-gray-dark .page-item .page-link:focus {
  color: #3f474e;
}

[class*="accent-"] a.btn-primary {
  color: #fff;
}

[class*="accent-"] a.btn-secondary {
  color: #fff;
}

[class*="accent-"] a.btn-success {
  color: #fff;
}

[class*="accent-"] a.btn-info {
  color: #fff;
}

[class*="accent-"] a.btn-warning {
  color: #1f2d3d;
}

[class*="accent-"] a.btn-danger {
  color: #fff;
}

[class*="accent-"] a.btn-light {
  color: #1f2d3d;
}

[class*="accent-"] a.btn-dark {
  color: #fff;
}

.dark-mode .bg-light {
  background-color: #454d55 !important;
  color: #fff !important;
}

.dark-mode .text-black,
.dark-mode .text-dark,
.dark-mode .link-black,
.dark-mode .link-dark {
  color: #ced4da;
}

.dark-mode .bg-primary {
  background-color: #3f6791 !important;
}

.dark-mode .bg-primary,
.dark-mode .bg-primary>a {
  color: #fff !important;
}

.dark-mode .bg-primary.btn:hover {
  border-color: #304e6d;
  color: #ececec;
}

.dark-mode .bg-primary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-primary.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-primary.btn:active,
.dark-mode .bg-primary.btn.active {
  background-color: #304e6d !important;
  border-color: #2c4765;
  color: #fff;
}

.dark-mode .bg-secondary {
  background-color: #6c757d !important;
}

.dark-mode .bg-secondary,
.dark-mode .bg-secondary>a {
  color: #fff !important;
}

.dark-mode .bg-secondary.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.dark-mode .bg-secondary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-secondary.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-secondary.btn:active,
.dark-mode .bg-secondary.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.dark-mode .bg-success {
  background-color: #00bc8c !important;
}

.dark-mode .bg-success,
.dark-mode .bg-success>a {
  color: #fff !important;
}

.dark-mode .bg-success.btn:hover {
  border-color: #008966;
  color: #ececec;
}

.dark-mode .bg-success.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-success.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-success.btn:active,
.dark-mode .bg-success.btn.active {
  background-color: #008966 !important;
  border-color: #007c5d;
  color: #fff;
}

.dark-mode .bg-info {
  background-color: #3498db !important;
}

.dark-mode .bg-info,
.dark-mode .bg-info>a {
  color: #fff !important;
}

.dark-mode .bg-info.btn:hover {
  border-color: #217dbb;
  color: #ececec;
}

.dark-mode .bg-info.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-info.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-info.btn:active,
.dark-mode .bg-info.btn.active {
  background-color: #217dbb !important;
  border-color: #1f76b0;
  color: #fff;
}

.dark-mode .bg-warning {
  background-color: #f39c12 !important;
}

.dark-mode .bg-warning,
.dark-mode .bg-warning>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-warning.btn:hover {
  border-color: #c87f0a;
  color: #121a24;
}

.dark-mode .bg-warning.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-warning.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-warning.btn:active,
.dark-mode .bg-warning.btn.active {
  background-color: #c87f0a !important;
  border-color: #bc770a;
  color: #fff;
}

.dark-mode .bg-danger {
  background-color: #e74c3c !important;
}

.dark-mode .bg-danger,
.dark-mode .bg-danger>a {
  color: #fff !important;
}

.dark-mode .bg-danger.btn:hover {
  border-color: #d62c1a;
  color: #ececec;
}

.dark-mode .bg-danger.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-danger.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-danger.btn:active,
.dark-mode .bg-danger.btn.active {
  background-color: #d62c1a !important;
  border-color: #ca2a19;
  color: #fff;
}

.dark-mode .bg-light {
  background-color: #f8f9fa !important;
}

.dark-mode .bg-light,
.dark-mode .bg-light>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-light.btn:hover {
  border-color: #dae0e5;
  color: #121a24;
}

.dark-mode .bg-light.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-light.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-light.btn:active,
.dark-mode .bg-light.btn.active {
  background-color: #dae0e5 !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.dark-mode .bg-dark {
  background-color: #343a40 !important;
}

.dark-mode .bg-dark,
.dark-mode .bg-dark>a {
  color: #fff !important;
}

.dark-mode .bg-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.dark-mode .bg-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-dark.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-dark.btn:active,
.dark-mode .bg-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.dark-mode .bg-lightblue {
  background-color: #86bad8 !important;
}

.dark-mode .bg-lightblue,
.dark-mode .bg-lightblue>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-lightblue.btn:hover {
  border-color: #5fa4cc;
  color: #121a24;
}

.dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-lightblue.btn:active,
.dark-mode .bg-lightblue.btn.active {
  background-color: #5fa4cc !important;
  border-color: #559ec9;
  color: #fff;
}

.dark-mode .bg-navy {
  background-color: #002c59 !important;
}

.dark-mode .bg-navy,
.dark-mode .bg-navy>a {
  color: #fff !important;
}

.dark-mode .bg-navy.btn:hover {
  border-color: #001226;
  color: #ececec;
}

.dark-mode .bg-navy.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-navy.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-navy.btn:active,
.dark-mode .bg-navy.btn.active {
  background-color: #001226 !important;
  border-color: #000c19;
  color: #fff;
}

.dark-mode .bg-olive {
  background-color: #74c8a3 !important;
}

.dark-mode .bg-olive,
.dark-mode .bg-olive>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-olive.btn:hover {
  border-color: #50b98a;
  color: #121a24;
}

.dark-mode .bg-olive.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-olive.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-olive.btn:active,
.dark-mode .bg-olive.btn.active {
  background-color: #50b98a !important;
  border-color: #48b484;
  color: #fff;
}

.dark-mode .bg-lime {
  background-color: #67ffa9 !important;
}

.dark-mode .bg-lime,
.dark-mode .bg-lime>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-lime.btn:hover {
  border-color: #34ff8d;
  color: #121a24;
}

.dark-mode .bg-lime.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-lime.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-lime.btn:active,
.dark-mode .bg-lime.btn.active {
  background-color: #34ff8d !important;
  border-color: #27ff86;
  color: #1f2d3d;
}

.dark-mode .bg-fuchsia {
  background-color: #f672d8 !important;
}

.dark-mode .bg-fuchsia,
.dark-mode .bg-fuchsia>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-fuchsia.btn:hover {
  border-color: #f342cb;
  color: #121a24;
}

.dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-fuchsia.btn:active,
.dark-mode .bg-fuchsia.btn.active {
  background-color: #f342cb !important;
  border-color: #f236c8;
  color: #fff;
}

.dark-mode .bg-maroon {
  background-color: #ed6c9b !important;
}

.dark-mode .bg-maroon,
.dark-mode .bg-maroon>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-maroon.btn:hover {
  border-color: #e73f7c;
  color: #121a24;
}

.dark-mode .bg-maroon.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-maroon.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-maroon.btn:active,
.dark-mode .bg-maroon.btn.active {
  background-color: #e73f7c !important;
  border-color: #e63475;
  color: #fff;
}

.dark-mode .bg-blue {
  background-color: #3f6791 !important;
}

.dark-mode .bg-blue,
.dark-mode .bg-blue>a {
  color: #fff !important;
}

.dark-mode .bg-blue.btn:hover {
  border-color: #304e6d;
  color: #ececec;
}

.dark-mode .bg-blue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-blue.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-blue.btn:active,
.dark-mode .bg-blue.btn.active {
  background-color: #304e6d !important;
  border-color: #2c4765;
  color: #fff;
}

.dark-mode .bg-indigo {
  background-color: #6610f2 !important;
}

.dark-mode .bg-indigo,
.dark-mode .bg-indigo>a {
  color: #fff !important;
}

.dark-mode .bg-indigo.btn:hover {
  border-color: #510bc4;
  color: #ececec;
}

.dark-mode .bg-indigo.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-indigo.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-indigo.btn:active,
.dark-mode .bg-indigo.btn.active {
  background-color: #510bc4 !important;
  border-color: #4c0ab8;
  color: #fff;
}

.dark-mode .bg-purple {
  background-color: #6f42c1 !important;
}

.dark-mode .bg-purple,
.dark-mode .bg-purple>a {
  color: #fff !important;
}

.dark-mode .bg-purple.btn:hover {
  border-color: #59339d;
  color: #ececec;
}

.dark-mode .bg-purple.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-purple.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-purple.btn:active,
.dark-mode .bg-purple.btn.active {
  background-color: #59339d !important;
  border-color: #533093;
  color: #fff;
}

.dark-mode .bg-pink {
  background-color: #e83e8c !important;
}

.dark-mode .bg-pink,
.dark-mode .bg-pink>a {
  color: #fff !important;
}

.dark-mode .bg-pink.btn:hover {
  border-color: #d91a72;
  color: #ececec;
}

.dark-mode .bg-pink.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-pink.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-pink.btn:active,
.dark-mode .bg-pink.btn.active {
  background-color: #d91a72 !important;
  border-color: #ce196c;
  color: #fff;
}

.dark-mode .bg-red {
  background-color: #e74c3c !important;
}

.dark-mode .bg-red,
.dark-mode .bg-red>a {
  color: #fff !important;
}

.dark-mode .bg-red.btn:hover {
  border-color: #d62c1a;
  color: #ececec;
}

.dark-mode .bg-red.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-red.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-red.btn:active,
.dark-mode .bg-red.btn.active {
  background-color: #d62c1a !important;
  border-color: #ca2a19;
  color: #fff;
}

.dark-mode .bg-orange {
  background-color: #fd7e14 !important;
}

.dark-mode .bg-orange,
.dark-mode .bg-orange>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-orange.btn:hover {
  border-color: #dc6502;
  color: #121a24;
}

.dark-mode .bg-orange.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-orange.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-orange.btn:active,
.dark-mode .bg-orange.btn.active {
  background-color: #dc6502 !important;
  border-color: #cf5f02;
  color: #fff;
}

.dark-mode .bg-yellow {
  background-color: #f39c12 !important;
}

.dark-mode .bg-yellow,
.dark-mode .bg-yellow>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-yellow.btn:hover {
  border-color: #c87f0a;
  color: #121a24;
}

.dark-mode .bg-yellow.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-yellow.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-yellow.btn:active,
.dark-mode .bg-yellow.btn.active {
  background-color: #c87f0a !important;
  border-color: #bc770a;
  color: #fff;
}

.dark-mode .bg-green {
  background-color: #00bc8c !important;
}

.dark-mode .bg-green,
.dark-mode .bg-green>a {
  color: #fff !important;
}

.dark-mode .bg-green.btn:hover {
  border-color: #008966;
  color: #ececec;
}

.dark-mode .bg-green.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-green.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-green.btn:active,
.dark-mode .bg-green.btn.active {
  background-color: #008966 !important;
  border-color: #007c5d;
  color: #fff;
}

.dark-mode .bg-teal {
  background-color: #20c997 !important;
}

.dark-mode .bg-teal,
.dark-mode .bg-teal>a {
  color: #fff !important;
}

.dark-mode .bg-teal.btn:hover {
  border-color: #199d76;
  color: #ececec;
}

.dark-mode .bg-teal.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-teal.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-teal.btn:active,
.dark-mode .bg-teal.btn.active {
  background-color: #199d76 !important;
  border-color: #17926e;
  color: #fff;
}

.dark-mode .bg-cyan {
  background-color: #3498db !important;
}

.dark-mode .bg-cyan,
.dark-mode .bg-cyan>a {
  color: #fff !important;
}

.dark-mode .bg-cyan.btn:hover {
  border-color: #217dbb;
  color: #ececec;
}

.dark-mode .bg-cyan.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-cyan.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-cyan.btn:active,
.dark-mode .bg-cyan.btn.active {
  background-color: #217dbb !important;
  border-color: #1f76b0;
  color: #fff;
}

.dark-mode .bg-white {
  background-color: #fff !important;
}

.dark-mode .bg-white,
.dark-mode .bg-white>a {
  color: #1f2d3d !important;
}

.dark-mode .bg-white.btn:hover {
  border-color: #e6e6e6;
  color: #121a24;
}

.dark-mode .bg-white.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-white.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-white.btn:active,
.dark-mode .bg-white.btn.active {
  background-color: #e6e6e6 !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.dark-mode .bg-gray {
  background-color: #6c757d !important;
}

.dark-mode .bg-gray,
.dark-mode .bg-gray>a {
  color: #fff !important;
}

.dark-mode .bg-gray.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.dark-mode .bg-gray.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gray.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gray.btn:active,
.dark-mode .bg-gray.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.dark-mode .bg-gray-dark {
  background-color: #343a40 !important;
}

.dark-mode .bg-gray-dark,
.dark-mode .bg-gray-dark>a {
  color: #fff !important;
}

.dark-mode .bg-gray-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gray-dark.btn:active,
.dark-mode .bg-gray-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.dark-mode .bg-gradient-primary {
  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-primary.btn.disabled,
.dark-mode .bg-gradient-primary.btn:disabled,
.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-primary.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-primary.btn:hover {
  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
  border-color: #304e6d;
  color: #ececec;
}

.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-primary.btn:active,
.dark-mode .bg-gradient-primary.btn.active {
  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
  border-color: #2c4765;
  color: #fff;
}

.dark-mode .bg-gradient-secondary {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-secondary.btn.disabled,
.dark-mode .bg-gradient-secondary.btn:disabled,
.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-secondary.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-secondary.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-secondary.btn:active,
.dark-mode .bg-gradient-secondary.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.dark-mode .bg-gradient-success {
  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-success.btn.disabled,
.dark-mode .bg-gradient-success.btn:disabled,
.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-success.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-success.btn:hover {
  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
  border-color: #008966;
  color: #ececec;
}

.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-success.btn:active,
.dark-mode .bg-gradient-success.btn.active {
  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
  border-color: #007c5d;
  color: #fff;
}

.dark-mode .bg-gradient-info {
  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-info.btn.disabled,
.dark-mode .bg-gradient-info.btn:disabled,
.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-info.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-info.btn:hover {
  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
  border-color: #217dbb;
  color: #ececec;
}

.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-info.btn:active,
.dark-mode .bg-gradient-info.btn.active {
  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
  border-color: #1f76b0;
  color: #fff;
}

.dark-mode .bg-gradient-warning {
  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-warning.btn.disabled,
.dark-mode .bg-gradient-warning.btn:disabled,
.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-warning.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-warning.btn:hover {
  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
  border-color: #c87f0a;
  color: #121a24;
}

.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-warning.btn:active,
.dark-mode .bg-gradient-warning.btn.active {
  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
  border-color: #bc770a;
  color: #fff;
}

.dark-mode .bg-gradient-danger {
  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-danger.btn.disabled,
.dark-mode .bg-gradient-danger.btn:disabled,
.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-danger.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-danger.btn:hover {
  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
  border-color: #d62c1a;
  color: #ececec;
}

.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-danger.btn:active,
.dark-mode .bg-gradient-danger.btn.active {
  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
  border-color: #ca2a19;
  color: #fff;
}

.dark-mode .bg-gradient-light {
  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-light.btn.disabled,
.dark-mode .bg-gradient-light.btn:disabled,
.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-light.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-light.btn:hover {
  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
  border-color: #dae0e5;
  color: #121a24;
}

.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-light.btn:active,
.dark-mode .bg-gradient-light.btn.active {
  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-dark.btn.disabled,
.dark-mode .bg-gradient-dark.btn:disabled,
.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-dark.btn:active,
.dark-mode .bg-gradient-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

.dark-mode .bg-gradient-lightblue {
  background: #86bad8 linear-gradient(180deg, #98c4de, #86bad8) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-lightblue.btn.disabled,
.dark-mode .bg-gradient-lightblue.btn:disabled,
.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-lightblue.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-lightblue.btn:hover {
  background: #86bad8 linear-gradient(180deg, #7fb6d6, #69a9cf) repeat-x !important;
  border-color: #5fa4cc;
  color: #121a24;
}

.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-lightblue.btn:active,
.dark-mode .bg-gradient-lightblue.btn.active {
  background: #86bad8 linear-gradient(180deg, #77b2d4, #5fa4cc) repeat-x !important;
  border-color: #559ec9;
  color: #fff;
}

.dark-mode .bg-gradient-navy {
  background: #002c59 linear-gradient(180deg, #264b71, #002c59) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-navy.btn.disabled,
.dark-mode .bg-gradient-navy.btn:disabled,
.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-navy.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-navy.btn:hover {
  background: #002c59 linear-gradient(180deg, #263b51, #001932) repeat-x !important;
  border-color: #001226;
  color: #ececec;
}

.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-navy.btn:active,
.dark-mode .bg-gradient-navy.btn.active {
  background: #002c59 linear-gradient(180deg, #263646, #001226) repeat-x !important;
  border-color: #000c19;
  color: #fff;
}

.dark-mode .bg-gradient-olive {
  background: #74c8a3 linear-gradient(180deg, #89d0b0, #74c8a3) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-olive.btn.disabled,
.dark-mode .bg-gradient-olive.btn:disabled,
.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-olive.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-olive.btn:hover {
  background: #74c8a3 linear-gradient(180deg, #72c7a1, #59bd90) repeat-x !important;
  border-color: #50b98a;
  color: #121a24;
}

.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-olive.btn:active,
.dark-mode .bg-gradient-olive.btn.active {
  background: #74c8a3 linear-gradient(180deg, #6ac49c, #50b98a) repeat-x !important;
  border-color: #48b484;
  color: #fff;
}

.dark-mode .bg-gradient-lime {
  background: #67ffa9 linear-gradient(180deg, #7effb6, #67ffa9) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-lime.btn.disabled,
.dark-mode .bg-gradient-lime.btn:disabled,
.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-lime.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-lime.btn:hover {
  background: #67ffa9 linear-gradient(180deg, #5dffa4, #41ff94) repeat-x !important;
  border-color: #34ff8d;
  color: #121a24;
}

.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-lime.btn:active,
.dark-mode .bg-gradient-lime.btn.active {
  background: #67ffa9 linear-gradient(180deg, #52ff9e, #34ff8d) repeat-x !important;
  border-color: #27ff86;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-fuchsia {
  background: #f672d8 linear-gradient(180deg, #f787de, #f672d8) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-fuchsia.btn.disabled,
.dark-mode .bg-gradient-fuchsia.btn:disabled,
.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-fuchsia.btn:hover {
  background: #f672d8 linear-gradient(180deg, #f569d6, #f44ece) repeat-x !important;
  border-color: #f342cb;
  color: #121a24;
}

.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-fuchsia.btn:active,
.dark-mode .bg-gradient-fuchsia.btn.active {
  background: #f672d8 linear-gradient(180deg, #f55ed3, #f342cb) repeat-x !important;
  border-color: #f236c8;
  color: #fff;
}

.dark-mode .bg-gradient-maroon {
  background: #ed6c9b linear-gradient(180deg, #ef82aa, #ed6c9b) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-maroon.btn.disabled,
.dark-mode .bg-gradient-maroon.btn:disabled,
.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-maroon.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-maroon.btn:hover {
  background: #ed6c9b linear-gradient(180deg, #ec6596, #e84a84) repeat-x !important;
  border-color: #e73f7c;
  color: #121a24;
}

.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-maroon.btn:active,
.dark-mode .bg-gradient-maroon.btn.active {
  background: #ed6c9b linear-gradient(180deg, #eb5c90, #e73f7c) repeat-x !important;
  border-color: #e63475;
  color: #fff;
}

.dark-mode .bg-gradient-blue {
  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-blue.btn.disabled,
.dark-mode .bg-gradient-blue.btn:disabled,
.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-blue.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-blue.btn:hover {
  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
  border-color: #304e6d;
  color: #ececec;
}

.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-blue.btn:active,
.dark-mode .bg-gradient-blue.btn.active {
  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
  border-color: #2c4765;
  color: #fff;
}

.dark-mode .bg-gradient-indigo {
  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-indigo.btn.disabled,
.dark-mode .bg-gradient-indigo.btn:disabled,
.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-indigo.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-indigo.btn:hover {
  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
  border-color: #510bc4;
  color: #ececec;
}

.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-indigo.btn:active,
.dark-mode .bg-gradient-indigo.btn.active {
  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
  border-color: #4c0ab8;
  color: #fff;
}

.dark-mode .bg-gradient-purple {
  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-purple.btn.disabled,
.dark-mode .bg-gradient-purple.btn:disabled,
.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-purple.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-purple.btn:hover {
  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
  border-color: #59339d;
  color: #ececec;
}

.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-purple.btn:active,
.dark-mode .bg-gradient-purple.btn.active {
  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
  border-color: #533093;
  color: #fff;
}

.dark-mode .bg-gradient-pink {
  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-pink.btn.disabled,
.dark-mode .bg-gradient-pink.btn:disabled,
.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-pink.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-pink.btn:hover {
  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
  border-color: #d91a72;
  color: #ececec;
}

.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-pink.btn:active,
.dark-mode .bg-gradient-pink.btn.active {
  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
  border-color: #ce196c;
  color: #fff;
}

.dark-mode .bg-gradient-red {
  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-red.btn.disabled,
.dark-mode .bg-gradient-red.btn:disabled,
.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-red.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-red.btn:hover {
  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
  border-color: #d62c1a;
  color: #ececec;
}

.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-red.btn:active,
.dark-mode .bg-gradient-red.btn.active {
  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
  border-color: #ca2a19;
  color: #fff;
}

.dark-mode .bg-gradient-orange {
  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-orange.btn.disabled,
.dark-mode .bg-gradient-orange.btn:disabled,
.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-orange.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-orange.btn:hover {
  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
  border-color: #dc6502;
  color: #121a24;
}

.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-orange.btn:active,
.dark-mode .bg-gradient-orange.btn.active {
  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
  border-color: #cf5f02;
  color: #fff;
}

.dark-mode .bg-gradient-yellow {
  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-yellow.btn.disabled,
.dark-mode .bg-gradient-yellow.btn:disabled,
.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-yellow.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-yellow.btn:hover {
  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
  border-color: #c87f0a;
  color: #121a24;
}

.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-yellow.btn:active,
.dark-mode .bg-gradient-yellow.btn.active {
  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
  border-color: #bc770a;
  color: #fff;
}

.dark-mode .bg-gradient-green {
  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-green.btn.disabled,
.dark-mode .bg-gradient-green.btn:disabled,
.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-green.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-green.btn:hover {
  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
  border-color: #008966;
  color: #ececec;
}

.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-green.btn:active,
.dark-mode .bg-gradient-green.btn.active {
  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
  border-color: #007c5d;
  color: #fff;
}

.dark-mode .bg-gradient-teal {
  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-teal.btn.disabled,
.dark-mode .bg-gradient-teal.btn:disabled,
.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-teal.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-teal.btn:hover {
  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
  border-color: #199d76;
  color: #ececec;
}

.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-teal.btn:active,
.dark-mode .bg-gradient-teal.btn.active {
  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
  border-color: #17926e;
  color: #fff;
}

.dark-mode .bg-gradient-cyan {
  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-cyan.btn.disabled,
.dark-mode .bg-gradient-cyan.btn:disabled,
.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-cyan.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-cyan.btn:hover {
  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
  border-color: #217dbb;
  color: #ececec;
}

.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-cyan.btn:active,
.dark-mode .bg-gradient-cyan.btn.active {
  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
  border-color: #1f76b0;
  color: #fff;
}

.dark-mode .bg-gradient-white {
  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-white.btn.disabled,
.dark-mode .bg-gradient-white.btn:disabled,
.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-white.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-white.btn:hover {
  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
  border-color: #e6e6e6;
  color: #121a24;
}

.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-white.btn:active,
.dark-mode .bg-gradient-white.btn.active {
  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.dark-mode .bg-gradient-gray {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-gray.btn.disabled,
.dark-mode .bg-gradient-gray.btn:disabled,
.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-gray.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-gray.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-gray.btn:active,
.dark-mode .bg-gradient-gray.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.dark-mode .bg-gradient-gray-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.dark-mode .bg-gradient-gray-dark.btn.disabled,
.dark-mode .bg-gradient-gray-dark.btn:disabled,
.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show>.dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.dark-mode .bg-gradient-gray-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.dark-mode .bg-gradient-gray-dark.btn:active,
.dark-mode .bg-gradient-gray-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

.dark-mode .accent-primary .btn-link,
.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-primary .nav-tabs .nav-link {
  color: #3f6791;
}

.dark-mode .accent-primary .btn-link:hover,
.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-primary .nav-tabs .nav-link:hover {
  color: #28415c;
}

.dark-mode .accent-primary .dropdown-item:active,
.dark-mode .accent-primary .dropdown-item.active {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .accent-primary .custom-control-input:checked~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .accent-primary .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-primary .custom-select:focus,
.dark-mode .accent-primary .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-primary .custom-file-input:focus~.custom-file-label {
  border-color: #85a7ca;
}

.dark-mode .accent-primary .page-item .page-link {
  color: #3f6791;
}

.dark-mode .accent-primary .page-item.active a,
.dark-mode .accent-primary .page-item.active .page-link {
  background-color: #3f6791;
  border-color: #3f6791;
  color: #fff;
}

.dark-mode .accent-primary .page-item.disabled a,
.dark-mode .accent-primary .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-primary .page-item .page-link:hover,
.dark-mode .dark-mode.accent-primary .page-item .page-link:focus {
  color: #4774a3;
}

.dark-mode .accent-secondary .btn-link,
.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-secondary .nav-tabs .nav-link {
  color: #6c757d;
}

.dark-mode .accent-secondary .btn-link:hover,
.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-secondary .nav-tabs .nav-link:hover {
  color: #494f54;
}

.dark-mode .accent-secondary .dropdown-item:active,
.dark-mode .accent-secondary .dropdown-item.active {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .accent-secondary .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .accent-secondary .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-secondary .custom-select:focus,
.dark-mode .accent-secondary .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-secondary .custom-file-input:focus~.custom-file-label {
  border-color: #afb5ba;
}

.dark-mode .accent-secondary .page-item .page-link {
  color: #6c757d;
}

.dark-mode .accent-secondary .page-item.active a,
.dark-mode .accent-secondary .page-item.active .page-link {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .accent-secondary .page-item.disabled a,
.dark-mode .accent-secondary .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover,
.dark-mode .dark-mode.accent-secondary .page-item .page-link:focus {
  color: #78828a;
}

.dark-mode .accent-success .btn-link,
.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-success .nav-tabs .nav-link {
  color: #00bc8c;
}

.dark-mode .accent-success .btn-link:hover,
.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-success .nav-tabs .nav-link:hover {
  color: #007053;
}

.dark-mode .accent-success .dropdown-item:active,
.dark-mode .accent-success .dropdown-item.active {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .accent-success .custom-control-input:checked~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .accent-success .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-success .custom-select:focus,
.dark-mode .accent-success .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-success .custom-file-input:focus~.custom-file-label {
  border-color: #3dffcd;
}

.dark-mode .accent-success .page-item .page-link {
  color: #00bc8c;
}

.dark-mode .accent-success .page-item.active a,
.dark-mode .accent-success .page-item.active .page-link {
  background-color: #00bc8c;
  border-color: #00bc8c;
  color: #fff;
}

.dark-mode .accent-success .page-item.disabled a,
.dark-mode .accent-success .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-success .page-item .page-link:hover,
.dark-mode .dark-mode.accent-success .page-item .page-link:focus {
  color: #00d69f;
}

.dark-mode .accent-info .btn-link,
.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-info .nav-tabs .nav-link {
  color: #3498db;
}

.dark-mode .accent-info .btn-link:hover,
.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-info .nav-tabs .nav-link:hover {
  color: #1d6fa5;
}

.dark-mode .accent-info .dropdown-item:active,
.dark-mode .accent-info .dropdown-item.active {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .accent-info .custom-control-input:checked~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .accent-info .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-info .custom-select:focus,
.dark-mode .accent-info .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-info .custom-file-input:focus~.custom-file-label {
  border-color: #a0cfee;
}

.dark-mode .accent-info .page-item .page-link {
  color: #3498db;
}

.dark-mode .accent-info .page-item.active a,
.dark-mode .accent-info .page-item.active .page-link {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
}

.dark-mode .accent-info .page-item.disabled a,
.dark-mode .accent-info .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-info .page-item .page-link:hover,
.dark-mode .dark-mode.accent-info .page-item .page-link:focus {
  color: #4aa3df;
}

.dark-mode .accent-warning .btn-link,
.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-warning .nav-tabs .nav-link {
  color: #f39c12;
}

.dark-mode .accent-warning .btn-link:hover,
.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-warning .nav-tabs .nav-link:hover {
  color: #b06f09;
}

.dark-mode .accent-warning .dropdown-item:active,
.dark-mode .accent-warning .dropdown-item.active {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .accent-warning .custom-control-input:checked~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .accent-warning .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-warning .custom-select:focus,
.dark-mode .accent-warning .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-warning .custom-file-input:focus~.custom-file-label {
  border-color: #f9cf8b;
}

.dark-mode .accent-warning .page-item .page-link {
  color: #f39c12;
}

.dark-mode .accent-warning .page-item.active a,
.dark-mode .accent-warning .page-item.active .page-link {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}

.dark-mode .accent-warning .page-item.disabled a,
.dark-mode .accent-warning .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-warning .page-item .page-link:hover,
.dark-mode .dark-mode.accent-warning .page-item .page-link:focus {
  color: #f4a62a;
}

.dark-mode .accent-danger .btn-link,
.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-danger .nav-tabs .nav-link {
  color: #e74c3c;
}

.dark-mode .accent-danger .btn-link:hover,
.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-danger .nav-tabs .nav-link:hover {
  color: #bf2718;
}

.dark-mode .accent-danger .dropdown-item:active,
.dark-mode .accent-danger .dropdown-item.active {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .accent-danger .custom-control-input:checked~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .accent-danger .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-danger .custom-select:focus,
.dark-mode .accent-danger .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-danger .custom-file-input:focus~.custom-file-label {
  border-color: #f5b4ae;
}

.dark-mode .accent-danger .page-item .page-link {
  color: #e74c3c;
}

.dark-mode .accent-danger .page-item.active a,
.dark-mode .accent-danger .page-item.active .page-link {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}

.dark-mode .accent-danger .page-item.disabled a,
.dark-mode .accent-danger .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-danger .page-item .page-link:hover,
.dark-mode .dark-mode.accent-danger .page-item .page-link:focus {
  color: #ea6153;
}

.dark-mode .accent-light .btn-link,
.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-light .nav-tabs .nav-link {
  color: #f8f9fa;
}

.dark-mode .accent-light .btn-link:hover,
.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-light .nav-tabs .nav-link:hover {
  color: #cbd3da;
}

.dark-mode .accent-light .dropdown-item:active,
.dark-mode .accent-light .dropdown-item.active {
  background-color: #f8f9fa;
  color: #1f2d3d;
}

.dark-mode .accent-light .custom-control-input:checked~.custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #bdc6d0;
}

.dark-mode .accent-light .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-light .custom-select:focus,
.dark-mode .accent-light .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-light .custom-file-input:focus~.custom-file-label {
  border-color: white;
}

.dark-mode .accent-light .page-item .page-link {
  color: #f8f9fa;
}

.dark-mode .accent-light .page-item.active a,
.dark-mode .accent-light .page-item.active .page-link {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #fff;
}

.dark-mode .accent-light .page-item.disabled a,
.dark-mode .accent-light .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-light .page-item .page-link:hover,
.dark-mode .dark-mode.accent-light .page-item .page-link:focus {
  color: white;
}

.dark-mode .accent-dark .btn-link,
.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-dark .nav-tabs .nav-link {
  color: #343a40;
}

.dark-mode .accent-dark .btn-link:hover,
.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-dark .nav-tabs .nav-link:hover {
  color: #121416;
}

.dark-mode .accent-dark .dropdown-item:active,
.dark-mode .accent-dark .dropdown-item.active {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .accent-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .accent-dark .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-dark .custom-select:focus,
.dark-mode .accent-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-dark .custom-file-input:focus~.custom-file-label {
  border-color: #6d7a86;
}

.dark-mode .accent-dark .page-item .page-link {
  color: #343a40;
}

.dark-mode .accent-dark .page-item.active a,
.dark-mode .accent-dark .page-item.active .page-link {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.dark-mode .accent-dark .page-item.disabled a,
.dark-mode .accent-dark .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-dark .page-item .page-link:hover,
.dark-mode .dark-mode.accent-dark .page-item .page-link:focus {
  color: #3f474e;
}

.dark-mode [class*="accent-"] a.btn-primary {
  color: #fff;
}

.dark-mode [class*="accent-"] a.btn-secondary {
  color: #fff;
}

.dark-mode [class*="accent-"] a.btn-success {
  color: #fff;
}

.dark-mode [class*="accent-"] a.btn-info {
  color: #fff;
}

.dark-mode [class*="accent-"] a.btn-warning {
  color: #1f2d3d;
}

.dark-mode [class*="accent-"] a.btn-danger {
  color: #fff;
}

.dark-mode [class*="accent-"] a.btn-light {
  color: #1f2d3d;
}

.dark-mode [class*="accent-"] a.btn-dark {
  color: #fff;
}

.dark-mode .accent-lightblue .btn-link,
.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-lightblue .nav-tabs .nav-link {
  color: #86bad8;
}

.dark-mode .accent-lightblue .btn-link:hover,
.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-lightblue .nav-tabs .nav-link:hover {
  color: #4c99c6;
}

.dark-mode .accent-lightblue .dropdown-item:active,
.dark-mode .accent-lightblue .dropdown-item.active {
  background-color: #86bad8;
  color: #1f2d3d;
}

.dark-mode .accent-lightblue .custom-control-input:checked~.custom-control-label::before {
  background-color: #86bad8;
  border-color: #3c8dbc;
}

.dark-mode .accent-lightblue .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-lightblue .custom-select:focus,
.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-lightblue .custom-file-input:focus~.custom-file-label {
  border-color: #e6f1f7;
}

.dark-mode .accent-lightblue .page-item .page-link {
  color: #86bad8;
}

.dark-mode .accent-lightblue .page-item.active a,
.dark-mode .accent-lightblue .page-item.active .page-link {
  background-color: #86bad8;
  border-color: #86bad8;
  color: #fff;
}

.dark-mode .accent-lightblue .page-item.disabled a,
.dark-mode .accent-lightblue .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover,
.dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus {
  color: #99c5de;
}

.dark-mode .accent-navy .btn-link,
.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-navy .nav-tabs .nav-link {
  color: #002c59;
}

.dark-mode .accent-navy .btn-link:hover,
.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-navy .nav-tabs .nav-link:hover {
  color: #00060c;
}

.dark-mode .accent-navy .dropdown-item:active,
.dark-mode .accent-navy .dropdown-item.active {
  background-color: #002c59;
  color: #fff;
}

.dark-mode .accent-navy .custom-control-input:checked~.custom-control-label::before {
  background-color: #002c59;
  border-color: black;
}

.dark-mode .accent-navy .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-navy .custom-select:focus,
.dark-mode .accent-navy .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-navy .custom-file-input:focus~.custom-file-label {
  border-color: #006ad8;
}

.dark-mode .accent-navy .page-item .page-link {
  color: #002c59;
}

.dark-mode .accent-navy .page-item.active a,
.dark-mode .accent-navy .page-item.active .page-link {
  background-color: #002c59;
  border-color: #002c59;
  color: #fff;
}

.dark-mode .accent-navy .page-item.disabled a,
.dark-mode .accent-navy .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-navy .page-item .page-link:hover,
.dark-mode .dark-mode.accent-navy .page-item .page-link:focus {
  color: #003872;
}

.dark-mode .accent-olive .btn-link,
.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-olive .nav-tabs .nav-link {
  color: #74c8a3;
}

.dark-mode .accent-olive .btn-link:hover,
.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-olive .nav-tabs .nav-link:hover {
  color: #44ab7d;
}

.dark-mode .accent-olive .dropdown-item:active,
.dark-mode .accent-olive .dropdown-item.active {
  background-color: #74c8a3;
  color: #1f2d3d;
}

.dark-mode .accent-olive .custom-control-input:checked~.custom-control-label::before {
  background-color: #74c8a3;
  border-color: #3d9970;
}

.dark-mode .accent-olive .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-olive .custom-select:focus,
.dark-mode .accent-olive .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-olive .custom-file-input:focus~.custom-file-label {
  border-color: #cfecdf;
}

.dark-mode .accent-olive .page-item .page-link {
  color: #74c8a3;
}

.dark-mode .accent-olive .page-item.active a,
.dark-mode .accent-olive .page-item.active .page-link {
  background-color: #74c8a3;
  border-color: #74c8a3;
  color: #fff;
}

.dark-mode .accent-olive .page-item.disabled a,
.dark-mode .accent-olive .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-olive .page-item .page-link:hover,
.dark-mode .dark-mode.accent-olive .page-item .page-link:focus {
  color: #87cfaf;
}

.dark-mode .accent-lime .btn-link,
.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-lime .nav-tabs .nav-link {
  color: #67ffa9;
}

.dark-mode .accent-lime .btn-link:hover,
.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-lime .nav-tabs .nav-link:hover {
  color: #1bff7e;
}

.dark-mode .accent-lime .dropdown-item:active,
.dark-mode .accent-lime .dropdown-item.active {
  background-color: #67ffa9;
  color: #1f2d3d;
}

.dark-mode .accent-lime .custom-control-input:checked~.custom-control-label::before {
  background-color: #67ffa9;
  border-color: #01ff70;
}

.dark-mode .accent-lime .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-lime .custom-select:focus,
.dark-mode .accent-lime .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-lime .custom-file-input:focus~.custom-file-label {
  border-color: #e7fff1;
}

.dark-mode .accent-lime .page-item .page-link {
  color: #67ffa9;
}

.dark-mode .accent-lime .page-item.active a,
.dark-mode .accent-lime .page-item.active .page-link {
  background-color: #67ffa9;
  border-color: #67ffa9;
  color: #fff;
}

.dark-mode .accent-lime .page-item.disabled a,
.dark-mode .accent-lime .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-lime .page-item .page-link:hover,
.dark-mode .dark-mode.accent-lime .page-item .page-link:focus {
  color: #81ffb8;
}

.dark-mode .accent-fuchsia .btn-link,
.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-fuchsia .nav-tabs .nav-link {
  color: #f672d8;
}

.dark-mode .accent-fuchsia .btn-link:hover,
.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover {
  color: #f22ac5;
}

.dark-mode .accent-fuchsia .dropdown-item:active,
.dark-mode .accent-fuchsia .dropdown-item.active {
  background-color: #f672d8;
  color: #1f2d3d;
}

.dark-mode .accent-fuchsia .custom-control-input:checked~.custom-control-label::before {
  background-color: #f672d8;
  border-color: #f012be;
}

.dark-mode .accent-fuchsia .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-fuchsia .custom-select:focus,
.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-fuchsia .custom-file-input:focus~.custom-file-label {
  border-color: #feeaf9;
}

.dark-mode .accent-fuchsia .page-item .page-link {
  color: #f672d8;
}

.dark-mode .accent-fuchsia .page-item.active a,
.dark-mode .accent-fuchsia .page-item.active .page-link {
  background-color: #f672d8;
  border-color: #f672d8;
  color: #fff;
}

.dark-mode .accent-fuchsia .page-item.disabled a,
.dark-mode .accent-fuchsia .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover,
.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus {
  color: #f88adf;
}

.dark-mode .accent-maroon .btn-link,
.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-maroon .nav-tabs .nav-link {
  color: #ed6c9b;
}

.dark-mode .accent-maroon .btn-link:hover,
.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-maroon .nav-tabs .nav-link:hover {
  color: #e4286d;
}

.dark-mode .accent-maroon .dropdown-item:active,
.dark-mode .accent-maroon .dropdown-item.active {
  background-color: #ed6c9b;
  color: #1f2d3d;
}

.dark-mode .accent-maroon .custom-control-input:checked~.custom-control-label::before {
  background-color: #ed6c9b;
  border-color: #d81b60;
}

.dark-mode .accent-maroon .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-maroon .custom-select:focus,
.dark-mode .accent-maroon .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-maroon .custom-file-input:focus~.custom-file-label {
  border-color: #fbdee8;
}

.dark-mode .accent-maroon .page-item .page-link {
  color: #ed6c9b;
}

.dark-mode .accent-maroon .page-item.active a,
.dark-mode .accent-maroon .page-item.active .page-link {
  background-color: #ed6c9b;
  border-color: #ed6c9b;
  color: #fff;
}

.dark-mode .accent-maroon .page-item.disabled a,
.dark-mode .accent-maroon .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover,
.dark-mode .dark-mode.accent-maroon .page-item .page-link:focus {
  color: #f083ab;
}

.dark-mode .accent-blue .btn-link,
.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-blue .nav-tabs .nav-link {
  color: #3f6791;
}

.dark-mode .accent-blue .btn-link:hover,
.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-blue .nav-tabs .nav-link:hover {
  color: #28415c;
}

.dark-mode .accent-blue .dropdown-item:active,
.dark-mode .accent-blue .dropdown-item.active {
  background-color: #3f6791;
  color: #fff;
}

.dark-mode .accent-blue .custom-control-input:checked~.custom-control-label::before {
  background-color: #3f6791;
  border-color: #20344a;
}

.dark-mode .accent-blue .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-blue .custom-select:focus,
.dark-mode .accent-blue .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-blue .custom-file-input:focus~.custom-file-label {
  border-color: #85a7ca;
}

.dark-mode .accent-blue .page-item .page-link {
  color: #3f6791;
}

.dark-mode .accent-blue .page-item.active a,
.dark-mode .accent-blue .page-item.active .page-link {
  background-color: #3f6791;
  border-color: #3f6791;
  color: #fff;
}

.dark-mode .accent-blue .page-item.disabled a,
.dark-mode .accent-blue .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-blue .page-item .page-link:hover,
.dark-mode .dark-mode.accent-blue .page-item .page-link:focus {
  color: #4774a3;
}

.dark-mode .accent-indigo .btn-link,
.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-indigo .nav-tabs .nav-link {
  color: #6610f2;
}

.dark-mode .accent-indigo .btn-link:hover,
.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-indigo .nav-tabs .nav-link:hover {
  color: #4709ac;
}

.dark-mode .accent-indigo .dropdown-item:active,
.dark-mode .accent-indigo .dropdown-item.active {
  background-color: #6610f2;
  color: #fff;
}

.dark-mode .accent-indigo .custom-control-input:checked~.custom-control-label::before {
  background-color: #6610f2;
  border-color: #3d0894;
}

.dark-mode .accent-indigo .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-indigo .custom-select:focus,
.dark-mode .accent-indigo .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-indigo .custom-file-input:focus~.custom-file-label {
  border-color: #b389f9;
}

.dark-mode .accent-indigo .page-item .page-link {
  color: #6610f2;
}

.dark-mode .accent-indigo .page-item.active a,
.dark-mode .accent-indigo .page-item.active .page-link {
  background-color: #6610f2;
  border-color: #6610f2;
  color: #fff;
}

.dark-mode .accent-indigo .page-item.disabled a,
.dark-mode .accent-indigo .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover,
.dark-mode .dark-mode.accent-indigo .page-item .page-link:focus {
  color: #7528f3;
}

.dark-mode .accent-purple .btn-link,
.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-purple .nav-tabs .nav-link {
  color: #6f42c1;
}

.dark-mode .accent-purple .btn-link:hover,
.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-purple .nav-tabs .nav-link:hover {
  color: #4e2d89;
}

.dark-mode .accent-purple .dropdown-item:active,
.dark-mode .accent-purple .dropdown-item.active {
  background-color: #6f42c1;
  color: #fff;
}

.dark-mode .accent-purple .custom-control-input:checked~.custom-control-label::before {
  background-color: #6f42c1;
  border-color: #432776;
}

.dark-mode .accent-purple .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-purple .custom-select:focus,
.dark-mode .accent-purple .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-purple .custom-file-input:focus~.custom-file-label {
  border-color: #b8a2e0;
}

.dark-mode .accent-purple .page-item .page-link {
  color: #6f42c1;
}

.dark-mode .accent-purple .page-item.active a,
.dark-mode .accent-purple .page-item.active .page-link {
  background-color: #6f42c1;
  border-color: #6f42c1;
  color: #fff;
}

.dark-mode .accent-purple .page-item.disabled a,
.dark-mode .accent-purple .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-purple .page-item .page-link:hover,
.dark-mode .dark-mode.accent-purple .page-item .page-link:focus {
  color: #7e55c7;
}

.dark-mode .accent-pink .btn-link,
.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-pink .nav-tabs .nav-link {
  color: #e83e8c;
}

.dark-mode .accent-pink .btn-link:hover,
.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-pink .nav-tabs .nav-link:hover {
  color: #c21766;
}

.dark-mode .accent-pink .dropdown-item:active,
.dark-mode .accent-pink .dropdown-item.active {
  background-color: #e83e8c;
  color: #fff;
}

.dark-mode .accent-pink .custom-control-input:checked~.custom-control-label::before {
  background-color: #e83e8c;
  border-color: #ac145a;
}

.dark-mode .accent-pink .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-pink .custom-select:focus,
.dark-mode .accent-pink .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-pink .custom-file-input:focus~.custom-file-label {
  border-color: #f6b0d0;
}

.dark-mode .accent-pink .page-item .page-link {
  color: #e83e8c;
}

.dark-mode .accent-pink .page-item.active a,
.dark-mode .accent-pink .page-item.active .page-link {
  background-color: #e83e8c;
  border-color: #e83e8c;
  color: #fff;
}

.dark-mode .accent-pink .page-item.disabled a,
.dark-mode .accent-pink .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-pink .page-item .page-link:hover,
.dark-mode .dark-mode.accent-pink .page-item .page-link:focus {
  color: #eb559a;
}

.dark-mode .accent-red .btn-link,
.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-red .nav-tabs .nav-link {
  color: #e74c3c;
}

.dark-mode .accent-red .btn-link:hover,
.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-red .nav-tabs .nav-link:hover {
  color: #bf2718;
}

.dark-mode .accent-red .dropdown-item:active,
.dark-mode .accent-red .dropdown-item.active {
  background-color: #e74c3c;
  color: #fff;
}

.dark-mode .accent-red .custom-control-input:checked~.custom-control-label::before {
  background-color: #e74c3c;
  border-color: #a82315;
}

.dark-mode .accent-red .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-red .custom-select:focus,
.dark-mode .accent-red .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-red .custom-file-input:focus~.custom-file-label {
  border-color: #f5b4ae;
}

.dark-mode .accent-red .page-item .page-link {
  color: #e74c3c;
}

.dark-mode .accent-red .page-item.active a,
.dark-mode .accent-red .page-item.active .page-link {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}

.dark-mode .accent-red .page-item.disabled a,
.dark-mode .accent-red .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-red .page-item .page-link:hover,
.dark-mode .dark-mode.accent-red .page-item .page-link:focus {
  color: #ea6153;
}

.dark-mode .accent-orange .btn-link,
.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-orange .nav-tabs .nav-link {
  color: #fd7e14;
}

.dark-mode .accent-orange .btn-link:hover,
.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-orange .nav-tabs .nav-link:hover {
  color: #c35a02;
}

.dark-mode .accent-orange .dropdown-item:active,
.dark-mode .accent-orange .dropdown-item.active {
  background-color: #fd7e14;
  color: #1f2d3d;
}

.dark-mode .accent-orange .custom-control-input:checked~.custom-control-label::before {
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.dark-mode .accent-orange .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-orange .custom-select:focus,
.dark-mode .accent-orange .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-orange .custom-file-input:focus~.custom-file-label {
  border-color: #fec392;
}

.dark-mode .accent-orange .page-item .page-link {
  color: #fd7e14;
}

.dark-mode .accent-orange .page-item.active a,
.dark-mode .accent-orange .page-item.active .page-link {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #fff;
}

.dark-mode .accent-orange .page-item.disabled a,
.dark-mode .accent-orange .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-orange .page-item .page-link:hover,
.dark-mode .dark-mode.accent-orange .page-item .page-link:focus {
  color: #fd8c2d;
}

.dark-mode .accent-yellow .btn-link,
.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-yellow .nav-tabs .nav-link {
  color: #f39c12;
}

.dark-mode .accent-yellow .btn-link:hover,
.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-yellow .nav-tabs .nav-link:hover {
  color: #b06f09;
}

.dark-mode .accent-yellow .dropdown-item:active,
.dark-mode .accent-yellow .dropdown-item.active {
  background-color: #f39c12;
  color: #1f2d3d;
}

.dark-mode .accent-yellow .custom-control-input:checked~.custom-control-label::before {
  background-color: #f39c12;
  border-color: #976008;
}

.dark-mode .accent-yellow .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-yellow .custom-select:focus,
.dark-mode .accent-yellow .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-yellow .custom-file-input:focus~.custom-file-label {
  border-color: #f9cf8b;
}

.dark-mode .accent-yellow .page-item .page-link {
  color: #f39c12;
}

.dark-mode .accent-yellow .page-item.active a,
.dark-mode .accent-yellow .page-item.active .page-link {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}

.dark-mode .accent-yellow .page-item.disabled a,
.dark-mode .accent-yellow .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover,
.dark-mode .dark-mode.accent-yellow .page-item .page-link:focus {
  color: #f4a62a;
}

.dark-mode .accent-green .btn-link,
.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-green .nav-tabs .nav-link {
  color: #00bc8c;
}

.dark-mode .accent-green .btn-link:hover,
.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-green .nav-tabs .nav-link:hover {
  color: #007053;
}

.dark-mode .accent-green .dropdown-item:active,
.dark-mode .accent-green .dropdown-item.active {
  background-color: #00bc8c;
  color: #fff;
}

.dark-mode .accent-green .custom-control-input:checked~.custom-control-label::before {
  background-color: #00bc8c;
  border-color: #005640;
}

.dark-mode .accent-green .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-green .custom-select:focus,
.dark-mode .accent-green .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-green .custom-file-input:focus~.custom-file-label {
  border-color: #3dffcd;
}

.dark-mode .accent-green .page-item .page-link {
  color: #00bc8c;
}

.dark-mode .accent-green .page-item.active a,
.dark-mode .accent-green .page-item.active .page-link {
  background-color: #00bc8c;
  border-color: #00bc8c;
  color: #fff;
}

.dark-mode .accent-green .page-item.disabled a,
.dark-mode .accent-green .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-green .page-item .page-link:hover,
.dark-mode .dark-mode.accent-green .page-item .page-link:focus {
  color: #00d69f;
}

.dark-mode .accent-teal .btn-link,
.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-teal .nav-tabs .nav-link {
  color: #20c997;
}

.dark-mode .accent-teal .btn-link:hover,
.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-teal .nav-tabs .nav-link:hover {
  color: #158765;
}

.dark-mode .accent-teal .dropdown-item:active,
.dark-mode .accent-teal .dropdown-item.active {
  background-color: #20c997;
  color: #fff;
}

.dark-mode .accent-teal .custom-control-input:checked~.custom-control-label::before {
  background-color: #20c997;
  border-color: #127155;
}

.dark-mode .accent-teal .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-teal .custom-select:focus,
.dark-mode .accent-teal .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-teal .custom-file-input:focus~.custom-file-label {
  border-color: #7eeaca;
}

.dark-mode .accent-teal .page-item .page-link {
  color: #20c997;
}

.dark-mode .accent-teal .page-item.active a,
.dark-mode .accent-teal .page-item.active .page-link {
  background-color: #20c997;
  border-color: #20c997;
  color: #fff;
}

.dark-mode .accent-teal .page-item.disabled a,
.dark-mode .accent-teal .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-teal .page-item .page-link:hover,
.dark-mode .dark-mode.accent-teal .page-item .page-link:focus {
  color: #26dca6;
}

.dark-mode .accent-cyan .btn-link,
.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-cyan .nav-tabs .nav-link {
  color: #3498db;
}

.dark-mode .accent-cyan .btn-link:hover,
.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-cyan .nav-tabs .nav-link:hover {
  color: #1d6fa5;
}

.dark-mode .accent-cyan .dropdown-item:active,
.dark-mode .accent-cyan .dropdown-item.active {
  background-color: #3498db;
  color: #fff;
}

.dark-mode .accent-cyan .custom-control-input:checked~.custom-control-label::before {
  background-color: #3498db;
  border-color: #196090;
}

.dark-mode .accent-cyan .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-cyan .custom-select:focus,
.dark-mode .accent-cyan .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-cyan .custom-file-input:focus~.custom-file-label {
  border-color: #a0cfee;
}

.dark-mode .accent-cyan .page-item .page-link {
  color: #3498db;
}

.dark-mode .accent-cyan .page-item.active a,
.dark-mode .accent-cyan .page-item.active .page-link {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
}

.dark-mode .accent-cyan .page-item.disabled a,
.dark-mode .accent-cyan .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover,
.dark-mode .dark-mode.accent-cyan .page-item .page-link:focus {
  color: #4aa3df;
}

.dark-mode .accent-white .btn-link,
.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-white .nav-tabs .nav-link {
  color: #fff;
}

.dark-mode .accent-white .btn-link:hover,
.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-white .nav-tabs .nav-link:hover {
  color: #d9d9d9;
}

.dark-mode .accent-white .dropdown-item:active,
.dark-mode .accent-white .dropdown-item.active {
  background-color: #fff;
  color: #1f2d3d;
}

.dark-mode .accent-white .custom-control-input:checked~.custom-control-label::before {
  background-color: #fff;
  border-color: #cccccc;
}

.dark-mode .accent-white .custom-control-input:checked~.custom-control-label::after {
  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='%231f2d3d' 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");
}

.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-white .custom-select:focus,
.dark-mode .accent-white .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-white .custom-file-input:focus~.custom-file-label {
  border-color: white;
}

.dark-mode .accent-white .page-item .page-link {
  color: #fff;
}

.dark-mode .accent-white .page-item.active a,
.dark-mode .accent-white .page-item.active .page-link {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
}

.dark-mode .accent-white .page-item.disabled a,
.dark-mode .accent-white .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-white .page-item .page-link:hover,
.dark-mode .dark-mode.accent-white .page-item .page-link:focus {
  color: white;
}

.dark-mode .accent-gray .btn-link,
.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-gray .nav-tabs .nav-link {
  color: #6c757d;
}

.dark-mode .accent-gray .btn-link:hover,
.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-gray .nav-tabs .nav-link:hover {
  color: #494f54;
}

.dark-mode .accent-gray .dropdown-item:active,
.dark-mode .accent-gray .dropdown-item.active {
  background-color: #6c757d;
  color: #fff;
}

.dark-mode .accent-gray .custom-control-input:checked~.custom-control-label::before {
  background-color: #6c757d;
  border-color: #3d4246;
}

.dark-mode .accent-gray .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-gray .custom-select:focus,
.dark-mode .accent-gray .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-gray .custom-file-input:focus~.custom-file-label {
  border-color: #afb5ba;
}

.dark-mode .accent-gray .page-item .page-link {
  color: #6c757d;
}

.dark-mode .accent-gray .page-item.active a,
.dark-mode .accent-gray .page-item.active .page-link {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.dark-mode .accent-gray .page-item.disabled a,
.dark-mode .accent-gray .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-gray .page-item .page-link:hover,
.dark-mode .dark-mode.accent-gray .page-item .page-link:focus {
  color: #78828a;
}

.dark-mode .accent-gray-dark .btn-link,
.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-gray-dark .nav-tabs .nav-link {
  color: #343a40;
}

.dark-mode .accent-gray-dark .btn-link:hover,
.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover {
  color: #121416;
}

.dark-mode .accent-gray-dark .dropdown-item:active,
.dark-mode .accent-gray-dark .dropdown-item.active {
  background-color: #343a40;
  color: #fff;
}

.dark-mode .accent-gray-dark .custom-control-input:checked~.custom-control-label::before {
  background-color: #343a40;
  border-color: #060708;
}

.dark-mode .accent-gray-dark .custom-control-input:checked~.custom-control-label::after {
  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");
}

.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-gray-dark .custom-select:focus,
.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.dark-mode .accent-gray-dark .custom-file-input:focus~.custom-file-label {
  border-color: #6d7a86;
}

.dark-mode .accent-gray-dark .page-item .page-link {
  color: #343a40;
}

.dark-mode .accent-gray-dark .page-item.active a,
.dark-mode .accent-gray-dark .page-item.active .page-link {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.dark-mode .accent-gray-dark .page-item.disabled a,
.dark-mode .accent-gray-dark .page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
}

.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #c2c7d0;
}

.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #fff;
}

.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #343a40;
}

.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
  color: #212529;
}

.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover,
.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus {
  color: #3f474e;
}

/*# sourceMappingURL=adminlte.css.map */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* ===== vistas/dist/css/custom.css ===== */
@media (min-width: 768px) {
  .reserva-productos-layout {
    --divider-width: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
  }

  .reserva-productos-layout > .reserva-pane,
  .reserva-productos-layout > .productos-pane {
    padding-left: 0;
    padding-right: 0;
  }

  .reserva-productos-layout .reserva-pane,
  .reserva-productos-layout .productos-pane {
    flex: 0 0 calc((100% - var(--divider-width)) / 2);
    max-width: none !important;
    min-width: 0;
    overflow: hidden;
  }

  .reserva-productos-layout .reserva-pane.is-hidden,
  .reserva-productos-layout .productos-pane.is-hidden {
    display: none;
  }

  .reserva-productos-layout .resize-divider {
    flex: 0 0 var(--divider-width);
    max-width: var(--divider-width);
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    position: relative;
    background: transparent;
    z-index: 3;
  }

  .reserva-productos-layout .resize-divider::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    border-radius: 2px;
    background: #ced4da;
    transition: background 0.2s ease;
    z-index: 1;
  }

  .reserva-productos-layout .resize-divider:hover::before {
    background: #6c757d;
  }

  .reserva-productos-layout .resize-divider .divider-indicator {
    position: absolute;
    z-index: 4;
    background: #f39c12;
    border: 2px solid #e08e0b;
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  }

  .reserva-productos-layout .resize-divider .divider-indicator:hover {
    background: #f39c12;
    border-color: #e08e0b;
    color: #fff;
    transform: scale(1.15);
    box-shadow: 0 0 0 4px rgba(248, 192, 74, 0.45), 0 1px 4px rgba(0, 0, 0, 0.2);
  }

  .reserva-productos-layout .resize-divider .divider-indicator.is-active {
    background: #f39c12;
    border-color: #e08e0b;
    color: #fff;
  }

  .reserva-productos-layout .resize-divider .divider-indicator.is-hidden {
    display: none;
  }

  .reserva-productos-layout .resize-divider.is-single .divider-indicator {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .reserva-productos-layout .resize-divider.is-single .divider-indicator:hover {
    transform: translate(-50%, -50%) scale(1.15);
  }

  .reserva-productos-layout .resize-divider .divider-indicator-left {
    top: calc(50% - 18px);
    left: 50%;
    transform: translate(-50%, -100%);
  }

  .reserva-productos-layout .resize-divider .divider-indicator-right {
    top: calc(50% + 18px);
    left: 50%;
    transform: translate(-50%, 0);
  }

  .reserva-productos-layout .resize-divider .divider-indicator-left:hover {
    transform: translate(-50%, -100%) scale(1.15);
  }

  .reserva-productos-layout .resize-divider .divider-indicator-right:hover {
    transform: translate(-50%, 0) scale(1.15);
  }
}

@media (max-width: 767.98px) {
  .reserva-productos-layout .resize-divider {
    display: none;
  }
}

/*=============================================
MODAL STYLES - RESPONSIVE WIDTHS
=============================================*/
.modal-30w {
  width: 30vw;
  max-width: 30vw;
}

.modal-40w {
  width: 40vw;
  max-width: 40vw;
}

.modal-50w {
  width: 50vw;
  max-width: 50vw;
}

.modal-60w {
  width: 60vw;
  max-width: 60vw;
}

@media (max-width: 768px) {
  .modal-30w,
  .modal-40w,
  .modal-50w,
  .modal-60w {
    width: 95vw;
    max-width: 95vw;
  }
}

/*=============================================
PALETA PASTEL PARA SMALL-BOX
=============================================*/
.small-box[class*="bg-pastel-"] {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 8px 20px rgba(21, 34, 50, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.65);
  transition: transform 0.2s ease, box-shadow 0.22s ease, filter 0.2s ease;
}

.small-box[class*="bg-pastel-"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.08) 45%, rgba(0, 0, 0, 0.04) 100%);
  pointer-events: none;
}

.small-box[class*="bg-pastel-"]::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -70px;
  top: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0.04) 70%);
  pointer-events: none;
}

.small-box[class*="bg-pastel-"]:hover {
  transform: translateY(-3px);
  filter: saturate(1.05);
  box-shadow: 0 14px 28px rgba(21, 34, 50, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.small-box[class*="bg-pastel-"] .inner,
.small-box[class*="bg-pastel-"] .small-box-footer {
  position: relative;
  z-index: 2;
}

.small-box[class*="bg-pastel-"] .icon {
  color: rgba(47, 59, 74, 0.42) !important;
  opacity: 1 !important;
  transition: color 0.22s ease;
}

.small-box[class*="bg-pastel-"] .icon > i,
.small-box[class*="bg-pastel-"] .icon > svg {
  z-index: 2;
}

.small-box[class*="bg-pastel-"] .icon i,
.small-box[class*="bg-pastel-"] .icon .ion,
.small-box[class*="bg-pastel-"] .icon .fa,
.small-box[class*="bg-pastel-"] .icon .fas,
.small-box[class*="bg-pastel-"] .icon svg {
  color: rgba(47, 59, 74, 0.42) !important;
  opacity: 1 !important;
}

.small-box[class*="bg-pastel-"]:hover .icon {
  color: rgba(47, 59, 74, 0.55) !important;
}

.small-box[class*="bg-pastel-"]:hover .icon i,
.small-box[class*="bg-pastel-"]:hover .icon .ion,
.small-box[class*="bg-pastel-"]:hover .icon .fa,
.small-box[class*="bg-pastel-"]:hover .icon .fas {
  color: rgba(47, 59, 74, 0.55) !important;
}

.small-box[class*="bg-pastel-"] .small-box-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(47, 59, 74, 0.08);
  color: #2f3b4a;
}

.small-box[class*="bg-pastel-"] .small-box-footer:hover {
  background: rgba(47, 59, 74, 0.14);
  color: #1f2b38;
}

.small-box.bg-pastel-sky {
  background-color: #6ab4f8 !important;
  color: #2f3b4a !important;
}

/*=============================================
LINEAS LIBRES EN RESERVAS/FACTURAS
=============================================*/
.linea-item-libre {
  border-left: 0;
  background: transparent !important;
  border-radius: 0;
}
.linea-item-libre .form-control,
.linea-item-libre .input-group-prepend .form-control,
.linea-item-libre .input-group-text {
  background-color: #fff0bf !important;
}
.linea-item-libre .input-group-text {
  border-color: #e7cf83 !important;
}
.linea-item-libre .form-control {
  border-color: #e7cf83 !important;
}
/* Resaltar items libres en grillas (ej: Rentabilidad) */
#viewRentabilidad tbody tr.linea-item-libre-tabla td {
  background-color: #fff0bf !important;
}
#viewDVentas tbody tr.linea-item-libre-tabla td {
  background-color: #fff0bf !important;
}
.small-box.bg-pastel-mint {
  background-color: #74e082 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-peach {
  background-color: #ffb060 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-rose {
  background-color: #ff8aa5 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-lilac {
  background-color: #c47ef2 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-lemon {
  background-color: #eff24e !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-aqua {
  background-color: #74d8f0 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-sand {
  background-color: #e8c4be !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-sage {
  background-color: #98dda5 !important;
  color: #2f3b4a !important;
}

.small-box.bg-pastel-coral {
  background-color: #ff7f68 !important;
  color: #2f3b4a !important;
}

/*=============================================
TEMA GLOBAL PASTEL (BOOTSTRAP/ADMINLTE)
=============================================*/
:root {
  --pastel-primary: #6ab4f8;
  --pastel-secondary: #b8c3d8;
  --pastel-success: #74e082;
  --pastel-info: #74d8f0;
  --pastel-teal: #64d4c3;
  --pastel-orange: #ffb060;
  --pastel-warning: #eff24e;
  --pastel-danger: #ff7f68;
  --pastel-text: #2f3b4a;
}

.bg-primary,
.btn-primary,
.badge-primary,
.alert-primary {
  background-color: var(--pastel-primary) !important;
  border-color: #4ea4f5 !important;
  color: var(--pastel-text) !important;
}

.bg-secondary,
.btn-secondary,
.badge-secondary,
.alert-secondary,
.bg-gray,
.btn-gray,
.badge-gray,
.alert-gray {
  background-color: var(--pastel-secondary) !important;
  border-color: #a2afc8 !important;
  color: var(--pastel-text) !important;
}

.bg-success,
.btn-success,
.badge-success,
.alert-success,
.bg-green,
.btn-green {
  background-color: var(--pastel-success) !important;
  border-color: #54d465 !important;
  color: var(--pastel-text) !important;
}

.bg-info,
.btn-info,
.badge-info,
.alert-info,
.bg-aqua,
.btn-aqua {
  background-color: var(--pastel-info) !important;
  border-color: #4ec8e8 !important;
  color: var(--pastel-text) !important;
}

.bg-warning,
.btn-warning,
.badge-warning,
.alert-warning,
.bg-yellow,
.bg-orange,
.btn-orange,
.badge-orange,
.alert-orange,
.btn-warning.active,
.btn-warning:active {
  background-color: var(--pastel-warning) !important;
  border-color: #dce030 !important;
  color: var(--pastel-text) !important;
}

.bg-orange,
.btn-orange,
.badge-orange,
.alert-orange {
  background-color: var(--pastel-orange) !important;
  border-color: #f0983e !important;
  color: var(--pastel-text) !important;
}

.bg-danger,
.btn-danger,
.badge-danger,
.alert-danger,
.bg-red,
.btn-red,
.bg-maroon,
.btn-maroon {
  background-color: var(--pastel-danger) !important;
  border-color: #f05e45 !important;
  color: var(--pastel-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-green:hover,
.btn-green:focus,
.btn-aqua:hover,
.btn-aqua:focus,
.btn-red:hover,
.btn-red:focus,
.btn-maroon:hover,
.btn-maroon:focus {
  filter: brightness(0.96) saturate(1.05);
  color: #1f2b38 !important;
}

.text-primary {
  color: #4b88b8 !important;
}

.text-secondary {
  color: #6a758b !important;
}

.text-gray {
  color: #6a758b !important;
}

.text-success,
.text-green {
  color: #4f9a63 !important;
}

.text-info,
.text-aqua {
  color: #4f96a5 !important;
}

.text-warning,
.text-yellow {
  color: #ffc107 !important;
}

.text-orange {
  color: #b9783a !important;
}

.text-danger,
.text-red,
.text-maroon {
  color: #b35f4f !important;
}

/*=============================================
CARDS ADMINLTE EN GAMA PASTEL
=============================================*/
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a,
.card-primary:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-primary) !important;
  border-bottom-color: #4ea4f5 !important;
  color: var(--pastel-text) !important;
}

.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a,
.card-secondary:not(.card-outline) > .card-header .btn,
.card-gray:not(.card-outline) > .card-header,
.card-gray:not(.card-outline) > .card-header a,
.card-gray:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-secondary) !important;
  border-bottom-color: #a2afc8 !important;
  color: var(--pastel-text) !important;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a,
.card-success:not(.card-outline) > .card-header .btn,
.card-green:not(.card-outline) > .card-header,
.card-green:not(.card-outline) > .card-header a,
.card-green:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-success) !important;
  border-bottom-color: #54d465 !important;
  color: var(--pastel-text) !important;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a,
.card-info:not(.card-outline) > .card-header .btn,
.card-aqua:not(.card-outline) > .card-header,
.card-aqua:not(.card-outline) > .card-header a,
.card-aqua:not(.card-outline) > .card-header .btn,
.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a,
.card-teal:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-info) !important;
  border-bottom-color: #4ec8e8 !important;
  color: var(--pastel-text) !important;
}

.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a,
.card-teal:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-teal) !important;
  border-bottom-color: #44c4b0 !important;
}

.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a,
.card-warning:not(.card-outline) > .card-header .btn,
.card-yellow:not(.card-outline) > .card-header,
.card-yellow:not(.card-outline) > .card-header a,
.card-yellow:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-warning) !important;
  border-bottom-color: #dce030 !important;
  color: var(--pastel-text) !important;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a,
.card-danger:not(.card-outline) > .card-header .btn,
.card-red:not(.card-outline) > .card-header,
.card-red:not(.card-outline) > .card-header a,
.card-red:not(.card-outline) > .card-header .btn,
.card-maroon:not(.card-outline) > .card-header,
.card-maroon:not(.card-outline) > .card-header a,
.card-maroon:not(.card-outline) > .card-header .btn {
  background-color: var(--pastel-danger) !important;
  border-bottom-color: #f05e45 !important;
  color: var(--pastel-text) !important;
}

.card.card-outline.card-primary {
  border-top-color: var(--pastel-primary) !important;
}

.card.card-outline.card-secondary,
.card.card-outline.card-gray {
  border-top-color: var(--pastel-secondary) !important;
}

.card.card-outline.card-success,
.card.card-outline.card-green {
  border-top-color: var(--pastel-success) !important;
}

.card.card-outline.card-info,
.card.card-outline.card-aqua {
  border-top-color: var(--pastel-info) !important;
}

.card.card-outline.card-teal {
  border-top-color: var(--pastel-teal) !important;
}

.card.card-outline.card-warning,
.card.card-outline.card-yellow {
  border-top-color: var(--pastel-warning) !important;
}

.card.card-outline.card-danger,
.card.card-outline.card-red,
.card.card-outline.card-maroon {
  border-top-color: var(--pastel-danger) !important;
}

/*=============================================
SIDEBAR PASTEL
=============================================*/
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--pastel-primary) !important;
}

/*=============================================
REPORTES - ALTO EQUIVALENTE DE CARDS
=============================================*/
@media (min-width: 768px) {
  .reportes-altura-equal-row {
    display: flex;
    align-items: stretch;
    padding-bottom: 1rem;
  }

  .reportes-col-left,
  .reportes-col-right {
    display: flex;
    flex-direction: column;
  }

  .reportes-col-right {
    gap: 1rem;
  }

  .reportes-col-left > .card {
    flex: 1 1 auto;
    margin-bottom: 0;
  }

  .reportes-col-right > .card {
    flex: 0 0 calc((100% - 1rem) / 2);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .reportes-col-right > .card .card-body {
    flex: 1 1 auto;
    display: flex;
  }

  .reportes-altura-equal-row .card.collapsed-card {
    flex: 0 0 auto;
  }

  .reportes-altura-equal-row .card.collapsed-card .card-body,
  .reportes-altura-equal-row .card.collapsed-card .card-footer {
    display: none;
  }

  .reportes-col-right > .card .chart-responsive,
  .reportes-col-right > .card .chart {
    flex: 1 1 auto;
    display: flex;
  }

  .reportes-col-right > .card canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/*=============================================
INICIO - PRODUCTOS IGUAL ALTO
=============================================*/
@media (min-width: 768px) {
  .inicio-productos-equal-row {
    display: flex;
    align-items: stretch;
    padding-bottom: 1rem;
  }

  .inicio-productos-equal-col {
    display: flex;
    flex-direction: column;
  }

  .inicio-productos-equal-col > .card {
    height: 100%;
    margin-bottom: 0;
  }

  .inicio-productos-equal-col > .card.collapsed-card {
    height: auto;
  }
}

#productos-recientes .card-footer.box-footer {
  background-color: #fff;
}

.dark-mode #productos-recientes .card-footer.box-footer {
  background-color: #343a40;
}

.restore-removed-cards-panel {
  position: fixed;
  right: 20px;
  bottom: 74px;
  z-index: 1040;
  width: 300px;
  max-width: calc(100vw - 24px);
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.restore-removed-cards-title {
  font-weight: 600;
  margin-bottom: 8px;
  color: #2f3b4a;
}

.restore-removed-cards-list {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.restore-removed-card-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #eef2f8;
}

.restore-removed-card-item:last-child {
  border-bottom: none;
}

.restore-removed-card-label {
  font-size: 13px;
  color: #2f3b4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.restore-all-cards-btn {
  width: 100%;
}

/*=============================================
PRODUCTOS MAS VENDIDOS - AJUSTE GRAFICO
=============================================*/
#productos-mas-vendidos .productos-mas-vendidos-top-row {
  align-items: center;
}

#productos-mas-vendidos .productos-mas-vendidos-chart-col,
#productos-mas-vendidos .productos-mas-vendidos-legend-col {
  display: flex;
  align-items: center;
}

#productos-mas-vendidos .productos-mas-vendidos-chart-col .chart-responsive {
  width: 100%;
  min-height: 260px;
}

#productos-mas-vendidos #pieChart {
  min-height: 250px;
}

#productos-mas-vendidos .chart-legend li {
  font-size: 13px;
}

/* Configuracion - equal height cards per row */
#custom-tabs-one-tabContent .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

#custom-tabs-one-tabContent .row > [class*="col-"] > .card {
  flex: 1;
}
/* Reservas: alinear a la derecha valores numericos */
.formularioReserva input[type="number"] {
  text-align: right;
}
.formularioReserva .nuevaCantidadProducto {
  text-align: center !important;
}
.formularioReserva .ingresoCantidad input[type="number"],
.formularioReserva #nuevoCantidadProductos {
  text-align: center !important;
}

/* ===== vistas/dist/css/theme-moderno.css ===== */
/* =====================================================================
   TEMA MODERNO — EOL Express  (capa de renovación visual)
   Estilo: Moderno suave  ·  Acento: Azul #2563EB  ·  Modo claro + toggle
   Se carga DESPUÉS de adminlte.css y custom.css. No reemplaza nada:
   solo sobreescribe estilos. Para desactivarlo, quitar su <link> en
   vistas/plantilla.php.
   ===================================================================== */



:root {
  --eol-primary:      #2563EB;
  --eol-primary-600:  #1D4ED8;
  --eol-primary-700:  #1E40AF;
  --eol-primary-50:   #EFF6FF;
  --eol-primary-100:  #DBEAFE;

  --eol-bg:       #F1F5F9;   /* fondo del área de contenido */
  --eol-surface:  #FFFFFF;   /* tarjetas */
  --eol-text:     #1E293B;
  --eol-muted:    #64748B;
  --eol-border:   #E5E9F0;

  --eol-sidebar:   #0F172A;  /* slate-900 */
  --eol-sidebar-2: #1E293B;

  --eol-radius:    14px;
  --eol-radius-sm: 10px;
  --eol-shadow:    0 1px 2px rgba(15,23,42,.05), 0 10px 26px -14px rgba(15,23,42,.22);
  --eol-shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --eol-shadow-lg: 0 8px 30px -10px rgba(37,99,235,.35);
  --eol-trans:     all .18s cubic-bezier(.4,0,.2,1);
}

/* ------------------------------ BASE ------------------------------ */
body, .wrapper {
  font-family: 'Inter', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .1px;
}
.content-wrapper { background: var(--eol-bg); }
.content-header h1 { font-weight: 700; color: var(--eol-text); letter-spacing: -.3px; }
a { color: var(--eol-primary); }
a:hover { color: var(--eol-primary-700); }

/* ----------------------------- BOTONES ---------------------------- */
.btn {
  border-radius: var(--eol-radius-sm);
  font-weight: 600;
  padding: .48rem 1.05rem;
  border: 1px solid transparent;
  transition: var(--eol-trans);
  box-shadow: var(--eol-shadow-sm);
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-sm { border-radius: 8px; padding: .3rem .7rem; }
.btn-lg { border-radius: 12px; }

.btn-primary {
  background: var(--eol-primary);
  border-color: var(--eol-primary);
  box-shadow: 0 4px 14px -4px rgba(37,99,235,.5);
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--eol-primary-600);
  border-color: var(--eol-primary-600);
  box-shadow: var(--eol-shadow-lg);
}
.btn-outline-primary { color: var(--eol-primary); border-color: var(--eol-primary); }
.btn-outline-primary:hover { background: var(--eol-primary); border-color: var(--eol-primary); }
.btn-default, .btn-secondary {
  background: #fff; border-color: var(--eol-border); color: var(--eol-text);
}
.btn-default:hover, .btn-secondary:hover { background: #f8fafc; border-color: #cbd5e1; }
.btn-tool { box-shadow: none; }

/* ----------------------------- TARJETAS --------------------------- */
.card {
  border: none;
  border-radius: var(--eol-radius);
  box-shadow: var(--eol-shadow);
  background: var(--eol-surface);
}
.card-header {
  background: transparent;
  border-bottom: 1px solid var(--eol-border);
  border-radius: var(--eol-radius) var(--eol-radius) 0 0 !important;
  padding: 1rem 1.25rem;
}
.card-title { font-weight: 700; letter-spacing: -.2px; }
.card-outline { border-top: none; }

/* --- Tarjetas de color: header BLANCO + título en color + línea de acento ---
   (en vez del header de color fuerte original de AdminLTE) */
.card.card-primary:not(.card-outline),
.card.card-info:not(.card-outline),
.card.card-success:not(.card-outline),
.card.card-warning:not(.card-outline),
.card.card-danger:not(.card-outline),
.card.card-secondary:not(.card-outline),
.card.card-gray:not(.card-outline),
.card.card-green:not(.card-outline),
.card.card-aqua:not(.card-outline),
.card.card-teal:not(.card-outline),
.card.card-yellow:not(.card-outline) {
  border-top: 3px solid var(--eol-accent, var(--eol-primary));
}
.card.card-primary:not(.card-outline)   { --eol-accent: #2563EB; }
.card.card-info:not(.card-outline)      { --eol-accent: #0EA5E9; }
.card.card-aqua:not(.card-outline)      { --eol-accent: #0EA5E9; }
.card.card-success:not(.card-outline)   { --eol-accent: #16A34A; }
.card.card-green:not(.card-outline)     { --eol-accent: #16A34A; }
.card.card-teal:not(.card-outline)      { --eol-accent: #0D9488; }
.card.card-warning:not(.card-outline)   { --eol-accent: #D97706; }
.card.card-yellow:not(.card-outline)    { --eol-accent: #D97706; }
.card.card-danger:not(.card-outline)    { --eol-accent: #DC2626; }
.card.card-secondary:not(.card-outline) { --eol-accent: #64748B; }
.card.card-gray:not(.card-outline)      { --eol-accent: #64748B; }

.card.card-primary:not(.card-outline) > .card-header,
.card.card-info:not(.card-outline) > .card-header,
.card.card-success:not(.card-outline) > .card-header,
.card.card-warning:not(.card-outline) > .card-header,
.card.card-danger:not(.card-outline) > .card-header,
.card.card-secondary:not(.card-outline) > .card-header,
.card.card-gray:not(.card-outline) > .card-header,
.card.card-green:not(.card-outline) > .card-header,
.card.card-aqua:not(.card-outline) > .card-header,
.card.card-teal:not(.card-outline) > .card-header,
.card.card-yellow:not(.card-outline) > .card-header {
  background: var(--eol-surface) !important;
  color: var(--eol-text) !important;
  border-bottom: 1px solid var(--eol-border) !important;
}
.card.card-primary:not(.card-outline) > .card-header .card-title,
.card.card-info:not(.card-outline) > .card-header .card-title,
.card.card-success:not(.card-outline) > .card-header .card-title,
.card.card-warning:not(.card-outline) > .card-header .card-title,
.card.card-danger:not(.card-outline) > .card-header .card-title,
.card.card-secondary:not(.card-outline) > .card-header .card-title,
.card.card-gray:not(.card-outline) > .card-header .card-title,
.card.card-green:not(.card-outline) > .card-header .card-title,
.card.card-aqua:not(.card-outline) > .card-header .card-title,
.card.card-teal:not(.card-outline) > .card-header .card-title,
.card.card-yellow:not(.card-outline) > .card-header .card-title {
  color: var(--eol-accent) !important;
  font-weight: 700;
}
/* Botones de la tarjeta (colapsar/cerrar) legibles sobre header blanco */
.card.card-primary:not(.card-outline) > .card-header .btn-tool,
.card.card-info:not(.card-outline) > .card-header .btn-tool,
.card.card-success:not(.card-outline) > .card-header .btn-tool,
.card.card-warning:not(.card-outline) > .card-header .btn-tool,
.card.card-danger:not(.card-outline) > .card-header .btn-tool,
.card.card-secondary:not(.card-outline) > .card-header .btn-tool {
  color: var(--eol-muted);
}
.card-primary.card-outline { box-shadow: var(--eol-shadow); }
.card-footer { background: transparent; border-top: 1px solid var(--eol-border); border-radius: 0 0 var(--eol-radius) var(--eol-radius); }

/* ---------------------- WIDGETS DASHBOARD ------------------------- */
.small-box {
  border-radius: var(--eol-radius);
  box-shadow: var(--eol-shadow);
  overflow: hidden;
  transition: var(--eol-trans);
}
.small-box:hover { transform: translateY(-3px); box-shadow: 0 16px 34px -16px rgba(15,23,42,.35); }
.small-box .icon > i { opacity: .25; }
.info-box {
  border-radius: var(--eol-radius);
  box-shadow: var(--eol-shadow);
  background: var(--eol-surface);
}
.info-box .info-box-icon { border-radius: var(--eol-radius); }

/* ---------------------- TARJETAS DE SALDO POR BANCO ---------------------- */
.banco-card {
  display: flex; align-items: center; gap: 10px;
  background: var(--eol-surface); border: 1px solid var(--eol-border);
  border-radius: 12px; padding: 12px 14px; height: 100%;
  box-shadow: var(--eol-shadow); transition: var(--eol-trans);
}
.banco-card:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -16px rgba(15,23,42,.4); }
.banco-card-ico {
  width: 40px; height: 40px; border-radius: 11px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 16px;
}
.banco-card-body { min-width: 0; flex: 1 1 auto; }
.banco-card-nombre {
  font-size: .72rem; text-transform: uppercase; letter-spacing: .04em;
  color: var(--eol-muted); font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.banco-card-saldo { font-size: 1.2rem; font-weight: 800; color: var(--eol-text); line-height: 1.2; }
.banco-card-saldo.neg { color: #dc2626; }

/* Foto de usuario (navbar + sidebar): recortar en vez de estirar.
   Sin esto, una foto NO cuadrada se deforma ("se chotea"). */
.user-image,
.user-panel .image > img,
.navbar-nav > .user-menu .user-image {
  object-fit: cover !important;
  object-position: center !important;
}

/* ---------------------- FORMULARIOS / INPUTS ---------------------- */
.form-control, .custom-select {
  border-radius: var(--eol-radius-sm);
  border: 1px solid var(--eol-border);
  color: var(--eol-text);
  transition: var(--eol-trans);
}
.form-control:focus, .custom-select:focus {
  border-color: var(--eol-primary);
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}
.input-group-text {
  border-radius: var(--eol-radius-sm);
  border: 1px solid var(--eol-border);
  background: #f8fafc;
  color: var(--eol-muted);
}
label { font-weight: 600; color: #334155; }

/* Select2 a juego */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: var(--eol-radius-sm) !important;
  border: 1px solid var(--eol-border) !important;
  min-height: calc(2.25rem + 2px);
}
.select2-container--default.select2-container--focus .select2-selection {
  border-color: var(--eol-primary) !important;
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}
.select2-dropdown { border-radius: var(--eol-radius-sm); border-color: var(--eol-border); overflow: hidden; }
.select2-results__option--highlighted { background: var(--eol-primary) !important; }

/* ------------------------------ SIDEBAR --------------------------- */
.main-sidebar, .main-sidebar.sidebar-dark-primary {
  background: linear-gradient(180deg, #111C33 0%, #0F172A 100%);
  box-shadow: 4px 0 24px -16px rgba(0,0,0,.6);
}

/* Marca / logo */
.brand-link {
  border-bottom: 1px solid rgba(255,255,255,.07);
  font-weight: 800; letter-spacing: -.3px;
  padding-top: .9rem; padding-bottom: .9rem;
  transition: var(--eol-trans);
}
.brand-link:hover { background: rgba(255,255,255,.03); }
.brand-link .brand-image { box-shadow: 0 0 0 2px rgba(37,99,235,.5); opacity: 1; }
.brand-link .brand-text { color: #fff; }

/* Buscador del sistema: los estilos van INLINE en menu.php (ver el comentario ahí:
   el CSS puede quedar cacheado y el campo no se veía). Acá solo queda la regla del
   menú colapsado, que no se puede hacer inline porque depende de una clase del body. */
.sidebar-collapse .main-sidebar:not(:hover) #eolBuscadorSistema { display: none !important; }

/* Panel de usuario */
.main-sidebar .user-panel { border-bottom: 1px solid rgba(255,255,255,.07); align-items: center; }
.main-sidebar .user-panel .image img {
  width: 38px; height: 38px; object-fit: cover;
  box-shadow: 0 0 0 2px rgba(37,99,235,.45);
}
.main-sidebar .user-panel .info a { color: #e2e8f0; font-weight: 600; }
.main-sidebar .user-panel .info a:hover { color: #fff; }

/* Buscador */
.form-control-sidebar {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
  color: #e2e8f0; border-radius: 8px 0 0 8px;
}
.form-control-sidebar::placeholder { color: #64748b; }
.form-control-sidebar:focus { background: rgba(255,255,255,.1); border-color: var(--eol-primary); color: #fff; box-shadow: none; }
.btn-sidebar { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); color: #94a3b8; border-radius: 0 8px 8px 0; }
.btn-sidebar:hover { color: #fff; }
/* Alinear el botón/ícono de búsqueda con el alto del campo (el ícono se veía
   un poco más grande que el rectángulo de Search). */
.input-group[data-widget="sidebar-search"] .form-control-sidebar,
.input-group[data-widget="sidebar-search"] .btn-sidebar { height: 38px; }
.input-group[data-widget="sidebar-search"] .btn-sidebar {
  display: flex; align-items: center; justify-content: center; padding: 0 .6rem;
}
.input-group[data-widget="sidebar-search"] .btn-sidebar > i { font-size: .9rem; line-height: 1; }

/* Encabezado de sección ("Menú Principal") */
.nav-sidebar .nav-header {
  color: #64748b; text-transform: uppercase; font-size: .68rem;
  font-weight: 800; letter-spacing: 1px; padding: .9rem 1.2rem .35rem;
}

/* Ítems */
.nav-sidebar .nav-item { margin: 1px 10px; }
.nav-sidebar .nav-link {
  border-radius: 10px; color: #cbd5e1; padding: .58rem .85rem;
  transition: var(--eol-trans); position: relative;
}
.nav-sidebar .nav-link .nav-icon { color: #94a3b8; transition: var(--eol-trans); }
.nav-sidebar .nav-link p { font-weight: 500; }
.nav-sidebar .nav-link:hover { background: rgba(255,255,255,.07); color: #fff; }
.nav-sidebar .nav-link:hover .nav-icon { color: #fff; }

/* Activo */
.nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
  background: var(--eol-primary); color: #fff; font-weight: 600;
  box-shadow: 0 6px 16px -6px rgba(37,99,235,.7);
}
.nav-sidebar > .nav-item > .nav-link.active .nav-icon,
.nav-sidebar .nav-treeview .nav-link.active .nav-icon { color: #fff; }
.nav-sidebar .menu-open > .nav-link { background: rgba(255,255,255,.05); }

/* Submenús (treeview) */
.nav-sidebar .nav-treeview { background: rgba(0,0,0,.22); border-radius: 10px; margin: 2px 6px 4px; padding: 3px; }
.nav-sidebar .nav-treeview .nav-link { padding: .42rem .7rem .42rem 1.5rem; font-size: .9rem; border-radius: 8px; }
.nav-sidebar .nav-treeview .nav-icon { font-size: .9rem; }
/* Solo el CHEVRON (es un <i>) toma el gris y el tamaño: NO la burbuja/badge, que
   quedaba con el "4" en gris sobre rojo (ilegible) por heredar este color. */
.nav-sidebar .nav-link > p > i.right { color: #b6c2d4; font-size: 1.1rem; right: 1.5rem; }
/* Burbuja del menú (badge contador): texto blanco, bien ubicada y sin cortarse. */
.nav-sidebar .nav-link > p > .badge.right { color: #fff; right: .9rem; }

/* IMPORTANTE (menú): en plantilla.php se DESACTIVA OverlayScrollbars antes de AdminLTE, así
   el sidebar usa la barra NATIVA (estilada fina, 7px, más abajo). OverlayScrollbars, para
   esconder la barra nativa de Windows, ensanchaba el contenido ~15px y empujaba los chevrons
   "<" de los submenús FUERA del área visible; además AdminLTE lo re-iniciaba y quedaban dos
   barras. Con la barra nativa el contenido no se ensancha y los chevrons quedan visibles. */

/* Colapsado */
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-item { margin: 1px 6px; }

/* Colapsado: ocultar los ítems de los submenús abiertos (los "puntitos"
   sueltos). Al pasar el mouse el sidebar se expande y se muestran normal. */
.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar .nav-treeview {
  display: none !important;
}

/* Scrollbar del sidebar */
.sidebar::-webkit-scrollbar { width: 7px; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 999px; }
.sidebar::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

/* Sin scroll horizontal en el menú: el texto largo envuelve, no desborda.
   Evita la barra de desplazamiento inferior por unos pocos píxeles de
   márgenes/padding anidados (item + treeview + padding del link). */
.sidebar { overflow-x: hidden !important; }
.sidebar .os-scrollbar-horizontal { display: none !important; }
.nav-sidebar .nav-link p { white-space: normal; overflow-wrap: break-word; }
.nav-sidebar .nav-treeview .nav-link { min-width: 0; }

/* Detalle inline (fila hija) en Reporte CC Ventas: factura / devolución */
.detalle-inline-cc { padding: 10px 14px; background: #f8fafc; border-left: 3px solid var(--eol-primary); border-radius: 6px; }
.detalle-inline-titulo { font-weight: 700; color: var(--eol-primary); margin-bottom: 6px; font-size: .85rem; }
.detalle-inline-cc > table { background: #fff; border-radius: 6px; overflow: hidden; }
.detalle-inline-cc > table thead th { border-top: 0; font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; color: var(--eol-muted); }
.detalle-inline-vacio, .detalle-inline-cargando, .detalle-inline-error { padding: 10px 14px; }
.detalle-inline-error { color: #dc2626; font-weight: 600; }
.detalle-inline-cargando { color: var(--eol-muted); }
#reportCorriente tbody tr.detalle-abierto > td { background: #eef2ff; }
.dark-mode .detalle-inline-cc { background: #0f1c33; }
.dark-mode .detalle-inline-cc > table { background: transparent; }
.dark-mode #reportCorriente tbody tr.detalle-abierto > td { background: rgba(37, 99, 235, .12); }

/* Número de documento: indicar que es "hovereable" (muestra popup) */
#reportCorriente tbody td.celda-numero { cursor: help; text-decoration: underline dotted var(--eol-primary); text-underline-offset: 3px; }

/* Popup con todos los datos del documento (hover sobre el número) */
.popup-doc-cc {
  position: absolute; z-index: 1080; display: none;
  min-width: 300px; max-width: 460px; max-height: 60vh; overflow: auto;
  background: #fff; border: 1px solid var(--eol-border);
  border-radius: 10px; box-shadow: 0 18px 44px -14px rgba(15, 23, 42, .45);
  padding: 12px 14px;
}
.popup-doc-head { font-weight: 800; color: var(--eol-primary); font-size: .95rem; margin-bottom: 8px; border-bottom: 1px solid var(--eol-border); padding-bottom: 6px; }
.popup-doc-datos { width: 100%; margin-bottom: 6px; }
.popup-doc-datos td { padding: 2px 4px; font-size: .82rem; }
.popup-doc-datos td:first-child { color: var(--eol-muted); text-transform: uppercase; letter-spacing: .03em; font-size: .72rem; width: 34%; white-space: nowrap; }
.popup-doc-datos td:last-child { text-align: right; font-weight: 600; }
.popup-doc-items { margin-top: 4px; }
.popup-doc-items .detalle-inline-cc { border-left: 0; padding: 0; background: transparent; }
.dark-mode .popup-doc-cc { background: #0f1c33; border-color: rgba(255,255,255,.1); color: #e2e8f0; }

/* =====================================================================
   Spinner de carga unificado (mismo look que el de SweetAlert): un aro
   girando. Reemplaza a los <i class="fa-spinner fa-spin"> del sistema.
   Se escala con font-size (em) y toma el color primario.
   ===================================================================== */
.eol-spinner {
  display: inline-block; box-sizing: border-box;
  width: 1.25em; height: 1.25em;
  border: .16em solid var(--eol-primary);
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -0.2em;
  animation: eol-spin .7s linear infinite;
}
.eol-spinner-lg { width: 2.5em; height: 2.5em; border-width: .22em; }
@keyframes eol-spin { to { transform: rotate(360deg); } }

/* Indicador "Procesando..." de DataTables: tarjeta con spinner (más visible) */
div.dataTables_processing {
  background: #fff !important;
  border: 1px solid var(--eol-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .45) !important;
  color: var(--eol-text) !important;
  font-weight: 700 !important;
  padding: 16px 22px 16px 52px !important;
  width: auto !important; min-width: 180px;
  height: auto !important;
}
div.dataTables_processing > div { display: none !important; } /* oculta los dots viejos de DataTables */
div.dataTables_processing::before {
  content: ''; position: absolute; left: 20px; top: 50%; margin-top: -11px;
  width: 22px; height: 22px; box-sizing: border-box;
  border: 3px solid var(--eol-primary); border-right-color: transparent;
  border-radius: 50%; animation: eol-spin .7s linear infinite;
}
.dark-mode div.dataTables_processing { background: #0f1c33 !important; border-color: rgba(255,255,255,.1) !important; color: #e2e8f0 !important; }

/* ------------------------------ NAVBAR ---------------------------- */
.main-header.navbar {
  border: none;
  border-bottom: 1px solid var(--eol-border);
  box-shadow: 0 1px 12px -6px rgba(15,23,42,.25);
  background: rgba(255,255,255,.85);
  backdrop-filter: saturate(180%) blur(8px);
}
.main-header .nav-link { font-weight: 600; color: #334155; border-radius: 8px; }
.main-header .nav-link:hover { background: var(--eol-primary-50); color: var(--eol-primary); }

/* ------------------------------ TABLAS ---------------------------- */
.table { color: var(--eol-text); }
.table thead th {
  border-top: none;
  border-bottom: 2px solid var(--eol-border);
  text-transform: uppercase;
  font-size: .74rem;
  letter-spacing: .4px;
  color: var(--eol-muted);
  font-weight: 700;
}
.table td, .table th { border-top: 1px solid #eef2f7; vertical-align: middle; }
.table-hover tbody tr { transition: background .12s ease; }
.table-hover tbody tr:hover { background: var(--eol-primary-50); }
.table-bordered, .table-bordered td, .table-bordered th { border-color: var(--eol-border); }
.table tbody td { vertical-align: middle; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(148, 163, 184, .07); }

/* Botones de acción dentro de tablas: separados, redondeados y prolijos */
.table .btn-group { display: inline-flex; gap: 2px; flex-wrap: nowrap; vertical-align: middle; }
.table .btn-group > .btn {
  border-radius: 8px !important;
  box-shadow: none;
  transition: var(--eol-trans);
}
.table .btn-group > .btn:has(> i:only-child) {
  width: 34px; height: 34px; padding: 0 !important;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .85rem;
}
.table .btn-group > .btn:hover { transform: translateY(-1px); box-shadow: var(--eol-shadow-sm); }

/* DataTables controles */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border-radius: var(--eol-radius-sm); border: 1px solid var(--eol-border); padding: .25rem .6rem;
}
.page-item.active .page-link { background: var(--eol-primary); border-color: var(--eol-primary); }
.page-link { color: var(--eol-primary); border-radius: 8px !important; margin: 0 2px; border-color: var(--eol-border); }

/* ----------------------- BADGES / ALERTAS ------------------------- */
.badge { border-radius: 999px; padding: .38em .7em; font-weight: 600; }
.alert { border-radius: var(--eol-radius-sm); border: none; box-shadow: var(--eol-shadow-sm); }
.breadcrumb { background: transparent; padding-left: 0; }

/* ----------------------- MODALES / SWAL --------------------------- */
.modal-content { border: none; border-radius: var(--eol-radius); box-shadow: 0 24px 60px -20px rgba(15,23,42,.4); overflow: hidden; }
.modal-header { border-bottom: 1px solid var(--eol-border); }
.modal-footer { border-top: 1px solid var(--eol-border); }
.swal2-popup { border-radius: var(--eol-radius) !important; }
.swal2-styled { border-radius: var(--eol-radius-sm) !important; }
.swal2-styled.swal2-confirm { background: var(--eol-primary) !important; }
/* El tema bootstrap-4 de SweetAlert achica Confirmar y Cancelar pero no el tercer botón ("deny"), que quedaba
   más grande (16/10, "Borrar la invoice"; también Reservas y Back Order): los tres parejos. */
.swal2-styled.swal2-deny { padding: .375rem .75rem !important; font-size: 1rem !important; }
.toast { border-radius: var(--eol-radius-sm) !important; }

/* ------------------------------ LOGIN ----------------------------- */
.login-page, .register-page {
  background: radial-gradient(1200px 600px at 50% -10%, #1e3a8a 0%, #0f172a 55%, #0b1120 100%);
  min-height: 100vh;
}
.login-box, .register-box { width: 400px; }
.login-box .card {
  border-radius: 18px;
  box-shadow: 0 30px 70px -25px rgba(0,0,0,.7);
  overflow: hidden;
}
.login-box .card-header { background: #fff; border-bottom: none; padding-top: 1.8rem; }
.login-box .card-header h1 { font-weight: 800; letter-spacing: -.5px; color: var(--eol-text); }
.login-box .card-header h1 b { color: var(--eol-primary); }
.login-box-msg { font-weight: 600; color: var(--eol-muted); }
.login-box .card-body { padding: 1.2rem 1.8rem 2rem; }
.login-box .btn-primary { padding: .6rem; font-size: 1rem; }
/* Modo noche: el encabezado quedaba BLANCO (está escrito fijo arriba) con el título en el color
   claro del texto de noche, así que "Express" casi no se leía sobre el blanco (Ari, 13/10). De
   noche el encabezado toma el color de la tarjeta, igual que el resto. */
.dark-mode .login-box .card-header { background: transparent; }
.dark-mode .login-box .card-header h1 { color: #F1F5F9; }

/* ----------------------- SCROLLBARS finos ------------------------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: content-box; }

/* =====================================================================
   MODO OSCURO — refinado a slate moderno
   ===================================================================== */
.dark-mode {
  --eol-bg:      #0B1120;
  --eol-surface: #0F172A;
  --eol-text:    #E2E8F0;
  --eol-muted:   #94A3B8;
  --eol-border:  #1E293B;
}
.dark-mode .content-wrapper { background: var(--eol-bg); }
.dark-mode .card { background: var(--eol-surface); box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 30px -16px rgba(0,0,0,.7); }
.dark-mode .card-header,
.dark-mode .card-footer { border-color: var(--eol-border); }
.dark-mode .info-box { background: var(--eol-surface); }

/* =========================================================================
   VISTA TARJETAS EN EL CELULAR — MODO OSCURO (Reservas / Compras / Tránsitos / Facturas)
   Las tarjetas se arman con fondo claro y texto oscuro (bien en modo día), pero
   en modo noche quedaban ilegibles (etiquetas grises sobre verde claro). Acá se
   pasan a superficie oscura + texto claro. El resaltado por fila (verde
   "preparada/sin recepcionar", celeste "preparado") lo pone el JS como estilo
   INLINE, así que se pisa con !important y se reemplaza por un acento a la izq.
   ========================================================================= */
@media screen and (max-width: 767.98px) {   /* screen: al IMPRIMIR no debe aplicar (si no, el listado sale en tarjetas) */
  .dark-mode #viewReservas > tbody > tr,
  .dark-mode #viewCompras  > tbody > tr,
  .dark-mode #viewFacturas > tbody > tr,
  .dark-mode #viewTransitos > tbody > tr {
    background: #16233f !important;
    border-color: rgba(255,255,255,.09) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
  }
  .dark-mode #viewReservas > tbody > tr > td,
  .dark-mode #viewCompras  > tbody > tr > td,
  .dark-mode #viewFacturas > tbody > tr > td,
  .dark-mode #viewTransitos > tbody > tr > td {
    border-bottom-color: rgba(255,255,255,.08) !important;
    color: #e5e7eb;
  }
  .dark-mode #viewReservas > tbody > tr > td::before,
  .dark-mode #viewCompras  > tbody > tr > td::before,
  .dark-mode #viewFacturas > tbody > tr > td::before,
  .dark-mode #viewTransitos > tbody > tr > td::before { color: #94a3b8; }
  .dark-mode #viewReservas > tbody > tr > td:not(:first-child):not(:last-child),
  .dark-mode #viewCompras  > tbody > tr > td:not(:first-child):not(:last-child),
  .dark-mode #viewFacturas > tbody > tr > td:not(:first-child):not(:last-child),
  .dark-mode #viewTransitos > tbody > tr > td:not(:first-child):not(:last-child) { color: #e5e7eb; }
  /* Título (código) y pie de acciones: un tono más oscuro */
  .dark-mode #viewReservas > tbody > tr > td:first-child,
  .dark-mode #viewCompras  > tbody > tr > td:first-child,
  .dark-mode #viewFacturas > tbody > tr > td:first-child,
  .dark-mode #viewTransitos > tbody > tr > td:first-child,
  .dark-mode #viewReservas > tbody > tr > td:last-child,
  .dark-mode #viewCompras  > tbody > tr > td:last-child,
  .dark-mode #viewFacturas > tbody > tr > td:last-child,
  .dark-mode #viewTransitos > tbody > tr > td:last-child { background: #0f1c33 !important; }
  /* Filas resaltadas (tienen fondo inline): tinte oscuro + acento a la izquierda.
     Verde para Reservas/Compras (preparada / sin recepcionar). */
  .dark-mode #viewReservas > tbody > tr[style*="background"],
  .dark-mode #viewCompras  > tbody > tr[style*="background"] {
    background: #14312a !important;
    box-shadow: inset 4px 0 0 #22c55e, 0 1px 4px rgba(0,0,0,.5);
  }
  /* Celeste para Tránsitos (preparado). */
  .dark-mode #viewTransitos > tbody > tr[style*="background"] {
    background: #0e2b3a !important;
    box-shadow: inset 4px 0 0 #38bdf8, 0 1px 4px rgba(0,0,0,.5);
  }
}
.dark-mode .form-control, .dark-mode .custom-select,
.dark-mode .input-group-text { background: #111c33; border-color: var(--eol-border); color: var(--eol-text); }
.dark-mode .form-control:focus { border-color: var(--eol-primary); box-shadow: 0 0 0 3px rgba(37,99,235,.25); }
/* Dark mode — forzar OSCURO en los elementos que quedaban BLANCOS y encandilaban:
   los "chips" de ícono (input-group-text: persona/llave/nota/%/calendario) y los
   inputs readonly/deshabilitados (ej. TOTAL, ARTÍCULOS). Van con !important porque los
   pisaba el fondo claro de base y las reglas de readonly de Bootstrap/AdminLTE.
   (El chip transparente del botón "quitar producto" queda intacto: su regla es posterior.) */
.dark-mode .input-group-text {
  background: #111c33 !important; border-color: var(--eol-border) !important; color: #cbd5e1 !important;
}
.dark-mode .form-control[readonly],
.dark-mode .form-control.bg-light,
.dark-mode .form-control:disabled {
  background: #111c33 !important; color: var(--eol-text) !important; border-color: var(--eol-border) !important;
}
.dark-mode label { color: #cbd5e1; }
.dark-mode .table { color: var(--eol-text); }
.dark-mode .table td, .dark-mode .table th { border-color: var(--eol-border); }
.dark-mode .table-hover tbody tr:hover { background: rgba(37,99,235,.12); }
.dark-mode .main-header.navbar { background: rgba(15,23,42,.85); border-color: var(--eol-border); }
.dark-mode .main-header .nav-link { color: #cbd5e1; }
.dark-mode .main-header .nav-link:hover { background: rgba(37,99,235,.18); color: #fff; }
.dark-mode .btn-default, .dark-mode .btn-secondary { background: #111c33; border-color: var(--eol-border); color: var(--eol-text); }
.dark-mode .modal-content { background: var(--eol-surface); color: var(--eol-text); }
.dark-mode .page-link { background: var(--eol-surface); border-color: var(--eol-border); }

/* =====================================================================
   AJUSTES DE FEEDBACK
   ===================================================================== */

/* (1) Selector "Mostrar N registros" de DataTables: que no se deforme */
.dataTables_length select,
.dataTables_wrapper select.custom-select,
.dataTables_wrapper select.form-control {
  width: auto !important;
  min-width: 4.6rem;
  display: inline-block !important;
  height: calc(1.9rem + 2px);
  padding: .25rem 1.8rem .25rem .65rem;
  line-height: 1.4;
  background-position: right .55rem center;
  vertical-align: middle;
}
.dataTables_length label { display: inline-flex; align-items: center; gap: .4rem; }

/* (2) Números de los widgets del dashboard: más chicos para no pisar el ícono */
.small-box .inner h3,
.small-box[class*="bg-pastel-"] .inner h3,
#dashboard-small-boxes-card .small-box .inner h3 {
  font-size: 1.55rem !important;
  font-weight: 800;
  word-break: break-word;
  padding-right: 54px;   /* deja libre la zona del ícono */
  line-height: 1.15;
}
.small-box .inner p { padding-right: 54px; }
.small-box .icon > i,
.small-box[class*="bg-pastel-"] .icon > i { font-size: 52px !important; top: 14px; }

/* (3) Lista "Nuevos Productos": sacar la negrita */
.products-list .product-info b,
.product-list-in-box b { font-weight: 500; }

/* (4) Botones "Agregar ..." de cada módulo: con color y sombra */
.btn-default[data-target^="#modalAgregar"],
.btn-sm.btn-default[data-target^="#modalAgregar"] {
  -webkit-appearance: none; appearance: none;
  background: var(--eol-primary);
  border-color: var(--eol-primary);
  color: #fff;
  box-shadow: 0 4px 14px -4px rgba(37,99,235,.55);
}
.btn-default[data-target^="#modalAgregar"]:hover,
.btn-sm.btn-default[data-target^="#modalAgregar"]:hover,
.btn-default[data-target^="#modalAgregar"]:focus {
  background: var(--eol-primary-600);
  border-color: var(--eol-primary-600);
  color: #fff;
  box-shadow: var(--eol-shadow-lg);
  transform: translateY(-1px);
}
.btn-default[data-target^="#modalAgregar"] i { margin-right: .25rem; }

/* Botones "Agregar ..." que son links (Agregar Reserva, Transito, Compra, etc.) */
a[href^="crear-"] > .btn-default,
a[href^="crear-"] > .btn-sm.btn-default {
  -webkit-appearance: none; appearance: none;
  background: var(--eol-primary);
  border: 1px solid var(--eol-primary);
  color: #fff;
  border-radius: var(--eol-radius-sm);
  padding: .48rem 1.05rem;
  font-weight: 600;
  box-shadow: 0 4px 14px -4px rgba(37,99,235,.55);
  transition: var(--eol-trans);
}
a[href^="crear-"] > .btn-default:hover,
a[href^="crear-"] > .btn-default:focus {
  background: var(--eol-primary-600);
  border-color: var(--eol-primary-600);
  color: #fff;
  box-shadow: var(--eol-shadow-lg);
  transform: translateY(-1px);
}

/* "Agregar Reserva/Transito" que navegan (no abren modal): azul, mismo tamaño
   que los btn-sm vecinos como "Recepcionar todos". */
.btn-agregar-nav {
  background: var(--eol-primary);
  border: 1px solid var(--eol-primary);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 14px -4px rgba(37, 99, 235, .55);
  transition: var(--eol-trans);
}
.btn-agregar-nav:hover,
.btn-agregar-nav:focus {
  background: var(--eol-primary-600);
  border-color: var(--eol-primary-600);
  color: #fff;
  box-shadow: var(--eol-shadow-lg);
  transform: translateY(-1px);
}

/* (5) Reservas a Entregar en TARJETAS (estilo foto 5) */
.reservas-cards { display: flex; flex-direction: column; gap: 14px; }
.reservas-empty { padding: 26px; text-align: center; color: var(--eol-muted); font-weight: 600; }
.rsv-card {
  border: 1px solid var(--eol-border);
  border-left: 4px solid var(--eol-warning, #F59E0B);
  border-radius: var(--eol-radius);
  background: #FEFCE8;           /* amarillo muy suave = pendiente */
  box-shadow: var(--eol-shadow-sm);
  padding: 14px 16px;
  transition: var(--eol-trans);
}
.rsv-card:hover { box-shadow: var(--eol-shadow); transform: translateY(-1px); }
.rsv-card.is-prep { background: #F0FDF4; border-left-color: #16A34A; }

/* Botón PDF: el rojo de Acrobat pero en pastel, como el resto de la paleta
   (fondo suave + texto oscuro del mismo tono, igual criterio que .btn-xs de las
   tablas). El rojo pleno de Adobe quedaba chillón al lado de los demás. */
.btn-pdf, .btn-pdf:focus {
  background-color: #FEE4E2; border-color: #FBC5C0; color: #B1130A; font-weight: 600;
}
.btn-pdf:hover { background-color: #FBC5C0; border-color: #F7A69E; color: #8C0F08; }
.btn-pdf:focus { box-shadow: 0 0 0 .2rem rgba(250, 15, 0, .18); }
body.dark-mode .btn-pdf, body.dark-mode .btn-pdf:focus {
  background-color: #3b1a17; border-color: #6b2b25; color: #FCA5A5;
}

/* TRÁNSITOS: celeste, para distinguirlos de un vistazo de las reservas (amarillo).
   El verde de "preparado" sigue ganando, así se ve igual en los dos tipos. */
.rsv-card.es-transito { background: #EFF6FF; border-left-color: #2563EB; }
.rsv-card.es-transito.is-prep { background: #F0FDF4; border-left-color: #16A34A; }
/* Pedido de la TIENDA sin revisar (nuevo o modificado por el cliente): ambar, igual
   que la fila en Gestion Reservas / Gestion Transito. Va DESPUES de es-transito para
   ganarle, y ANTES de is-prep: si ya lo preparaste, ya lo viste. */
.rsv-card.es-tienda { background: #FFFBEB; border-left-color: #D97706; }
.rsv-card.es-tienda.is-prep { background: #F0FDF4; border-left-color: #16A34A; }
.dark-mode .rsv-card.es-tienda { background: #2a2415; border-left-color: #D97706; }
.rsv-tag-transito {
  display: inline-block; background: #2563EB; color: #fff;
  font-size: .62rem; font-weight: 800; letter-spacing: .06em;
  padding: 2px 7px; border-radius: 999px; vertical-align: middle; margin-bottom: 3px;
}
/* División entre las reservas y los tránsitos cuando se ven "Todos" */
.rsv-separador {
  display: flex; align-items: center; gap: 10px;
  margin: 6px 2px 2px; color: #2563EB;
  font-size: .72rem; font-weight: 800; letter-spacing: .08em;
}
.rsv-separador::before, .rsv-separador::after {
  content: ""; flex: 1; height: 2px; background: #BFDBFE; border-radius: 2px;
}
.dark-mode .rsv-card.es-transito { background: #16233a; border-left-color: #3B82F6; }
.dark-mode .rsv-separador::before, .dark-mode .rsv-separador::after { background: #1e3a5f; }
.rsv-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.rsv-cliente { font-size: 1.05rem; font-weight: 700; color: var(--eol-text); }
.rsv-cli-nota { font-size: .82rem; font-weight: 600; color: #B45309; }
.dark-mode .rsv-cli-nota { color: #FCD34D; }

/* =====================================================================
   EDITAR / CREAR RESERVA — divisor arrastrable, botones y X
   ===================================================================== */
@media (min-width: 768px) {
  /* Divisor: arrastrable, barra punteada, sin flechas */
  .reserva-productos-layout .resize-divider { cursor: col-resize; }
  .reserva-productos-layout .resize-divider .divider-indicator { display: none !important; }
  .reserva-productos-layout .resize-divider::before {
    width: 4px !important;
    border-radius: 2px !important;
    background: #cbd5e1 !important;
    background-image: none !important;
  }
  .reserva-productos-layout .resize-divider:hover::before,
  .reserva-productos-layout .resize-divider.is-dragging::before {
    background: var(--eol-primary) !important;
    background-image: none !important;
  }
  /* Manija central para agarrar */
  .reserva-productos-layout .resize-divider::after {
    content: "⋮";
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 14px; height: 46px; border-radius: 7px;
    background: #fff; border: 1px solid #cbd5e1; color: #94a3b8;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; font-weight: 700; line-height: 1; z-index: 5;
    box-shadow: var(--eol-shadow-sm);
  }
  .reserva-productos-layout .resize-divider:hover::after,
  .reserva-productos-layout .resize-divider.is-dragging::after {
    border-color: var(--eol-primary); color: var(--eol-primary);
  }
  /* Botones IMEI/SERIAL e Item Libre: que no se agranden de más.
     Los de Tránsito y Back Order no estaban en la lista: con letra de 16px el texto no
     entraba en la columna, se partía en dos renglones ("IMEI/SERI AL") y el botón
     quedaba de 65px de alto contra los 37 del de Reserva. */
  #editarImeiPP, #btnAgregarItemLibre,
  #transitoEditarImeiPP, #backorderEditarImeiPP { max-width: 175px; font-size: .8rem; white-space: nowrap; }
  /* Campos de precio: que no se agranden de más */
  .nuevoPrecioUProducto { max-width: 120px; }
  .nuevoPrecioTProducto { max-width: 150px; }

  /* Tabla de Productos (panel derecho): fuente más chica para que entre bien */
  .reserva-productos-layout .productos-pane .table,
  .reserva-productos-layout .productos-pane .dataTables_wrapper { font-size: .8rem; }
  .reserva-productos-layout .productos-pane .table th,
  .reserva-productos-layout .productos-pane .table td { padding: .4rem .5rem; }
  .reserva-productos-layout .productos-pane .btn { font-size: .76rem; padding: .25rem .55rem; }
}

/* Botón X de quitar producto — más prolijo */
/* Encabezado de modal: indicar que se puede arrastrar */
.modal-header { cursor: move; }
.modal-header .close { cursor: pointer; }

/* Lista de IMEI/SERIAL con números de línea */
.imei-editor {
  display: flex; align-items: stretch;
  border: 1px solid var(--eol-border); border-radius: var(--eol-radius-sm); overflow: hidden;
}
.imei-editor .imei-gutter {
  flex: 0 0 auto; min-width: 38px; text-align: right;
  padding: .375rem .5rem; background: #f1f5f9; color: #94a3b8;
  font-family: 'Consolas', 'SF Mono', 'Menlo', 'Roboto Mono', 'Courier New', monospace;
  font-size: 1rem; line-height: 1.5; user-select: none; overflow: hidden;
  border-right: 1px solid var(--eol-border); white-space: nowrap;
}
.imei-editor .imei-gutter > div { line-height: 1.5; }
/* Monoespaciada: los IMEI/seriales quedan del mismo ancho y alineados (como el otro sistema). */
.imei-editor textarea {
  flex: 1; border: none !important; border-radius: 0 !important;
  font-family: 'Consolas', 'SF Mono', 'Menlo', 'Roboto Mono', 'Courier New', monospace;
  font-size: 1rem; line-height: 1.5; box-shadow: none !important;
}
.dark-mode .imei-editor { border-color: var(--eol-border); }
.dark-mode .imei-editor .imei-gutter { background: #111c33; color: #64748b; border-color: var(--eol-border); }

.quitarProducto {
  font-size: .8rem !important;
  width: 26px; height: 26px; min-width: 26px; padding: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  background: #FEE2E2 !important; color: #DC2626 !important; border: 1px solid #FECACA !important;
  box-shadow: none !important; transition: all .15s ease;
}
.quitarProducto:hover { background: #DC2626 !important; color: #fff !important; border-color: #DC2626 !important; transform: none; }
.input-group-text:has(.quitarProducto) { background: transparent !important; border: none !important; padding: 0 6px 0 0 !important; }
.rsv-meta { font-size: .8rem; color: var(--eol-muted); margin-top: 2px; }
.rsv-head-right { text-align: right; white-space: nowrap; }
.rsv-total { font-size: 1.15rem; font-weight: 800; color: var(--eol-primary); }
.rsv-badge {
  display: inline-block; margin-top: 4px;
  font-size: .72rem; font-weight: 700; padding: .2em .7em; border-radius: 999px;
}
.rsv-badge-pend { background: #FEF3C7; color: #B45309; }
.rsv-badge-ok   { background: #DCFCE7; color: #15803D; }
.rsv-items {
  margin: 12px 0; padding: 10px 0; border-top: 1px dashed var(--eol-border);
  border-bottom: 1px dashed var(--eol-border);
}
.rsv-item { padding: 3px 0; font-size: .9rem; color: var(--eol-text); line-height: 1.5; }
.rsv-item strong { color: var(--eol-text); font-weight: 700; }

/* Producto buscado: línea resaltada para distinguirla del resto de los artículos.
   Fondo azul suave (contrasta tanto en tarjeta pendiente crema como en preparada verde);
   el término coincidente va marcado en ámbar. */
.rsv-item-match {
  background: #E7F0FF;
  border-left: 4px solid #2563EB;
  border-radius: 6px;
  padding: 5px 10px;
  margin: 3px 0;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(37, 99, 235, .12);
}
.rsv-mark {
  background: #FFDF7E;
  color: #5B4300;
  padding: 0 3px;
  border-radius: 3px;
  font-weight: 700;
}
.dark-mode .rsv-item-match { background: rgba(37, 99, 235, .18); border-left-color: #3B82F6; box-shadow: none; }
.dark-mode .rsv-mark { background: rgba(250, 204, 21, .40); color: #FDE68A; }
/* El renglón del panel de detalle que coincide con "Buscar producto…" de Administrar Reservas (21/10), como en el Inicio. */
.rsvp-items .rsvp-item.rsvp-match { background: #EFF6FF; box-shadow: inset 3px 0 0 #2563EB; border-radius: 6px; padding-left: 6px; padding-right: 4px; margin: 2px 0; }
.dark-mode .rsvp-items .rsvp-item.rsvp-match { background: rgba(37, 99, 235, .18); box-shadow: inset 3px 0 0 #3B82F6; }

/* Toggle de detalle (colapsable) */
.rsv-toggle {
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  margin: 6px 0 2px; font-size: .82rem; font-weight: 700; color: var(--eol-primary);
  user-select: none; padding: 3px 0;
}
.rsv-toggle:hover { color: var(--eol-primary-700); }
.rsv-chev { transition: transform .15s ease; font-size: .75rem; }
.rsv-card.is-open .rsv-chev { transform: rotate(90deg); }
.rsv-toggle-ocultar { display: none; }
.rsv-card.is-open .rsv-toggle-ver { display: none; }
.rsv-card.is-open .rsv-toggle-ocultar { display: inline; }
.rsv-items { display: none; }
.rsv-card.is-open .rsv-items { display: block; }

/* Nota — resaltada */
.rsv-nota {
  margin: 10px 0 2px; padding: 10px 14px; font-size: .92rem; font-weight: 600;
  background: #FEF3C7; border: 1px solid #FCD34D; border-left: 5px solid #F59E0B;
  border-radius: 8px; color: #92400E; box-shadow: 0 1px 2px rgba(245,158,11,.18);
}
.rsv-nota .fa-sticky-note { margin-right: 6px; color: #F59E0B; }
.rsv-nota-vend { font-weight: 800; }
.rsv-nota-sep { opacity: .6; }
.rsv-nota-txt { font-size: .82em; font-weight: 500; }
.rsv-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
/* El botón dice "Preparado" en los dos estados (relojito gris = a la espera, tilde
   verde = ya preparado), así que al togglearlo NO cambia de ancho ni corre a los de
   al lado. Por eso ya no necesita el ancho fijo de 172px que tenía antes, cuando el
   texto pasaba de "Marcar preparado" a "Preparado". */
/* gap: el botón es inline-flex y en flex se DESCARTAN los espacios en blanco entre
   elementos, así que el ícono quedaba pegado al texto aunque el HTML tenga un espacio. */
.rsv-actions .btnPrepReserva { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
/* Sin preparar, el botón es btn-outline-secondary: sobre el fondo crema de la tarjeta
   quedaba sin fondo NI borde visible, o sea no parecía un botón al lado de los otros
   (que son sólidos). Se le da caja blanca con borde gris, igual que el botón "Ver". */
.rsv-actions .btnPrepReserva.btn-outline-secondary {
  background: #fff;
  border: 1px solid #cbd5e1;
  color: #475569;
}
.rsv-actions .btnPrepReserva.btn-outline-secondary:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #1e293b;
}
body.dark-mode .rsv-actions .btnPrepReserva.btn-outline-secondary {
  background: #1f2a3c; border-color: #475569; color: #cbd5e1;
}

/* Buscadores */
.rsv-search { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.rsv-search-field {
  flex: 1 1 200px; display: flex; align-items: center; gap: 8px;
  background: #fff; border: 2px solid var(--eol-primary); border-radius: 10px;
  padding: .35rem .7rem; transition: var(--eol-trans);
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}
.rsv-search-field:focus-within { border-color: var(--eol-primary-700); box-shadow: 0 0 0 4px var(--eol-primary-100); }
.rsv-search-field i { color: var(--eol-muted); font-size: .9rem; }
.rsv-search-field input { border: none; outline: none; background: transparent; flex: 1; min-width: 0; color: var(--eol-text); font-size: .9rem; }
.rsv-search-field select { border: none; outline: none; background: transparent; flex: 1; min-width: 0; color: var(--eol-text); font-size: .9rem; cursor: pointer; }
.dark-mode .rsv-search-field select { color: var(--eol-text); color-scheme: dark; }
/* La LISTA que se abre la dibuja el navegador: como este desplegable tiene el fondo transparente,
   en modo noche salía blanca con la letra clara y no se leía (Ari, 13/10). Se le dice el fondo
   y el color a cada opción. */
.dark-mode .rsv-search-field select option { background-color: var(--eol-surface, #0F172A); color: var(--eol-text, #E2E8F0); }
.rsv-search-clear {
  display: none; border: none; background: transparent; color: var(--eol-muted);
  cursor: pointer; font-size: 1.25rem; line-height: 1; padding: 0 2px; flex: 0 0 auto;
}
.rsv-search-field.has-text .rsv-search-clear { display: inline-block; }
.rsv-search-clear:hover { color: var(--eol-primary); }
.dark-mode .rsv-search-field { background: #111c33; }
.dark-mode .rsv-search-field input { color: var(--eol-text); }

/* Toolbar: Mostrar N + orden */
.rsv-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 6px; }
.rsv-mostrar { font-size: .85rem; color: var(--eol-muted); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.rsv-pagesize {
  border: 1px solid var(--eol-border); border-radius: 8px; padding: .2rem 1.6rem .2rem .55rem;
  font-weight: 600; color: var(--eol-text); background-color: #fff;
}
.rsv-pagesize:focus { border-color: var(--eol-primary); box-shadow: 0 0 0 3px var(--eol-primary-100); outline: none; }
.dark-mode .rsv-pagesize { background-color: #111c33; color: var(--eol-text); }

/* Paginación */
.rsv-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.rsv-pag-info { font-size: .82rem; color: var(--eol-muted); }
.rsv-pag-btns { display: flex; flex-wrap: wrap; gap: 4px; }
.rsv-page-btn {
  border: 1px solid var(--eol-border); background: #fff; color: #334155;
  border-radius: 8px; padding: .25rem .7rem; font-size: .82rem; font-weight: 600;
  cursor: pointer; transition: var(--eol-trans); min-width: 34px;
}
.rsv-page-btn:hover:not(:disabled) { border-color: var(--eol-primary); color: var(--eol-primary); }
.rsv-page-btn.is-active { background: var(--eol-primary); border-color: var(--eol-primary); color: #fff; }
.rsv-page-btn:disabled { opacity: .45; cursor: default; }
.dark-mode .rsv-page-btn { background: #111c33; color: #cbd5e1; }

/* Lista de tarjetas y barra de orden */
.rsv-list { display: flex; flex-direction: column; gap: 14px; }
.rsv-sortbar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 4px 2px 6px; border-bottom: 1px solid var(--eol-border); margin-bottom: 2px;
}
.rsv-sortbar-label { font-weight: 700; color: var(--eol-muted); font-size: .85rem; }
.rsv-sort-btn {
  border: 1px solid var(--eol-border); background: #fff; color: #334155;
  border-radius: 999px; padding: .25rem .8rem; font-size: .82rem; font-weight: 600;
  cursor: pointer; transition: var(--eol-trans); display: inline-flex; align-items: center; gap: 4px;
}
.rsv-sort-btn:hover { border-color: var(--eol-primary); color: var(--eol-primary); }
.rsv-sort-btn.is-active { background: var(--eol-primary); border-color: var(--eol-primary); color: #fff; }
.rsv-sort-num {
  background: rgba(255,255,255,.35); color: #fff; border-radius: 999px;
  font-size: .68rem; padding: 0 5px; margin-left: 2px;
}
.rsv-sortbar-hint { font-size: .74rem; color: var(--eol-muted); margin-left: auto; }
.dark-mode .rsv-sort-btn { background: #111c33; color: #cbd5e1; }
.dark-mode .rsv-item-cant { background: #1e293b; color: #cbd5e1; }
.dark-mode .rsv-nota { background: #2a2410; border-color: #5a4a1a; border-left-color: #F59E0B; color: #fcd34d; }

/* (7) Carga diferida de widgets del dashboard */
.lazy-widget { min-height: 120px; }
.lazy-spin {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 200px; color: var(--eol-muted); font-weight: 600;
  background: var(--eol-surface); border-radius: var(--eol-radius);
  box-shadow: var(--eol-shadow-sm); border: 1px dashed var(--eol-border);
}
.lazy-spin .fa-spinner { font-size: 1.4rem; color: var(--eol-primary); }
.lazy-error {
  min-height: 120px; display: flex; align-items: center; justify-content: center;
  color: var(--eol-muted); background: var(--eol-surface);
  border-radius: var(--eol-radius); border: 1px dashed var(--eol-border);
}

/* tarjetas en modo oscuro */
.dark-mode .rsv-card { background: #1c1f14; border-color: var(--eol-border); }
.dark-mode .rsv-card.is-prep { background: #102016; }
.dark-mode .rsv-item-desc, .dark-mode .rsv-cliente { color: var(--eol-text); }

/* (6) Encabezados de tarjeta: que el título largo NO se superponga con los
   botones (− ×). Header en flexbox: título a la izq, herramientas a la der. */
.card > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}
.card > .card-header > .card-title {
  flex: 1 1 auto;
  min-width: 0;
  float: none;
  line-height: 1.3;
}
.card > .card-header > .card-tools {
  flex: 0 0 auto;
  float: none !important;
  margin: 0 0 0 auto;
  white-space: nowrap;
}
/* Login y encabezados centrados: mantener centrado */
.login-box .card-header,
.register-box .card-header,
.card > .card-header.text-center {
  display: block;
  text-align: center;
}
/* En celular: apilar el título arriba y las herramientas (rango de fechas,
   colapsar, etc.) abajo. Evita que el botón de fecha aplaste el título y lo
   deje en vertical (una letra por renglón). */
@media (max-width: 575.98px) {
  .card > .card-header { flex-wrap: wrap; }
  .card > .card-header > .card-title { flex: 1 1 100%; min-width: 100%; }
  .card > .card-header > .card-tools { margin: 8px 0 0 0; }
  .card > .card-header > .card-tools .btn.daterange,
  .card > .card-header > .card-tools #daterange-btn { white-space: normal; }
  /* Números de las tarjetas (small-box): achicar en celular para que los
     montos grandes no se corten (el font 2rem fijo se desbordaba). */
  .small-box .inner h3 { font-size: 1.4rem !important; }
}

/* =====================================================================
   TABLAS MODERNAS — capa global (DataTables / .table)
   Sin bordes de celda, encabezado tipo "label", hover suave, controles
   redondeados y numeración del orden acumulativo (multi-sort).
   ===================================================================== */
table.dataTable,
.table {
  border-collapse: separate !important;
  border-spacing: 0;
  color: var(--eol-text);
  font-size: .9rem;
}

/* Borderless: matar todos los bordes de celda (incluye table-bordered) */
.table, .table td, .table th,
.table-bordered, .table-bordered td, .table-bordered th,
table.dataTable, table.dataTable td, table.dataTable th {
  border: 0 !important;
}

/* Encabezado tipo "label" */
.table thead th,
table.dataTable thead th {
  background: transparent !important;
  border-bottom: 2px solid var(--eol-border) !important;
  color: var(--eol-muted);
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .6px;
  text-transform: uppercase;
  padding: .7rem 1rem;
  white-space: nowrap;
  vertical-align: middle;
}

/* Celdas: más aire, separador ultrasutil (no "divisiones" marcadas) */
.table tbody td,
table.dataTable tbody td {
  padding: .72rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid #f2f5fa !important;
}
.table tbody tr:last-child td,
table.dataTable tbody tr:last-child td { border-bottom: 0 !important; }

/* Sin zebra: usamos hover */
.table-striped tbody tr,
.table-striped tbody tr:nth-of-type(odd) { background: transparent; }
.table tbody tr,
table.dataTable tbody tr { transition: background .12s ease; }
.table tbody tr:hover,
table.dataTable tbody tr:hover { background: var(--eol-primary-50); }

/* Miniaturas */
.table .imgTabla,
.table .img-thumbnail { border-radius: 8px; border: 1px solid var(--eol-border); }

/* Número de orden del multi-sort (shift+click) */
.orden-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 16px; height: 16px; margin-right: 6px; padding: 0 4px;   /* va ANTES del título (ver plantilla.js) */
  font-size: .62rem; font-weight: 800; line-height: 1;
  color: #fff; background: var(--eol-primary);
  border-radius: 999px; vertical-align: middle;
  box-shadow: 0 2px 6px -2px rgba(37,99,235,.6);
}

/* Estado como "pill" suave (Activo / Inactivo) */
.table .btn-xs {
  border-radius: 999px !important;
  font-weight: 700;
  font-size: .72rem;
  padding: .2rem .75rem !important;
  box-shadow: none !important;
  border: 0 !important;
}
.table .btn-xs.btn-success { background: #dcfce7 !important; color: #166534 !important; }
.table .btn-xs.btn-danger  { background: #fee2e2 !important; color: #991b1b !important; }

/* ---- Badges por tipo de documento (columna Documento / Comprobante) ----
   OJO: la GEOMETRÍA (ancho fijo, padding, radio, tipografía) NO va acá: es la misma
   que la de .eol-cuenta-badge y está definida UNA sola vez en vistas/plantilla.php.
   Antes estaba duplicada y las dos familias de pastillas quedaron de distinto ancho.
   Acá van SOLO los colores de cada tipo. */
.doc-factura    { background: #dbeafe; color: #1e40af; }
.doc-recibo     { background: #dcfce7; color: #166534; }
.doc-credito    { background: #cffafe; color: #155e75; }
.doc-debito     { background: #fef3c7; color: #b45309; }
.doc-devolucion { background: #fee2e2; color: #991b1b; }
.doc-compra     { background: #ede9fe; color: #5b21b6; }
.doc-pago       { background: #d1fae5; color: #047857; }
.doc-reintegro  { background: #ffe4e6; color: #9f1239; }
.doc-otro       { background: #f1f5f9; color: #475569; }
.doc-reserva    { background: #ffedd5; color: #9a3412; }
.doc-transito   { background: #e0f2fe; color: #075985; }
.dark-mode .doc-factura    { background: #1e3a8a; color: #bfdbfe; }
.dark-mode .doc-recibo     { background: #14532d; color: #bbf7d0; }
.dark-mode .doc-credito    { background: #164e63; color: #a5f3fc; }
.dark-mode .doc-debito     { background: #78350f; color: #fde68a; }
.dark-mode .doc-devolucion { background: #7f1d1d; color: #fecaca; }
.dark-mode .doc-compra     { background: #4c1d95; color: #ddd6fe; }
.dark-mode .doc-pago       { background: #064e3b; color: #a7f3d0; }
.dark-mode .doc-reintegro  { background: #881337; color: #fecdd3; }
.dark-mode .doc-otro       { background: #1e293b; color: #94a3b8; }
.dark-mode .doc-reserva    { background: #7c2d12; color: #fed7aa; }
.dark-mode .doc-transito   { background: #0c4a6e; color: #bae6fd; }

/* ---- Botón de rango de fechas alineado con los btn-tool del header de la card ---- */
.card-tools:has(#daterange-btn) { display: inline-flex; align-items: center; gap: .4rem; }
#daterange-btn.daterange {
  padding: .45rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: none;
}
/* Quitar el botón "−" (colapsar) en las pantallas que tienen el calendario */
.card-tools:has(#daterange-btn) [data-card-widget="collapse"] { display: none; }

/* ---- Filtro Reserva/Todos (Administrar Reservas), destacado ---- */
.filtro-reservas-box label { font-weight: 700; color: #2563EB; }
.filtro-reservas-select {
  border: 2px solid #2563EB !important;
  background: #eff6ff;
  color: #1e40af;
  font-weight: 700;
  border-radius: 999px;
  padding: .2rem 1.6rem .2rem .85rem;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
  cursor: pointer;
}
.filtro-reservas-select:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .28); }
.dark-mode .filtro-reservas-box label { color: #93c5fd; }
.dark-mode .filtro-reservas-select { background: #1e293b; color: #bfdbfe; border-color: #3b82f6 !important; }
/* Las invoices que llegaron al Gmail, debajo del campo de la invoice en Crear Compra (21/10). */
.invoices-mail-compra { margin-top: .5rem; border: 1px solid #BFDBFE; background: #EFF6FF; border-radius: 8px; padding: .45rem .65rem; font-size: .84rem; }
.invoices-mail-compra .imc-tit { font-weight: 700; color: #1E3A8A; display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.invoices-mail-compra .imc-tit a { font-weight: 500; font-size: .8rem; margin-left: auto; }
.invoices-mail-compra .imc-fila { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .3rem 0; border-top: 1px solid #DBEAFE; }
.invoices-mail-compra .imc-acc { display: inline-flex; gap: .35rem; }
.invoices-mail-compra .imc-error { color: #B91C1C; font-size: .8rem; }
.invoices-mail-pantalla { margin: 0 0 .8rem; padding: .6rem .85rem; font-size: .9rem; }
.invoices-mail-compra .imc-cab { color: inherit; text-decoration: none; }
.invoices-mail-compra .imc-cab:hover { text-decoration: underline; }
.invoices-mail-compra .imc-flecha { font-size: .7rem; color: #2563EB; transition: transform .15s; width: .8rem; }
.invoices-mail-compra .imc-tit.abierta .imc-flecha { transform: rotate(90deg); }
.invoices-mail-compra .imc-num { color: inherit; text-decoration: underline; text-decoration-color: rgba(37, 99, 235, .45); }
.invoices-mail-compra .imc-detalle { padding: .2rem 0 .6rem; overflow-x: auto; }
.invoices-mail-compra .imc-tabla { width: 100%; border-collapse: collapse; font-size: .82rem; background: #fff; border-radius: 6px; }
.invoices-mail-compra .imc-tabla th { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: #64748B; padding: .3rem .5rem; border-bottom: 1px solid #DBEAFE; }
.invoices-mail-compra .imc-tabla td { padding: .3rem .5rem; border-bottom: 1px solid #EFF6FF; vertical-align: top; font-variant-numeric: tabular-nums; }
.invoices-mail-compra .imc-ok { color: #15803D; font-size: .76rem; }
.invoices-mail-compra .imc-mal { color: #B45309; font-size: .76rem; font-weight: 600; }
.invoices-mail-compra .imc-avisos { margin-top: .4rem; color: #92400E; font-size: .8rem; }
.invoices-mail-compra .imc-avisos ul { margin: .2rem 0 0; padding-left: 1.1rem; }
.invoices-mail-compra .imc-cambios { margin: .2rem 0 .2rem; padding-left: 1.1rem; font-weight: 500; }
.invoices-mail-compra .imc-elegir { margin-left: .4rem; padding: 0 .45rem; font-size: .72rem; }
/* Equivalencias (21/10): la búsqueda del producto y la lista. */
.eqv-res { max-height: 300px; overflow-y: auto; text-align: left; }
.eqv-op { display: block; width: 100%; text-align: left; border: 1px solid #E5E7EB; background: #fff; border-radius: 6px; padding: .35rem .6rem; margin-bottom: .25rem; font-size: .85rem; cursor: pointer; }
.eqv-op:hover { background: #EFF6FF; border-color: #93C5FD; }
.eqv-tabla td, .eqv-tabla th { font-size: .82rem; vertical-align: top; }
.dark-mode .eqv-op { background: #1E293B; border-color: #334155; color: #E2E8F0; }
.dark-mode .eqv-op:hover { background: rgba(37, 99, 235, .2); }
.dark-mode .invoices-mail-compra .imc-tabla { background: transparent; }
.dark-mode .invoices-mail-compra .imc-tabla th { color: #94A3B8; border-bottom-color: rgba(147, 197, 253, .2); }
.dark-mode .invoices-mail-compra .imc-tabla td { border-bottom-color: rgba(147, 197, 253, .1); }
.dark-mode .invoices-mail-compra .imc-ok { color: #4ADE80; }
.dark-mode .invoices-mail-compra .imc-mal, .dark-mode .invoices-mail-compra .imc-avisos { color: #FBBF24; }
.dark-mode .invoices-mail-compra { background: rgba(37, 99, 235, .12); border-color: #1E3A8A; }
.dark-mode .invoices-mail-compra .imc-tit { color: #BFDBFE; }
.dark-mode .invoices-mail-compra .imc-fila { border-top-color: rgba(147, 197, 253, .2); }
/* Buscar cliente / vendedor / producto en Administrar Reservas (21/10): los campos del Inicio, más bajos para
   entrar en la misma fila; si no entran, bajan los TRES juntos a la fila de abajo (no se parten). */
.card-header:has(#rsvAdmFiltros) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .6rem; }
.card-header:has(#rsvAdmFiltros)::after { display: none; }
.card-header:has(#rsvAdmFiltros) > .filtro-reservas-box { margin-left: 0 !important; }
.card-header:has(#rsvAdmFiltros) > .card-tools { margin-left: auto; float: none; }
.rsv-adm-filtros { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; }
.rsv-adm-filtros .rsv-search-field { flex: 0 1 175px; min-width: 140px; padding: .18rem .6rem; box-shadow: none; border-width: 1.5px; }
.rsv-adm-filtros .rsv-search-field input, .rsv-adm-filtros .rsv-search-field select { font-size: .85rem; }
@media screen and (max-width: 767.98px) {
  .rsv-adm-filtros { display: flex; flex-wrap: wrap; margin: .5rem 0 0; }
  .rsv-adm-filtros .rsv-search-field { flex: 1 1 100%; }
}

/* Botones de acción de la grilla: íconos cuadrados, espaciados */
.table .btn-group { box-shadow: none; }
.table .btn-group > .btn {
  border-radius: 9px !important;
  margin: 0 2px;
  box-shadow: none;
}
/* Sólo los botones de SÓLO ÍCONO se hacen cuadrados; los de texto (ej. "Agregar") conservan su ancho */
.table .btn-group > .btn:has(> i:only-child) {
  width: 34px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0;
}
/* Botones de texto en la grilla (Agregar, etc.): prolijos y legibles */
.table .btn-group > .btn:not(:has(> i:only-child)) {
  padding: .28rem .8rem;
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
}
.table .btn-group > .btn:hover { transform: translateY(-1px); filter: brightness(1.06); }

/* Controles DataTables: length + buscar */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid var(--eol-border);
  border-radius: 999px;
  padding: .34rem .95rem;
  background: #fff;
  color: var(--eol-text);
  outline: none;
  transition: var(--eol-trans);
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
  border-color: var(--eol-primary);
  box-shadow: 0 0 0 3px rgba(37,99,235,.15);
}
.dataTables_wrapper .dataTables_info { color: var(--eol-muted); font-size: .82rem; }

/* Paginación tipo "pill" */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  margin: 0 2px;
  padding: .3rem .72rem !important;
  color: var(--eol-text) !important;
  background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--eol-primary-50) !important;
  border-color: transparent !important;
  color: var(--eol-primary-700) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--eol-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px -4px rgba(37,99,235,.6);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  opacity: .45; background: transparent !important; color: var(--eol-muted) !important;
}

/* Dark mode para tablas */
.dark-mode .table thead th { color: #94a3b8; border-bottom-color: rgba(148,163,184,.28) !important; }
.dark-mode .table tbody td,
.dark-mode table.dataTable tbody td { border-bottom-color: rgba(148,163,184,.12) !important; }
.dark-mode .table tbody tr:hover,
.dark-mode table.dataTable tbody tr:hover { background: rgba(37,99,235,.14); }
.dark-mode .dataTables_wrapper .dataTables_length select,
.dark-mode .dataTables_wrapper .dataTables_filter input { background: #0f1c33; border-color: var(--eol-border); color: var(--eol-text); }
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button { color: #cbd5e1 !important; }

/* =====================================================
   REPORTE DE VENTAS — Productos más vendidos (ranking)
   ===================================================== */
.top-prod-list { display: flex; flex-direction: column; }
.top-prod {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 4px;
  border-bottom: 1px solid #f1f5fa;
}
.top-prod:last-child { border-bottom: 0; }
.top-prod-rank {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: .8rem;
  color: #fff;
  background: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15,23,42,.12);
}
.top-prod-rank-1 { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
.top-prod-rank-2 { background: linear-gradient(135deg, #94a3b8, #cbd5e1); color: #334155; }
.top-prod-rank-3 { background: linear-gradient(135deg, #b45309, #d97706); }
.top-prod-img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 11px;
  border: 1px solid var(--eol-border);
  background: #fff;
  flex: 0 0 46px;
}
.top-prod-info { flex: 1 1 auto; min-width: 0; }
.top-prod-name {
  font-weight: 600;
  font-size: .86rem;
  color: var(--eol-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.top-prod-bar {
  height: 7px;
  background: #eef2f7;
  border-radius: 999px;
  overflow: hidden;
}
.top-prod-bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--eol-primary), #60a5fa);
  transition: width .5s ease;
}
.top-prod-stats { flex: 0 0 auto; text-align: right; min-width: 66px; }
.top-prod-units { font-weight: 700; font-size: .82rem; color: var(--eol-text); }
.top-prod-pct { font-size: .72rem; color: var(--eol-muted); margin-top: 1px; }

.dark-mode .top-prod { border-bottom-color: rgba(148,163,184,.14); }
.dark-mode .top-prod-bar { background: #1e293b; }
.dark-mode .top-prod-img { background: #0f1c33; }

/* =====================================================
   ESTADÍSTICAS — leyenda de Ventas por categoría
   ===================================================== */
.rubro-legend { display: flex; flex-direction: column; }
.rubro-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 2px;
  border-bottom: 1px solid #f1f5fa;
  font-size: .85rem;
}
.rubro-item:last-child { border-bottom: 0; }
.rubro-dot { flex: 0 0 11px; width: 11px; height: 11px; border-radius: 4px; }
.rubro-name {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--eol-text);
  font-weight: 600;
}
.rubro-val { flex: 0 0 auto; color: var(--eol-text); font-variant-numeric: tabular-nums; }
.rubro-pct {
  flex: 0 0 46px;
  text-align: right;
  color: var(--eol-muted);
  font-size: .76rem;
  font-weight: 600;
}
.dark-mode .rubro-item { border-bottom-color: rgba(148,163,184,.14); }

/* =====================================================
   ESTADÍSTICAS — Cuentas corrientes (financiero)
   ===================================================== */
.fin-kpis { display: flex; flex-direction: column; gap: 12px; }
.fin-kpi {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--eol-radius);
  background: #f8fafc;
  border: 1px solid var(--eol-border);
}
.fin-kpi-ico {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #fff;
}
.fin-kpi-cobrar .fin-kpi-ico { background: linear-gradient(135deg, #059669, #10b981); }
.fin-kpi-pagar .fin-kpi-ico  { background: linear-gradient(135deg, #dc2626, #ef4444); }
.fin-pos .fin-kpi-ico        { background: linear-gradient(135deg, #2563EB, #3b82f6); }
.fin-neg .fin-kpi-ico        { background: linear-gradient(135deg, #b45309, #f59e0b); }
.fin-kpi-body { flex: 1 1 auto; min-width: 0; }
.fin-kpi-label { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--eol-muted); font-weight: 600; }
.fin-kpi-val { font-size: 1.45rem; font-weight: 800; color: var(--eol-text); line-height: 1.15; }
.fin-kpi-cobrar .fin-kpi-val { color: #059669; }
.fin-kpi-pagar .fin-kpi-val  { color: #dc2626; }
.fin-neg .fin-kpi-val        { color: #b45309; }
.fin-kpi-sub { font-size: .76rem; color: var(--eol-muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* avatar (inicial) y variante deuda del ranking */
.top-prod-avatar {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.05rem;
  color: #fff;
  background: linear-gradient(135deg, #64748b, #94a3b8);
}
.top-prod--debt .top-prod-avatar { background: linear-gradient(135deg, #d97706, #f59e0b); }
.top-prod--debt .top-prod-bar > span { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.top-prod--debt .top-prod-units { color: #b45309; }

.dark-mode .fin-kpi { background: #0f1c33; }

/* =====================================================
   TARJETAS DE TOTALES (small-box) — estética moderna
   ===================================================== */
.small-box {
  border-radius: var(--eol-radius);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
  border: 0;
  overflow: hidden;
  position: relative;
}
.small-box > .inner { padding: 20px 22px; }
.small-box .inner h3 {
  font-size: 2rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin: 0 0 2px !important;
  line-height: 1.12 !important;
  text-align: left !important;
  text-shadow: none !important;
}
.small-box .inner p {
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 600;
  opacity: .92;
  margin: 0;
}
.small-box .icon { top: 50%; transform: translateY(-50%); right: 16px; opacity: .16; }
.small-box .icon > i { font-size: 58px; }
.small-box:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(15, 23, 42, .12); transition: var(--eol-trans); }

/* Variantes de color con degradé suave (scopeadas a small-box) */
.small-box.bg-orange { background: linear-gradient(135deg, #f59e0b, #fb923c) !important; }
.small-box.bg-info   { background: linear-gradient(135deg, #0ea5e9, #38bdf8) !important; }
.small-box.bg-green  { background: linear-gradient(135deg, #059669, #10b981) !important; }
.small-box.bg-red    { background: linear-gradient(135deg, #dc2626, #f87171) !important; }
.small-box.bg-orange, .small-box.bg-info, .small-box.bg-green, .small-box.bg-red { color: #fff !important; }
.small-box.bg-orange .inner h3, .small-box.bg-info .inner h3,
.small-box.bg-green .inner h3,  .small-box.bg-red .inner h3,
.small-box.bg-orange .inner p,  .small-box.bg-info .inner p,
.small-box.bg-green .inner p,   .small-box.bg-red .inner p { color: #fff !important; }

/* =====================================================
   PAGINACIÓN COMPACTA (markup Bootstrap de DataTables)
   Los números quedaban muy separados: se agrupan con gap chico y parejo.
   ===================================================== */
.dataTables_wrapper .dataTables_paginate ul.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate .page-item,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .page-item .page-link {
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: .26rem .56rem !important;
  min-width: 30px;
  text-align: center;
  line-height: 1.4;
  color: var(--eol-text);
  background: transparent;
  transition: var(--eol-trans);
}
.dataTables_wrapper .dataTables_paginate .page-item .page-link:hover {
  background: var(--eol-primary-50);
  color: var(--eol-primary-700);
}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
  background: var(--eol-primary) !important;
  border-color: var(--eol-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px -4px rgba(37, 99, 235, .6);
}
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
  opacity: .45;
  background: transparent;
}
.dark-mode .dataTables_wrapper .dataTables_paginate .page-item .page-link { color: #cbd5e1; }

/* =====================================================
   PATRIMONIO NETO — barras más gruesas y prolijas + iconos
   ===================================================== */
.pat-neto .progress {
  height: 22px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
  box-shadow: none;
  margin-bottom: 0;
}
.pat-neto .progress-bar {
  font-weight: 700;
  font-size: .76rem;
  line-height: 22px;
}
.pat-neto .table td { vertical-align: middle; }
.pat-neto .col-12.mb-2 .progress { height: 26px; }
.pn-ico { width: 18px; margin-right: 9px; text-align: center; }
.text-teal { color: #0d9488 !important; }
.dark-mode .pat-neto .progress { background: #1e293b; }
/* Control de Patrimonio en modo oscuro: varios inputs quedaban con fondo blanco.
   Los readonly usan la clase bg-light de Bootstrap (que trae !important y le ganaba
   al estilo dark de .form-control), y algunos editables tampoco tomaban el dark.
   Se fuerza el fondo oscuro en todos los inputs del panel; los readonly/bg-light van
   un tono más apagado para que se distingan de los editables. */
.dark-mode .pat-neto .form-control,
.dark-mode .pat-neto .custom-select {
  background: #111c33 !important;
  color: var(--eol-text) !important;
  border-color: var(--eol-border) !important;
}
.dark-mode .pat-neto .form-control[readonly],
.dark-mode .pat-neto .form-control.bg-light {
  background: #0d1526 !important;
  color: #94a3b8 !important;
}

/* =====================================================
   ICONOS EMOJI en Rubros / Marcas
   ===================================================== */
.lista-emoji { font-size: 1.15rem; line-height: 1; margin-right: 2px; }
.emoji-input { font-size: 1.25rem !important; text-align: center; max-width: 90px; }

/* =====================================================
   DATOS PORTAL PÚBLICO — editor visual + vista previa
   ===================================================== */
.cotiz-preview-wrap { border: 1px dashed var(--eol-border); border-radius: var(--eol-radius-sm); padding: 10px 12px; background: #fafbfc; }
.cotiz-preview-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--eol-muted); font-weight: 700; margin-bottom: 6px; }
.cotiz-preview {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  min-height: 34px;
  font-family: Arial, sans-serif;
  overflow-wrap: break-word;
}
.cotiz-preview:empty::before { content: 'Escribí arriba para ver la vista previa…'; color: #64748b; font-style: italic; font-family: 'Inter', sans-serif; }
.cotiz-preview a { color: #60a5fa; }
.emoji-picker { max-width: 190px; }
.note-editor.note-frame { border-radius: var(--eol-radius-sm); border-color: var(--eol-border); }
.dark-mode .cotiz-preview-wrap { background: #0f1c33; border-color: rgba(148,163,184,.2); }

/* =====================================================================
   ROBUSTEZ DE TABLAS ANTE ZOOM / TEXTO GRANDE
   Evita que las tablas se deformen/apreten: en vez de comprimir
   columnas, la tabla se desborda y aparece scroll horizontal dentro
   de la tarjeta.
   ===================================================================== */

/* El wrapper de DataTables permite scroll horizontal si la tabla no entra */
.dataTables_wrapper { overflow-x: auto; }

/* La tabla puede crecer con el contenido en vez de apretarse */
.card-body > .dataTables_wrapper > table.dataTable,
.card-body table.dataTable {
  min-width: 100%;
  width: auto;
}

/* =====================================================================
   SELECT2 — buscadores de clientes / proveedores (look del tema)
   ===================================================================== */
.select2-container--default .select2-selection--single {
  height: calc(2.25rem + 2px);
  border: 1px solid var(--eol-border);
  border-radius: var(--eol-radius-sm);
  display: flex;
  align-items: center;
  transition: var(--eol-trans);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  color: var(--eol-text);
  padding-left: .75rem;
  padding-right: 2rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--eol-muted); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 8px; }
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--eol-primary);
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}
.select2-dropdown {
  border-color: var(--eol-border);
  border-radius: var(--eol-radius-sm);
  box-shadow: var(--eol-shadow);
  overflow: hidden;
}
.select2-search--dropdown .select2-search__field {
  border-radius: 8px;
  border: 1px solid var(--eol-border);
  padding: .4rem .6rem;
  outline: none;
}
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--eol-primary);
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--eol-primary); }
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--eol-primary-50); color: var(--eol-text); }

.dark-mode .select2-container--default .select2-selection--single { background: #111c33; border-color: var(--eol-border); }
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--eol-text); }
.dark-mode .select2-dropdown { background: var(--eol-surface); border-color: var(--eol-border); }
.dark-mode .select2-search--dropdown .select2-search__field { background: #111c33; border-color: var(--eol-border); color: var(--eol-text); }
.dark-mode .select2-container--default .select2-results__option { color: var(--eol-text); }
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] { background: rgba(37,99,235,.16); }

/* =====================================================================
   BOTONES UNIFICADOS — barra de acciones (Opción B)
   Todos sólidos y redondeados; las exportaciones conservan su color de
   marca: Imprimir=azul, Excel=verde, PDF=rojo, WhatsApp=verde WhatsApp.
   Aplica a TODO el sistema vía las clases que DataTables agrega a los
   botones (.buttons-print / .buttons-excel / .buttons-pdf).
   ===================================================================== */
.dt-buttons .btn,
.dt-buttons .dt-button {
  border-radius: var(--eol-radius-sm) !important;
  font-weight: 600;
  margin: 0 .4rem 0 0;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: var(--eol-shadow-sm);
  transition: var(--eol-trans);
}
.dt-buttons .btn:last-child,
.dt-buttons .dt-button:last-child { margin-right: 0; }
.dt-buttons .btn:hover,
.dt-buttons .dt-button:hover { transform: translateY(-1px); }
.dt-buttons .btn i,
.dt-buttons .dt-button i { margin-right: .35rem; }

/* Imprimir → azul primario */
.dt-buttons .buttons-print,
.btn-eol-print {
  background: var(--eol-primary) !important;
  border-color: var(--eol-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px -4px rgba(37,99,235,.5) !important;
}
.dt-buttons .buttons-print:hover,
.btn-eol-print:hover { background: var(--eol-primary-600) !important; border-color: var(--eol-primary-600) !important; }

/* Excel → verde */
.dt-buttons .buttons-excel,
.btn-eol-excel {
  background: #1D6F42 !important;
  border-color: #1D6F42 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px -4px rgba(29,111,66,.5) !important;
}
.dt-buttons .buttons-excel:hover,
.btn-eol-excel:hover { background: #165536 !important; border-color: #165536 !important; }

/* PDF → rojo */
.dt-buttons .buttons-pdf,
.btn-eol-pdf {
  background: #D32F2F !important;
  border-color: #D32F2F !important;
  color: #fff !important;
  box-shadow: 0 4px 14px -4px rgba(211,47,47,.5) !important;
}
.dt-buttons .buttons-pdf:hover,
.btn-eol-pdf:hover { background: #B71C1C !important; border-color: #B71C1C !important; }

/* WhatsApp → verde WhatsApp */
.dt-buttons .buttons-whatsapp,
.btn-whatsapp,
.btn-eol-whatsapp {
  background: #25D366 !important;
  border-color: #25D366 !important;
  color: #0b3d1f !important;
  box-shadow: 0 4px 14px -4px rgba(37,211,102,.5) !important;
}
.dt-buttons .buttons-whatsapp:hover,
.btn-whatsapp:hover,
.btn-eol-whatsapp:hover { background: #1EBE5A !important; border-color: #1EBE5A !important; color: #0b3d1f !important; }

/* =====================================================================
   MENÚ DE USUARIO / CERRAR SESIÓN — versión moderna
   ===================================================================== */
.user-menu > .dropdown-menu {
  border: none;
  border-radius: var(--eol-radius);
  box-shadow: 0 20px 50px -18px rgba(15,23,42,.45);
  padding: 0;
  min-width: 260px;
  overflow: hidden;
}
.user-menu > .dropdown-menu > .user-header {
  height: auto;
  padding: 1.4rem 1rem 1.1rem;
  background: linear-gradient(180deg, var(--eol-primary) 0%, var(--eol-primary-700) 100%);
  text-align: center;
}
.user-menu > .dropdown-menu > .user-header img {
  width: 82px; height: 82px;
  border: 3px solid rgba(255,255,255,.85);
  box-shadow: 0 6px 18px -6px rgba(0,0,0,.5);
}
.user-menu > .dropdown-menu > .user-header p {
  color: #fff; font-weight: 700; font-size: 1rem; margin-top: .6rem;
}
.user-menu > .dropdown-menu > .user-header span { color: rgba(255,255,255,.85); font-size: .82rem; }
.user-menu > .dropdown-menu > .user-footer {
  background: var(--eol-surface);
  padding: .85rem 1rem;
  border-top: 1px solid var(--eol-border);
}
.user-menu > .dropdown-menu > .user-footer .btn-salir {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 999px;
  padding: .55rem 1rem;
  font-weight: 600;
  color: #fff;
  background: #DC2626;
  border: 1px solid #DC2626;
  box-shadow: 0 4px 14px -4px rgba(220,38,38,.5);
  transition: var(--eol-trans);
}
.user-menu > .dropdown-menu > .user-footer .btn-salir:hover {
  background: #B91C1C;
  border-color: #B91C1C;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px -8px rgba(220,38,38,.6);
}
.dark-mode .user-menu > .dropdown-menu > .user-footer { background: var(--eol-surface); border-top-color: var(--eol-border); }

/* =====================================================================
   SELECT2 clientes/proveedores: ESCRIBIR DIRECTO EN EL CAMPO
   Al abrir, el buscador se superpone sobre el propio campo (no aparece
   una cajita aparte debajo). Solo aplica a los selects con la clase
   eol-cp-select2 (clientes/proveedores), no al resto.
   ===================================================================== */
/* Oculta el campo entero mientras está abierto: el buscador del dropdown
   ocupa exactamente su lugar (una sola caja, se escribe "en el campo") */
.select2-container--open.eol-cp-select2 .select2-selection--single {
  visibility: hidden;
}
/* El dropdown se sube para tapar el campo cuando abre hacia abajo */
.eol-cp-select2-dd.select2-dropdown {
  border: 1px solid var(--eol-primary);
  box-shadow: 0 0 0 3px var(--eol-primary-100), var(--eol-shadow);
  border-radius: var(--eol-radius-sm);
}
.eol-cp-select2-dd.select2-dropdown--below {
  margin-top: calc(-2.25rem - 2px);
}
.eol-cp-select2-dd .select2-search--dropdown {
  padding: 0;
}
.eol-cp-select2-dd .select2-search--dropdown .select2-search__field {
  height: calc(2.25rem + 2px);
  border: none;
  border-bottom: 1px solid var(--eol-border);
  border-radius: var(--eol-radius-sm) var(--eol-radius-sm) 0 0;
  box-shadow: none;
  padding: 0 .75rem;
  outline: none;
  font-size: 1rem;
}
.eol-cp-select2-dd .select2-results { padding: 4px 0; }
.dark-mode .eol-cp-select2-dd .select2-search--dropdown .select2-search__field { border-bottom-color: var(--eol-border); }

/* =====================================================================
   CONFIGURACIÓN — rediseño moderno (scope .config-moderna)
   ===================================================================== */

/* Card contenedor "Nombre del sitio" */
.config-moderna .input-group-text.w-25 {
  background: var(--eol-primary-50);
  border: 1px solid var(--eol-border);
  color: var(--eol-primary-700);
  font-weight: 600;
  border-radius: 10px 0 0 10px;
  justify-content: center;
}
.config-moderna #nombre { border-radius: 0 10px 10px 0; }

/* --- Tabs de perfil como "segmented control" --- */
.config-moderna .card-tabs > .card-header {
  background: transparent !important;
  border: none !important;
  padding-bottom: 0;
}
.config-moderna .card-tabs .nav-tabs {
  border: none;
  gap: 4px;
  background: #eaeef4;
  padding: 5px;
  border-radius: 12px;
  display: inline-flex;
}
.config-moderna .card.card-tabs .nav-tabs .nav-item { margin: 0; }
.config-moderna .card.card-tabs .nav-tabs .nav-link {
  border: none !important;
  border-radius: 9px !important;
  color: var(--eol-muted) !important;
  font-weight: 600;
  padding: .5rem 1.5rem;
  background: transparent !important;
  transition: var(--eol-trans);
}
.config-moderna .card.card-tabs .nav-tabs .nav-link:hover { color: var(--eol-primary-700) !important; }
.config-moderna .card.card-tabs .nav-tabs .nav-link.active {
  background: #fff !important;
  color: var(--eol-primary) !important;
  box-shadow: var(--eol-shadow-sm);
}
.dark-mode .config-moderna .card.card-tabs .nav-tabs { background: #0b1526; }
.dark-mode .config-moderna .card.card-tabs .nav-tabs .nav-link.active { background: #17233b !important; }

/* --- Tarjetas de módulos --- */
.config-moderna .tab-pane .row { row-gap: 1.1rem; }
.config-moderna .tab-pane .card {
  border: 1px solid var(--eol-border) !important;
  border-radius: var(--eol-radius);
  box-shadow: var(--eol-shadow-sm);
  overflow: hidden;
  height: 100%;
  margin-bottom: 0;
  transition: var(--eol-trans);
}
.config-moderna .tab-pane .card:hover {
  box-shadow: var(--eol-shadow);
  transform: translateY(-2px);
  border-color: #d7deea !important;
}
.config-moderna .tab-pane .card > .card-header {
  background: #fff;
  border-bottom: 1px solid var(--eol-border);
  display: flex;
  align-items: center;
  gap: 9px;
  padding: .7rem .85rem;
  min-height: auto;
}
.config-moderna .tab-pane .card .card-title {
  font-weight: 700;
  color: var(--eol-text);
  font-size: 1rem;
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.config-moderna .tab-pane .card > .card-body { padding: .55rem .7rem .7rem; }

/* Icono coloreado (lo agrega configuracion.js) */
.config-moderna .cfg-card-icon {
  width: 32px; height: 32px; border-radius: 9px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; font-size: .82rem; flex: 0 0 auto;
  box-shadow: var(--eol-shadow-sm);
}
/* Contador activos/total (lo agrega configuracion.js) */
.config-moderna .cfg-count {
  margin-left: 8px; font-size: .68rem; font-weight: 700;
  color: var(--eol-muted); background: #f1f5f9;
  padding: 2px 9px; border-radius: 999px; line-height: 1.5;
}
.dark-mode .config-moderna .cfg-count { background: #17233b; }

/* "Marcar todos" en el header, a la derecha */
.config-moderna .tab-pane .card > .card-header .custom-switch.ml-auto .custom-control-label {
  font-size: .74rem; color: var(--eol-muted); text-transform: uppercase; letter-spacing: .3px; padding-top: 2px;
}

/* --- Filas de toggle --- */
.config-moderna .tab-pane .card-body .custom-switch {
  padding: .34rem .5rem .34rem 3.1rem;
  margin-bottom: 2px;
  border-radius: 9px;
  min-height: auto;
  transition: var(--eol-trans);
}
.config-moderna .tab-pane .card-body .custom-switch:hover { background: var(--eol-primary-50); }
.dark-mode .config-moderna .tab-pane .card-body .custom-switch:hover { background: #142138; }
.config-moderna .tab-pane .card-body .custom-switch .custom-control-label {
  cursor: pointer; font-weight: 500; color: var(--eol-text); font-size: .9rem; padding-top: 1px;
}

/* Interruptores modernos (aplica a todos los custom-switch de la página) */
.config-moderna .custom-switch .custom-control-label::before {
  left: -2.6rem; width: 2.1rem; height: 1.15rem; top: .05rem;
  border-radius: 999px; background: #cbd5e1; border: none; box-shadow: none;
  transition: var(--eol-trans);
}
.config-moderna .custom-switch .custom-control-label::after {
  left: -2.5rem; top: calc(.05rem + 3px); width: .82rem; height: .82rem;
  border-radius: 50%; background: #fff; transition: var(--eol-trans);
}
.config-moderna .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background: var(--eol-primary); box-shadow: 0 2px 6px -1px rgba(37,99,235,.5);
}
.config-moderna .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(.95rem);
}
.config-moderna .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px var(--eol-primary-100);
}

/* =====================================================================
   DASHBOARD — alturas parejas de las tarjetas del "Resumen general"
   ===================================================================== */
#dashboard-small-boxes-card .row > [class*="col-"] { display: flex; }
#dashboard-small-boxes-card .small-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#dashboard-small-boxes-card .small-box > .inner { flex: 1 1 auto; }
#dashboard-small-boxes-card .small-box > .small-box-footer { margin-top: auto; }
/* Separación vertical entre filas = separación horizontal entre columnas (15px).
   El margin-bottom del small-box queda anulado por el height:100% del flex, así
   que el gap entre filas lo damos con margin-top en las filas siguientes. */
#dashboard-small-boxes-card .small-box { margin-bottom: 0; }
#dashboard-small-boxes-card .row + .row { margin-top: 15px; }
/* La última fila de tarjetas quedaba pegada al borde inferior del card. El card-body
   tiene la clase pb-0 de Bootstrap, que trae !important; por eso hay que forzar el
   padding con !important (el selector #id .card-body igual le gana en especificidad).
   Aire abajo generoso + separación con la card de "Reservas a Entregar" de abajo. */
#dashboard-small-boxes-card .card-body { padding-bottom: 2rem !important; }
#dashboard-small-boxes-card { margin-bottom: 1.5rem; }

/* =====================================================================
   USUARIOS — retoques modernos
   ===================================================================== */
.eol-avatar-tabla {
  width: 40px; height: 40px; border-radius: 50%;
  object-fit: cover; border: 2px solid var(--eol-border);
  box-shadow: var(--eol-shadow-sm); background: #fff;
}
.eol-badge-perfil {
  font-size: .74rem; font-weight: 600; padding: .42em .8em;
  border-radius: 999px; letter-spacing: .2px;
  display: inline-block; min-width: 120px; text-align: center;
}
/* Perfil en tono PASTEL (mismo criterio que las pastillas de cuenta) */
.eol-badge-perfil.badge-primary { background-color: #dbeafe !important; color: #1e40af !important; }
.eol-badge-perfil.badge-success { background-color: #d1fae5 !important; color: #065f46 !important; }
.eol-badge-perfil.badge-warning { background-color: #fef3c7 !important; color: #92400e !important; }
/* Botón de estado Activo/Inactivo como pill */
.tablaUsuarios .btnActivar { border-radius: 999px !important; font-weight: 600; padding: .2rem .8rem; }

/* =====================================================================
   TARJETAS DE TOTALES — Administrar Compras
   ===================================================================== */
.compras-stat {
  display: flex;
  align-items: center;
  gap: .7rem;
  height: 100%;
  background: var(--eol-surface);
  border: 1px solid var(--eol-border);
  border-radius: var(--eol-radius);
  padding: .7rem .9rem;
  box-shadow: var(--eol-shadow-sm);
  transition: var(--eol-trans);
}
.compras-stat:hover { box-shadow: var(--eol-shadow); transform: translateY(-1px); }
.compras-stat-ico {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1rem; color: #fff;
}
.compras-stat-body { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.compras-stat-label {
  font-size: .7rem; text-transform: uppercase; letter-spacing: .4px;
  color: var(--eol-muted); font-weight: 600;
}
.compras-stat-value { font-size: 1.15rem; font-weight: 800; color: var(--eol-text); white-space: nowrap; }
.compras-stat--peso  .compras-stat-ico { background: #14b8a6; }               /* teal  */
.compras-stat--fob   .compras-stat-ico { background: var(--eol-primary); }    /* azul  */
.compras-stat--flete .compras-stat-ico { background: #f59e0b; }               /* ámbar */
.compras-stat--costo .compras-stat-ico { background: #16a34a; }               /* verde */

/* =====================================================================
   ESTADO DEUDOR / ACREEDOR — filas por saldo (tinte suave + acento izq.)
   ===================================================================== */
.tablaDeudor tbody tr.saldo-row-neg > td,
.tablaAcreedor tbody tr.saldo-row-neg > td { background-color: #fff5f5 !important; }
.tablaDeudor tbody tr.saldo-row-pos > td,
.tablaAcreedor tbody tr.saldo-row-pos > td { background-color: #f2fdf5 !important; }
.tablaDeudor tbody tr.saldo-row-neg > td:first-child,
.tablaAcreedor tbody tr.saldo-row-neg > td:first-child { box-shadow: inset 4px 0 0 #ef4444; }
.tablaDeudor tbody tr.saldo-row-pos > td:first-child,
.tablaAcreedor tbody tr.saldo-row-pos > td:first-child { box-shadow: inset 4px 0 0 #22c55e; }
.tablaDeudor tbody tr.saldo-row-neg:hover > td,
.tablaAcreedor tbody tr.saldo-row-neg:hover > td { background-color: #fee2e2 !important; }
.tablaDeudor tbody tr.saldo-row-pos:hover > td,
.tablaAcreedor tbody tr.saldo-row-pos:hover > td { background-color: #dcfce7 !important; }
.dark-mode .tablaDeudor tbody tr.saldo-row-neg > td,
.dark-mode .tablaAcreedor tbody tr.saldo-row-neg > td { background-color: rgba(239,68,68,.13) !important; }
.dark-mode .tablaDeudor tbody tr.saldo-row-pos > td,
.dark-mode .tablaAcreedor tbody tr.saldo-row-pos > td { background-color: rgba(34,197,94,.13) !important; }

/* =====================================================================
   PATRIMONIO — tile en modo carga manual (mes anterior sin cerrar)
   Se marca con borde punteado para que se note que ese número lo pone
   Ari y no el sistema.
   ===================================================================== */
.pn-tile-edit { border-style: dashed !important; background: #fffbeb; }
.dark-mode .pn-tile-edit { background: rgba(245, 158, 11, .08); }

/* =====================================================================
   CUENTA CORRIENTE — columna "Forma de pago"
   Una pastilla por medio de pago + su importe al lado. Cada operación
   puede tener varias, así que van apiladas.
   ===================================================================== */
.fp-item { display: flex; align-items: center; gap: .35rem; margin: .1rem 0; white-space: nowrap; }
.fp-monto { font-size: .78rem; color: #475569; font-weight: 600; }
.dark-mode .fp-monto { color: #cbd5e1; }

/* =====================================================================
   PAGOS "PINTADOS" — los que se toman como base de los gastos de
   transferencia en Patrimonio. Mismo criterio que Deudor/Acreedor:
   tinte suave + barra de acento a la izquierda (nada de relleno fuerte).
   ===================================================================== */
#viewPagos tbody tr.pago-pintado > td { background-color: #fef9c3 !important; }
#viewPagos tbody tr.pago-pintado > td:first-child { box-shadow: inset 4px 0 0 #f59e0b; }
#viewPagos tbody tr.pago-pintado:hover > td { background-color: #fef08a !important; }
.dark-mode #viewPagos tbody tr.pago-pintado > td { background-color: rgba(245,158,11,.15) !important; }

/* =====================================================================
   COMPROBANTE (PDF) — botón "Adjuntar" alineado con el cuadro de archivo
   (el tema le daba sombra/redondeo que lo desalineaba del custom-file)
   ===================================================================== */
#btnAdjuntarComprobante {
  height: calc(2.25rem + 2px);
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
#btnAdjuntarComprobante:hover { transform: none; }

/* ============================================================
   Sidebar moderno: fondo azul-oscuro degradado + íconos celestes
   parejos + ítem activo como "pastilla" azul del tema. Look sobrio
   y profesional. Todo por CSS, sin tocar menu.php.
   ============================================================ */
.main-sidebar {
  background: linear-gradient(180deg, #1f3b63 0%, #0e1f38 100%) !important;
}
/* Zona del logo, apenas más oscura, con separación */
.main-sidebar .brand-link {
  background: rgba(0, 0, 0, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
/* Cada ítem como fila redondeada con aire a los costados */
.main-sidebar .nav-sidebar .nav-link {
  border-radius: 8px;
  margin: 2px 8px;
}
/* Íconos en celeste suave y parejos; texto un poco más claro */
.main-sidebar .nav-sidebar .nav-icon { color: #74c0fc; }
.main-sidebar .nav-sidebar .nav-link p { color: #dfe7f1; }
/* Hover sutil */
.main-sidebar .nav-sidebar .nav-link:hover { background: rgba(255, 255, 255, .06); }
/* Ítem activo: pastilla azul del tema con ícono y texto blancos */
.main-sidebar .nav-sidebar .nav-link.active {
  background: #2563EB !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .35);
}
.main-sidebar .nav-sidebar .nav-link.active > .nav-icon,
.main-sidebar .nav-sidebar .nav-link.active p { color: #fff !important; }

/* =========================================================================
   ENCABEZADO DE TABLA PEGADO (una sola barra de scroll: la de la pagina).
   Con layout-navbar-fixed la pagina scrollea y el navbar queda fijo; el thead
   se pega justo debajo (top = alto del navbar, lo setea plantilla.js en
   --eol-sticky-top). border-collapse:separate es clave para que el fondo del
   thead pinte opaco (con collapse queda transparente y se ven las filas). */
.eol-sticky-head { border-collapse: separate !important; border-spacing: 0; }
.eol-sticky-head thead th {
  position: sticky; top: 0; z-index: 5;
  background-color: #fff !important; box-shadow: inset 0 -1px 0 #dee2e6;
}
.dark-mode .eol-sticky-head thead th { background-color: #343a40 !important; }

/* =========================================================================
   DATERANGEPICKER (selector de rango de fechas) — MODO OSCURO
   Sin esto, en modo noche las opciones (Hoy/Ayer/Este mes/…) quedan como
   pastillas BLANCAS que encandilan, y el calendario del "Rango Personalizado"
   también sale claro. Acá se pasa todo a superficie oscura + texto claro.
   ========================================================================= */
.dark-mode .daterangepicker {
  background: #16233f; border-color: rgba(255,255,255,.12);
  box-shadow: 0 12px 34px rgba(0,0,0,.6);
}
.dark-mode .daterangepicker:after { border-bottom-color: #16233f; }
.dark-mode .daterangepicker:before { border-bottom-color: rgba(255,255,255,.18); }
/* Lista de rangos */
.dark-mode .daterangepicker .ranges li {
  background: #0f1c33; color: #cbd5e1; border-color: rgba(255,255,255,.08);
}
.dark-mode .daterangepicker .ranges li:hover { background: #1e2f52; color: #fff; }
.dark-mode .daterangepicker .ranges li.active { background: #2563eb; color: #fff; border-color: #2563eb; }
/* Calendario (Rango Personalizado) */
.dark-mode .daterangepicker .calendar-table { background: #16233f; border-color: transparent; }
.dark-mode .daterangepicker td, .dark-mode .daterangepicker th { color: #e2e8f0; }
.dark-mode .daterangepicker td.available:hover,
.dark-mode .daterangepicker th.available:hover { background: #1e2f52; }
.dark-mode .daterangepicker td.off,
.dark-mode .daterangepicker td.off.in-range,
.dark-mode .daterangepicker td.off.start-date,
.dark-mode .daterangepicker td.off.end-date { background: #16233f; color: #64748b; }
.dark-mode .daterangepicker td.in-range { background: #1e3a5f; color: #e2e8f0; }
.dark-mode .daterangepicker td.active,
.dark-mode .daterangepicker td.active:hover { background: #2563eb; color: #fff; }
.dark-mode .daterangepicker th.month { color: #cbd5e1; }
.dark-mode .daterangepicker .drp-calendar.left { border-color: rgba(255,255,255,.08); }
.dark-mode .daterangepicker select.monthselect,
.dark-mode .daterangepicker select.yearselect,
.dark-mode .daterangepicker select.hourselect,
.dark-mode .daterangepicker select.minuteselect,
.dark-mode .daterangepicker select.ampmselect {
  background: #0f1c33; color: #e2e8f0; border-color: rgba(255,255,255,.15);
}
/* Flechas de mes (prev/next) */
.dark-mode .daterangepicker .calendar-table .next span,
.dark-mode .daterangepicker .calendar-table .prev span { border-color: #cbd5e1; }
/* Pie de botones */
.dark-mode .daterangepicker .drp-buttons { border-top-color: rgba(255,255,255,.1); }
.dark-mode .daterangepicker .drp-buttons .drp-selected { color: #94a3b8; }
.dark-mode .daterangepicker .drp-buttons .cancelBtn {
  background: #0f1c33; color: #e2e8f0; border-color: rgba(255,255,255,.15);
}

/* =========================================================================
   MODO OSCURO — barrido de superficies claras (auditoría 2026-08-11)
   Tarjetas/tiles de reportes, paneles, chips e inputs con fondo claro
   hardcodeado que quedaban blancos/pastel y encandilaban en noche. En modo
   día NO cambia nada (todo va bajo .dark-mode).
   ========================================================================= */
/* Reporte "Ventas por Cliente" — tiles y títulos (JS inline) */
.dark-mode .dvxc-tile{background:#16233f !important;border-color:rgba(255,255,255,.09) !important}
.dark-mode .dvxc-smart-title{color:#e5e7eb !important}

/* KPIs de reportes: Radar de Clientes, Proyección de Rentabilidad */
.dark-mode .radar-kpi,
.dark-mode .pr-kpi{background:#16233f !important;border-color:rgba(255,255,255,.09) !important}

/* Búsqueda IMEI/Serial */
.dark-mode .bi-search{background:#16233f !important;border-color:rgba(255,255,255,.12) !important}
.dark-mode .bi-search input{color:#e5e7eb}
.dark-mode .bi-card{background:#16233f !important;border-color:rgba(255,255,255,.09) !important}
.dark-mode .bi-thead{border-bottom-color:rgba(255,255,255,.09)}
.dark-mode .bi-row{border-top-color:rgba(255,255,255,.06)}
.dark-mode .bi-badge.ok{background:#12331f !important;color:#86efac !important}
.dark-mode .bi-badge.no{background:#3a1720 !important;color:#fca5a5 !important}
.dark-mode .bi-coinc mark{background:#5a4d13 !important;color:#fde68a !important}

/* Buscador del sistema — dropdown de sugerencias (menu.php inline #fff) */
.dark-mode #eolBuscarSugerencias{background:#16233f !important;box-shadow:0 12px 34px rgba(0,0,0,.6) !important}
.dark-mode .eol-sug-item{color:#e2e8f0 !important;border-bottom-color:rgba(255,255,255,.07) !important}
.dark-mode .eol-sug-item:hover{background:#1e2f52}

/* Panel flotante "restaurar tarjetas" (custom.css) */
.dark-mode .restore-removed-cards-panel{background:#16233f !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 12px 34px rgba(0,0,0,.6) !important}
.dark-mode .restore-removed-cards-title{color:#e5e7eb !important}

/* Patrimonio — filas de gasto hijas (inline #f8fafc) */
.dark-mode tr.pn-gasto-hijo{background:#0f1c33 !important}

/* Dashboard — caja de nota del "Detalle del Pedido" */
.dark-mode .dp-nota{background:#0f1c33 !important;color:#cbd5e1 !important}

/* Líneas de "ítem libre" (amarillas) en formularios y grillas (Rentabilidad / Detalle Ventas) */
.dark-mode .linea-item-libre .form-control,
.dark-mode .linea-item-libre .input-group-text{background-color:#2a2410 !important;color:#fde68a !important;border-color:rgba(255,255,255,.12) !important}
.dark-mode #viewRentabilidad tbody tr.linea-item-libre-tabla td,
.dark-mode #viewDVentas tbody tr.linea-item-libre-tabla td{background-color:#2a2410 !important;color:#fde68a !important}

/* Transferencias — TC readonly */
.dark-mode #tcTransferencia[readonly]{background-color:#111c33 !important;color:#e2e8f0 !important}

/* Leyendas deudor/acreedor (pill pastel rojo) */
.dark-mode .saldo-pill{background:#3a1720 !important;color:#fca5a5 !important}
/* La etiqueta "Verde" de la leyenda también quedaba roja de noche (la regla de arriba las pinta todas) */
.dark-mode .saldo-pill.saldo-pill-favor{background:#12301f !important;color:#86efac !important}

/* ---- Formularios Reserva / Tránsito / Devolución (reserva-moderna.css) ---- */
.dark-mode .formularioReserva .input-group-text,
.dark-mode .formularioTransito .input-group-text,
.dark-mode .formularioDevolucion .input-group-text{background:#111c33 !important;border-color:rgba(255,255,255,.12) !important;color:#e2e8f0 !important}
/* Crear Compra: el campo de la invoice mientras se arrastra un PDF encima (19/10). */
#zonaInvoiceCompra.arrastrando .form-control{border:2px dashed #2563EB!important;background:rgba(37,99,235,.08)!important}
#zonaInvoiceCompra.arrastrando{outline:3px solid rgba(37,99,235,.25);border-radius:.4rem}
/* Crear / Editar Reserva: sin Item libre no hay columna Costo y la descripción usa ese lugar (19/10). */
.formularioReserva.reservaSinCosto .cabeceraCostoReserva,
.formularioReserva.reservaSinCosto .ingresoCostoPlaceholder{display:none!important}
@media screen and (min-width:992px){
  .formularioReserva.reservaSinCosto .cabeceraItemsReserva>.col-lg-6,
  .formularioReserva.reservaSinCosto .nuevoProducto>.row>.col-lg-6{flex:0 0 58.333333%;max-width:58.333333%}
}
.dark-mode .formularioReserva .nuevoProducto .row:hover,
.dark-mode .formularioTransito .nuevoProducto .row:hover,
.dark-mode .formularioDevolucion .nuevoProducto .row:hover{background:#111c33}
.dark-mode .formularioReserva .nuevoPrecioTProducto,
.dark-mode .formularioTransito .nuevoPrecioTProducto,
.dark-mode .formularioDevolucion #nuevoTotalDevolucion{background:#111c33 !important;color:#e5e7eb}
.dark-mode .formularioReserva .btn-warning,
.dark-mode .formularioTransito .btn-warning,
.dark-mode .formularioDevolucion .btn-warning{background:#2a2410 !important;color:#fde68a !important}
.dark-mode .formularioReserva #btnAgregarItemLibre.btn-primary{background:#12233f !important;color:#93c5fd !important}

/* ---- Formulario de Compra (compra-moderna.css) ---- */
.dark-mode #reservaPane .card-primary > .card-header{background:#0f1c33 !important}
.dark-mode .formularioCompra .input-group-text{background:#111c33 !important;border-color:rgba(255,255,255,.12) !important;color:#e2e8f0 !important}
.dark-mode .formularioCompra .nuevaDescripcionProducto{background:#111c33 !important;color:#e5e7eb}
.dark-mode .formularioCompra .nuevoCostoFlete{background:#12261c !important;color:#86efac !important}
.dark-mode .formularioCompra .nuevoPrecioUProductoCalculado{background:#12233f !important;color:#93c5fd !important}
.dark-mode .formularioCompra .nuevoPrecioTProducto,
.dark-mode .formularioCompra #nuevoCantidadProductosCompra,
.dark-mode .formularioCompra #nuevoPesoNetoCompra{background:#111c33 !important;color:#e5e7eb}
.dark-mode .formularioCompra .nuevoProducto .row:hover{background:#111c33}
.dark-mode .formularioCompra .btn-info{background:#12233f !important;color:#93c5fd !important}
.dark-mode .formularioCompra .btn-warning{background:#2a2410 !important;color:#fde68a !important}
.dark-mode .formularioCompra #btnCalcularPrecioCompra.btn-info{background:#1e293b !important;color:#e2e8f0 !important}

/* =========================================================================
   VISTA TARJETAS EN EL CELULAR — GENÉRICO (.eol-cards)
   Cualquier grilla DataTables que lleve la clase `eol-cards` (y NO lleve
   `dt-responsive`) se dibuja como tarjetas en pantallas chicas. Las etiquetas
   y las clases td-titulo / td-acciones / td-vacia las pone plantilla.js.
   En la compu NO cambia nada (todo va adentro del media query).

   Reservas / Compras / Tránsitos / Facturas NO usan esto: tienen su propio
   CSS inline (idéntico en resultado) de cuando se hizo pantalla por pantalla.
   ========================================================================= */
@media screen and (max-width: 767.98px) {   /* screen: al IMPRIMIR no debe aplicar (si no, el listado sale en tarjetas) */
  table.eol-cards thead { display: none; }
  /* DataTables le fija a la tabla un ancho en px mayor que la pantalla → hay que
     forzar wrapper + tabla al ancho del celular, si no la tarjeta se desborda y
     el valor (alineado a la derecha) se va de pantalla y se corta. */
  .eol-cards-wrap { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
  table.eol-cards { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; table-layout: fixed; }
  /* OJO: solo el colgroup PROPIO de la grilla (hijo directo). Sin el ">" el selector
     alcanzaba también al colgroup de las TABLAS ANIDADAS —el detalle de la factura en
     Cuenta Corriente—, les borraba los anchos por columna (55/13/16/16) y quedaban las
     4 columnas iguales, tan angostas que hasta los importes se partían al medio. */
  table.eol-cards > colgroup, table.eol-cards > colgroup > col { width: auto !important; }
  table.eol-cards, table.eol-cards > tbody, table.eol-cards > tbody > tr, table.eol-cards > tbody > tr > td {
    display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box;
  }
  table.eol-cards > tbody > tr {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    margin-bottom: .8rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    background: #fff;
    overflow: hidden;
  }
  /* Etiqueta a la IZQUIERDA, valor a la DERECHA. */
  table.eol-cards > tbody > tr > td {
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
    display: flex !important; justify-content: space-between; align-items: baseline; gap: .9rem;
    padding: .42rem .85rem; text-align: right !important;
    white-space: normal !important; word-break: break-word; overflow-wrap: anywhere;
    font-size: .95rem;
  }
  table.eol-cards > tbody > tr > td::before {
    content: attr(data-label);
    font-weight: 700; color: #64748B; font-size: .68rem; text-transform: uppercase;
    letter-spacing: .04em; text-align: left; white-space: nowrap; flex: 0 0 auto;
    position: relative; top: -1px;
  }
  table.eol-cards > tbody > tr > td { color: #1F2937; font-weight: 500; }
  table.eol-cards > tbody > tr > td[data-label="Total"] { font-weight: 700; }
  /* 1ª columna = título de la tarjeta (sin etiqueta) */
  table.eol-cards > tbody > tr > td.td-titulo {
    display: block !important; font-size: 1.15rem; font-weight: 700;
    padding: .55rem .85rem; background: #F8FAFC; text-align: left !important;
  }
  table.eol-cards > tbody > tr > td.td-titulo::before { display: none; content: ""; }
  /* Celdas sin dato: no ocupan lugar */
  table.eol-cards > tbody > tr > td.td-vacia { display: none !important; }
  /* Columna "Acciones": sin etiqueta, botones centrados y que envuelvan */
  table.eol-cards > tbody > tr > td.td-acciones {
    border-bottom: 0 !important; text-align: center !important;
    padding: .6rem .5rem .7rem; background: #FAFBFC;
  }
  table.eol-cards > tbody > tr > td.td-acciones::before { display: none; content: ""; }
  table.eol-cards > tbody > tr > td.td-acciones .btn-group { display: inline-flex; flex-wrap: wrap; gap: .3rem; justify-content: center; }
  table.eol-cards > tbody > tr > td.td-acciones .btn-group > .btn { border-radius: 8px !important; }
  /* Última celda de la tarjeta: sin línea colgando */
  table.eol-cards > tbody > tr > td:last-child { border-bottom: 0 !important; }

  /* ---- MODO OSCURO ---- */
  .dark-mode table.eol-cards > tbody > tr {
    background: #16233f !important;
    border-color: rgba(255,255,255,.09) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
  }
  .dark-mode table.eol-cards > tbody > tr > td {
    border-bottom-color: rgba(255,255,255,.08) !important;
    color: #e5e7eb;
  }
  .dark-mode table.eol-cards > tbody > tr > td::before { color: #94a3b8; }
  .dark-mode table.eol-cards > tbody > tr > td.td-titulo,
  .dark-mode table.eol-cards > tbody > tr > td.td-acciones { background: #0f1c33 !important; }
  /* Filas con resaltado inline (pintadas por JS): tinte oscuro + acento a la izquierda */
  .dark-mode table.eol-cards > tbody > tr[style*="background"] {
    background: #14312a !important;
    box-shadow: inset 4px 0 0 #22c55e, 0 1px 4px rgba(0,0,0,.5);
  }
}

/* Filas "hijas" dentro de una grilla .eol-cards (el detalle inline de la factura en
   Cuenta Corriente, y la fila hija de DataTables Responsive): son un solo <td colspan>.
   No son un dato de la tarjeta → sin etiqueta, ancho completo y alineadas a la izquierda. */
@media screen and (max-width: 767.98px) {   /* screen: al IMPRIMIR no debe aplicar (si no, el listado sale en tarjetas) */
  table.eol-cards > tbody > tr > td[colspan] {
    display: block !important; text-align: left !important; padding: .5rem .85rem;
  }
  table.eol-cards > tbody > tr > td[colspan]::before { display: none; content: ""; }
  /* El corte de palabras de la tarjeta (word-break/overflow-wrap) SE HEREDA, y adentro
     del detalle partía hasta los importes ("940.00" quedaba como "940.0" + "0"). Acá se
     vuelve al corte normal; la descripción del producto conserva el suyo porque lo trae
     como estilo inline (corriente.js), que gana por especificidad. */
  table.eol-cards > tbody > tr > td[colspan],
  table.eol-cards > tbody > tr > td[colspan] * { word-break: normal; overflow-wrap: normal; }
  /* La tabla del detalle se queda con SUS anchos por columna y no se desborda. */
  table.eol-cards > tbody > tr > td[colspan] table { width: 100% !important; max-width: 100% !important; }
  table.eol-cards > tbody > tr > td[colspan] th,
  table.eol-cards > tbody > tr > td[colspan] td { padding: .3rem .35rem; font-size: .82rem; }
}

/* Grillas .eol-cards que usan scrollY (cuerpo con scroll interno y encabezado fijo:
   Stock Valorizado, Cuenta Corriente). En el celular esa cajita de alto fijo encierra
   las tarjetas en un recuadro chiquito con scroll propio → se le saca el tope de alto
   y scrollea la PÁGINA, como en el resto. El encabezado clonado no sirve en modo
   tarjeta (los datos ya llevan su etiqueta), así que se oculta. */
@media screen and (max-width: 767.98px) {   /* screen: al IMPRIMIR no debe aplicar (si no, el listado sale en tarjetas) */
  .eol-cards-wrap .dataTables_scrollBody {
    max-height: none !important; height: auto !important; overflow: visible !important;
  }
  .eol-cards-wrap .dataTables_scrollHead { display: none !important; }
  .eol-cards-wrap .dataTables_scroll { overflow: visible !important; }
}

/* Marca de "el cliente modifico este pedido desde la tienda" (Administrar Reservas) */
.reserva-editada { color:#D97706; margin-left:.25rem; }

/* =============================================================================
   TARJETAS DE TOTALES (KPI de color) — nacieron en Estado Deudor y ahora las usa
   también Cuentas de Subclientes. Están acá y no repetidas en cada pantalla para
   que no se separen con el tiempo: `.deudor-stat` se mantiene como alias, así la
   pantalla de Estado Deudor no hubo que tocarla.
   ============================================================================= */
.eol-stat, .deudor-stat {
  border-radius: 14px; padding: 16px 18px; color: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.08); position: relative; overflow: hidden;
}
.eol-stat .lbl, .deudor-stat .lbl {
  font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; opacity: .92;
}
.eol-stat .val, .deudor-stat .val {
  font-size: 1.7rem; font-weight: 800; line-height: 1.15; margin-top: 2px;
}
.eol-stat .sub, .deudor-stat .sub { font-size: .78rem; opacity: .9; margin-top: 2px; }
/* el ícono de fondo, apenas visible: da color sin competir con el número */
.eol-stat .bgi, .deudor-stat .bgi {
  position: absolute; right: 10px; bottom: 4px; font-size: 3.4rem; opacity: .18;
}
.eol-stat-total, .deudor-stat-total { background: linear-gradient(135deg, #2563eb, #1e40af); }
.eol-stat-deuda, .deudor-stat-deuda { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.eol-stat-favor, .deudor-stat-favor { background: linear-gradient(135deg, #16a34a, #15803d); }
.eol-stat-neutro { background: linear-gradient(135deg, #64748b, #334155); }

/* La pastilla de la leyenda de colores */
.saldo-pill { display: inline-block; padding: .12rem .55rem; border-radius: 999px; font-weight: 700; }

/* =========================================================================
   IMPRESIÓN DE LAS GRILLAS (botón Imprimir de DataTables) — RENGLONES APRETADOS
   El listado salía con mucho aire: Bootstrap le da .75rem de padding arriba y
   abajo a cada celda (unos 24px por renglón), así que un stock de 200 productos
   se llevaba varias hojas de más.
   📌 Alcanza con escribirlo UNA vez acá: la impresión arma un iframe que copia
   TODAS las hojas del sistema (ver vistas/js/eol-print-iframe.js), así que esto
   llega a todas las pantallas que imprimen una grilla.
   ⚠️ NO toca la pantalla: `.dt-print-view` es la clase que el propio DataTables
   le pone al body del documento que se imprime.
   ========================================================================= */
body.dt-print-view h1 { font-size: 1.4rem; margin: 0 0 .35rem; }
body.dt-print-view table.table > thead > tr > th,
body.dt-print-view table.table > tbody > tr > td,
body.dt-print-view table.table > tfoot > tr > th {
  /* ⚠️ El TAMAÑO DE LETRA no se toca: en papel ya se lee chico y achicarlo a ciegas
     se arriesga a que no se pueda leer. Lo que se aprieta es el espacio de más.
     03/10: el 02/10 quedó DEMASIADO apretado (1.15 / .1rem), así que se sube un
     poquito el interlineado y el padding vertical. Sigue siendo mucho más compacto
     que el default de Bootstrap (.75rem / 1.5). */
  padding: .22rem .35rem !important;
  line-height: 1.35 !important;
}
/* 03/10: la cantidad quedaba LEJOS del nombre del producto porque Bootstrap pone
   la tabla a width:100% y el navegador estira las columnas para llenar la hoja,
   dejando huecos entre el producto y lo demás. Con width:auto la tabla se encoge
   al contenido y las columnas quedan pegadas a la izquierda, una al lado de la otra.
   ⚠️ Solo en la impresión (.dt-print-view); en pantalla la grilla NO se toca. */
body.dt-print-view table.table { width: auto !important; }

/* Las tarjetas de totales del Inicio EN MODO NOCHE (16/10, pedido de Ari: "quedan con mucho contraste, hacelas
   como las de sistemaari"): fondo oscuro con un tinte apenas del color, una franja de color a la izquierda,
   el número en ese color, el rótulo apagado y el ícono casi transparente. De día no cambian. (Diseño de siempre; el nuevo, en theme-v2.css.) */
body.dark-mode .small-box.bg-pastel-sky { --pastel: 96, 165, 250; }
body.dark-mode .small-box.bg-pastel-sage { --pastel: 74, 222, 128; }
body.dark-mode .small-box.bg-pastel-mint { --pastel: 52, 211, 153; }
body.dark-mode .small-box.bg-pastel-lemon { --pastel: 250, 204, 21; }
body.dark-mode .small-box.bg-pastel-sand { --pastel: 214, 196, 168; }
body.dark-mode .small-box.bg-pastel-peach { --pastel: 251, 146, 60; }
body.dark-mode .small-box.bg-pastel-aqua { --pastel: 34, 211, 238; }
body.dark-mode .small-box.bg-pastel-lilac { --pastel: 167, 139, 250; }
body.dark-mode .small-box.bg-pastel-rose { --pastel: 251, 113, 133; }
body.dark-mode .small-box.bg-pastel-coral { --pastel: 248, 113, 113; }
body.dark-mode .small-box[class*="bg-pastel-"] {
  background: linear-gradient(rgba(var(--pastel), .07), rgba(var(--pastel), .07)), #131C2E !important;
  color: #E7ECF4 !important;
  border: 1px solid #25324A !important;
  border-left: 4px solid rgb(var(--pastel)) !important;
  box-shadow: none !important;
}
body.dark-mode .small-box[class*="bg-pastel-"]::before,
body.dark-mode .small-box[class*="bg-pastel-"]::after { display: none !important; }
body.dark-mode .small-box[class*="bg-pastel-"] .inner h3 { color: rgb(var(--pastel)) !important; }
body.dark-mode .small-box[class*="bg-pastel-"] .inner p { color: #93A1B8 !important; }
body.dark-mode .small-box[class*="bg-pastel-"] .icon,
body.dark-mode .small-box[class*="bg-pastel-"] .icon i,
body.dark-mode .small-box[class*="bg-pastel-"] .icon .ion,
body.dark-mode .small-box[class*="bg-pastel-"] .icon .fa,
body.dark-mode .small-box[class*="bg-pastel-"] .icon .fas,
body.dark-mode .small-box[class*="bg-pastel-"] .icon svg { color: rgba(var(--pastel), .22) !important; }
body.dark-mode .small-box[class*="bg-pastel-"] .small-box-footer {
  background: rgba(255, 255, 255, .03) !important;
  border-top: 1px solid #25324A !important;
  color: #B6C2D4 !important;
}
body.dark-mode .small-box[class*="bg-pastel-"] .small-box-footer:hover { background: rgba(var(--pastel), .12) !important; color: #FFFFFF !important; }
/* Las amarillas fuerzan el texto oscuro con "text-dark" (también en el "Más info"). */
body.dark-mode .small-box[class*="bg-pastel-"] .small-box-footer .text-dark,
body.dark-mode .small-box[class*="bg-pastel-"] .small-box-footer .text-dark i { color: inherit !important; }

/* =====================================================================
   PANEL DE DETALLE DE RESERVAS, TRÁNSITO Y BACK ORDER EN EL DISEÑO DE SIEMPRE (19/10)
   ---------------------------------------------------------------------
   Ari: "subime al diseño viejo las pantallas de reservas, tránsitos y backorder para que se vea
   al costado derecho el detalle, solo eso, el resto dejalo como está". Es el MISMO panel del
   diseño nuevo (vistas/js/pedidos-panel.js, que ahora se arma en los dos): este bloque es una
   copia del de theme-v2.css ("TANDA 6") para cuando el diseño nuevo está apagado
   (body:not(.eol-v2)), con valores de respaldo para las dos variables propias de aquel tema.
   Con el diseño nuevo prendido manda theme-v2.css, como siempre. Si se cambia el aspecto del
   panel, cambiarlo en los dos lugares.
   📌 Acá el panel aparece desde 1600 px (en el nuevo, desde 1200): este diseño tiene el menú a la
   izquierda y con menos ancho la grilla de Reservas no entra al lado del panel. Más angosto, la
   grilla queda como siempre, con su columna de botones.
   ===================================================================== */
body:not(.eol-v2) .rsvp-panel { display: none; }

@media screen and (min-width: 1600px) {
  body:not(.eol-v2) .rsvp-con-panel {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  body:not(.eol-v2) .rsvp-con-panel > .dataTables_wrapper,
  body:not(.eol-v2) .rsvp-con-panel > table { flex: 1 1 0; min-width: 0; }
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla .rsvp-col-acc { display: none; }

  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > tbody > tr { cursor: pointer; }
  /* Con el panel al lado la grilla es más angosta: sin esto el signo $ quedaba en un
     renglón y el número en el de abajo. */
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla .rsvp-col-num { white-space: nowrap; }
  /* La fila elegida. Va como sombra hacia adentro y no como fondo porque varias filas
     ya traen un color de fondo puesto por la grilla (preparada, nueva de la tienda):
     así se suma arriba sin taparlo. */
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > tbody > tr.rsvp-elegida > td {
    box-shadow: inset 0 0 0 999px rgba(37, 99, 235, .12);
  }
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > tbody > tr.rsvp-elegida > td:first-child {
    box-shadow: inset 0 0 0 999px rgba(37, 99, 235, .12), inset 3px 0 0 var(--eol-primary);
  }
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > tbody > tr:focus-visible { outline: 2px solid var(--eol-primary); outline-offset: -2px; }

  body:not(.eol-v2) .rsvp-panel {
    display: flex;
    flex-direction: column;
    flex: 0 0 340px;
    position: sticky;
    top: 72px;                         /* debajo de la barra de arriba, que va fija */
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    background: var(--eol-surface);
    border: 1px solid var(--eol-border);
    border-radius: 10px;
  }
}

/* PREPARADO: el panel entero se pinta, igual que la fila elegida en la grilla
   (Ari, 09/10: "cuando está preparado que la tarjeta se pinte también").
   En Reservas la fila preparada es VERDE; en Tránsito y Back Order es CELESTE:
   el panel toma el mismo color que su grilla. */
body:not(.eol-v2) .rsvp-panel.rsvp-preparado { background: #DCFCE7; border-color: #4ADE80; }
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-items,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-totales,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-acciones { border-top-color: #86EFAC; }
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-cod,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-bajada,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-it-s,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-it-u,
body:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-totales > div:not(.rsvp-total) { color: #3F4E66; }
body:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-transito) > .rsvp-panel.rsvp-preparado,
body:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-backorder) > .rsvp-panel.rsvp-preparado { background: #CFFAFE; border-color: #22D3EE; }
body:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-transito) > .rsvp-panel.rsvp-preparado :is(.rsvp-items, .rsvp-totales, .rsvp-acciones),
body:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-backorder) > .rsvp-panel.rsvp-preparado :is(.rsvp-items, .rsvp-totales, .rsvp-acciones) { border-top-color: #67E8F9; }
/* Sobre el color, los íconos van en blanco (en tono suave se perdían) */
body:not(.eol-v2):not(.dark-mode) .rsvp-panel.rsvp-preparado .rsvp-acciones .btn.btn.rsvp-ico:not(.rsvp-activo):not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp):not(:hover):not(:focus-visible) {
  background-color: #FFFFFF !important;
}
body.dark-mode:not(.eol-v2) .rsvp-panel.rsvp-preparado { background: rgba(34, 197, 94, .18); border-color: rgba(74, 222, 128, .7); }
body.dark-mode:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-transito) > .rsvp-panel.rsvp-preparado,
body.dark-mode:not(.eol-v2) .rsvp-con-panel:has(.rsvp-tabla-backorder) > .rsvp-panel.rsvp-preparado { background: rgba(6, 182, 212, .18); border-color: rgba(34, 211, 238, .7); }
body.dark-mode:not(.eol-v2) .rsvp-panel.rsvp-preparado :is(.rsvp-cod, .rsvp-bajada, .rsvp-it-s, .rsvp-it-u),
body.dark-mode:not(.eol-v2) .rsvp-panel.rsvp-preparado .rsvp-totales > div:not(.rsvp-total) { color: #B6C2D4; }

body:not(.eol-v2) .rsvp-vacio { padding: 32px 20px; text-align: center; color: var(--eol-muted); }
body:not(.eol-v2) .rsvp-cab { display: flex; align-items: center; gap: 8px; padding: 16px 16px 0; }
body:not(.eol-v2) .rsvp-cod { flex: 1 1 0; font-family: Consolas, 'Cascadia Mono', 'SFMono-Regular', Menlo, monospace; font-size: .9rem; color: var(--eol-muted); }
body:not(.eol-v2) .rsvp-estado { border-radius: 4px; padding: .15em .6em; font-size: .75rem; font-weight: 600; white-space: nowrap; }
body:not(.eol-v2) .rsvp-pend { background: #EDF1F6; color: #3F4E66; }
body:not(.eol-v2) .rsvp-ok   { background: #15803D; color: #FFFFFF; }
body:not(.eol-v2) .rsvp-fact { background: #DBEAFE; color: #1D4ED8; }
body:not(.eol-v2) .rsvp-titular { margin: 6px 16px 0; font-size: 1.2rem; font-weight: 600; line-height: 1.25; color: var(--eol-text); }
body:not(.eol-v2) .rsvp-bajada { margin: 2px 16px 0; font-size: .8rem; color: var(--eol-muted); font-variant-numeric: tabular-nums; }
body:not(.eol-v2) .rsvp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 16px 0; }
body:not(.eol-v2) .rsvp-chip { background: #FEF3C7; color: #92400E; border-radius: 4px; padding: .1em .5em; font-size: .75rem; font-weight: 600; }
body:not(.eol-v2) .rsvp-nota { margin: 10px 16px 0; padding: 7px 10px; border-radius: 6px; background: var(--v2-cabecera, rgba(148, 163, 184, .12)); color: var(--eol-text); font-size: .85rem; }

body:not(.eol-v2) .rsvp-items { margin-top: 14px; padding: 8px 16px; border-top: 1px solid var(--v2-raya, var(--eol-border)); }
body:not(.eol-v2) .rsvp-item { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; font-size: .85rem; line-height: 1.4; }
body:not(.eol-v2) .rsvp-it-c { flex: 0 0 26px; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
body:not(.eol-v2) .rsvp-it-d { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; color: var(--eol-text); }
/* Back order (19/10): el producto que no se puede pasar ni a Tránsito ni a Reserva, en rojo */
body:not(.eol-v2) .rsvp-item.rsvp-falta .rsvp-it-c,
body:not(.eol-v2) .rsvp-item.rsvp-falta .rsvp-it-d { color: #DC2626 !important; font-weight: 600; }
body:not(.eol-v2) .rsvp-it-falta { display: block; color: #DC2626; font-size: .75rem; font-weight: 500; }
body.dark-mode:not(.eol-v2) .rsvp-item.rsvp-falta .rsvp-it-c,
body.dark-mode:not(.eol-v2) .rsvp-item.rsvp-falta .rsvp-it-d,
body.dark-mode:not(.eol-v2) .rsvp-it-falta { color: #F87171 !important; }
body:not(.eol-v2) .rsvp-it-u { display: block; color: var(--eol-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
body:not(.eol-v2) .rsvp-it-s { flex: 0 0 auto; white-space: nowrap; color: var(--eol-muted); font-variant-numeric: tabular-nums; }
body:not(.eol-v2) .rsvp-aviso { padding: 10px 0; color: var(--eol-muted); font-size: .85rem; }

body:not(.eol-v2) .rsvp-totales { padding: 10px 16px 12px; border-top: 1px solid var(--v2-raya, var(--eol-border)); font-variant-numeric: tabular-nums; }
body:not(.eol-v2) .rsvp-totales > div { display: flex; justify-content: space-between; gap: 10px; font-size: .82rem; color: var(--eol-muted); line-height: 1.7; }
body:not(.eol-v2) .rsvp-totales > .rsvp-total { align-items: baseline; color: var(--eol-text); font-weight: 600; font-size: .95rem; }
body:not(.eol-v2) .rsvp-totales > .rsvp-total > span:last-child { font-size: 1.35rem; }

body:not(.eol-v2) .rsvp-acciones { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px 16px; border-top: 1px solid var(--v2-raya, var(--eol-border)); }
/* Los íconos de la fila, en el panel: mismo color suave que en las grillas y un poco más
   grandes. La cadena de :not() es la de los botones suaves de la tanda 3: hace falta para
   pesar más que aquella regla (si no, el de Fraccionar volvía a salir en azul lleno). */
body:not(.eol-v2) .rsvp-iconos { display: flex; flex-wrap: wrap; gap: 6px; }
body:not(.eol-v2) .rsvp-acciones .btn.btn.rsvp-ico:not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp) {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 8px;
  background-color: var(--v2-b, #EDF1F6) !important;
  color: var(--v2-f, #3F4E66) !important;
  font-size: .95rem;
  filter: none;
}
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.btn-info                       { --v2-b: #CFFAFE; --v2-f: #0E7490; --v2-d: #67E8F9; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico:is(.btn-success, .bg-green)    { --v2-b: #DCFCE7; --v2-f: #166534; --v2-d: #86EFAC; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.bg-teal                        { --v2-b: #CCFBF1; --v2-f: #0F766E; --v2-d: #5EEAD4; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.btn-primary                    { --v2-b: #DBEAFE; --v2-f: #1D4ED8; --v2-d: #93C5FD; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.btn-secondary                  { --v2-b: #EDE9FE; --v2-f: #5B21B6; --v2-d: #C4B5FD; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.btn-warning                    { --v2-b: #FEF3C7; --v2-f: #B45309; --v2-d: #FCD34D; }
body:not(.eol-v2) .rsvp-acciones .rsvp-ico.btn-danger                     { --v2-b: #FEE4E2; --v2-f: #B42318; --v2-d: #FDA29B; }
body:not(.eol-v2) .rsvp-acciones .btn.btn.rsvp-ico:not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp):hover,
body:not(.eol-v2) .rsvp-acciones .btn.btn.rsvp-ico:not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp):focus-visible {
  background-color: var(--v2-f, #3F4E66) !important;
  color: #FFFFFF !important;
}
/* El de preparado, cuando la reserva YA está preparada: lleno en verde */
body:not(.eol-v2) .rsvp-acciones .btn.btn.rsvp-ico.rsvp-activo:not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp) {
  background-color: #15803D !important;
  color: #FFFFFF !important;
}
body.dark-mode:not(.eol-v2) .rsvp-acciones .btn.btn.rsvp-ico:not(.rsvp-activo):not(.dt-button):not([class*="buttons-"]):not([class*="btn-eol-"]):not(.btn-whatsapp):not(:hover) {
  background-color: rgba(255, 255, 255, .07) !important;
  color: var(--v2-d, #B6C2D4) !important;
}
body:not(.eol-v2) .rsvp-link { font-size: .85rem; font-weight: 500; }
body.dark-mode:not(.eol-v2) .rsvp-pend { background: rgba(255, 255, 255, .08); color: #B6C2D4; }
body.dark-mode:not(.eol-v2) .rsvp-fact { background: rgba(59, 130, 246, .22); color: #93C5FD; }
body.dark-mode:not(.eol-v2) .rsvp-chip { background: rgba(245, 158, 11, .2); color: #FCD34D; }

/* En el diseño de siempre las celdas traen más margen que en el nuevo: con el panel al lado (340 px) la grilla
   de Reservas no entraba. Solo mientras se ve el panel: márgenes más justos y los títulos pueden ir en dos
   renglones ("CÓDIGO RESERVA"). Sin panel (pantalla angosta o celular), la grilla queda como siempre. */
@media screen and (min-width: 1600px) {
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > tbody > tr > td,
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > thead > tr > th { padding-left: .45rem; padding-right: .45rem; }
  body:not(.eol-v2) .rsvp-con-panel .rsvp-tabla > thead > tr > th { padding-right: 1.2rem; white-space: normal; }
}

/* =====================================================================
   CARTEL "LLEGÓ DE LA TIENDA" (20/10) — el mismo de sistemaari ("Llegó del extranet",
   .aviso-extranet de su index.html): abajo a la derecha, 380 px, franja azul, una lista y
   "Entendido". En el celular, abajo y a lo ancho. Sin animación. Lo arma plantilla.js.
   ===================================================================== */
/* 20/10 (Ari): arriba a la derecha, debajo de la barra de arriba (abajo tapaba la flecha de "volver arriba" y
   el paginado de las grillas largas). El `top` exacto lo pone plantilla.js midiendo la barra. */
.eol-aviso-tienda { position: fixed; right: 16px; top: 66px; z-index: 10002; width: 380px; max-width: calc(100vw - 32px);
  background: #fff; color: #1f2937; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.25); overflow: hidden;
  font-size: 14px; border: 1px solid #c7d2fe; }
.eol-aviso-tienda .eat-tit { background: #123c8c; color: #fff; padding: 8px 12px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.eol-aviso-tienda ul { list-style: none; margin: 0; padding: 6px 12px; max-height: 40vh; overflow: auto; }
.eol-aviso-tienda li { padding: 5px 0; border-bottom: 1px solid #eef2f7; line-height: 1.3; }
.eol-aviso-tienda li:last-child { border-bottom: 0; }
.eol-aviso-tienda li a { color: inherit; text-decoration: none; display: block; }
.eol-aviso-tienda li a:hover .eat-tipo { text-decoration: underline; }
.eol-aviso-tienda li .eat-tipo { font-weight: 700; color: #123c8c; }
.eol-aviso-tienda li.eat-mas { color: #6b7280; }
.eol-aviso-tienda .eat-pie { padding: 8px 12px; text-align: right; border-top: 1px solid #eef2f7; }
.eol-aviso-tienda .eat-pie button { border: 0; border-radius: 8px; background: #123c8c; color: #fff; font-weight: 700; padding: 6px 14px; cursor: pointer; }
/* El botón "–" de la franja y el aviso achicado a un rótulo (20/10). */
.eol-aviso-tienda .eat-achicar { margin-left: auto; background: transparent; border: 0; color: #fff; font-size: 20px; font-weight: 700;
  line-height: 1; padding: 0 4px; cursor: pointer; opacity: .85; }
.eol-aviso-tienda .eat-achicar:hover, .eol-aviso-tienda .eat-achicar:focus-visible { opacity: 1; }
.eol-aviso-tienda.eat-chico { width: auto; max-width: none; border-radius: 999px; border-color: #123c8c; }
/* Se arrastra de la franja o del rótulo (20/10); en el celular no se mueve. */
@media screen and (min-width: 769px) {
  .eol-aviso-tienda .eat-tit, .eol-aviso-tienda .eat-abrir { cursor: move; user-select: none; touch-action: none; }
  .eol-aviso-tienda .eat-achicar { cursor: pointer; }
}
.eol-aviso-tienda.eat-moviendo { box-shadow: 0 16px 40px rgba(0,0,0,.35); opacity: .95; }

/* ===== "PREGUNTALE AL SISTEMA" (20/10, vistas/js/ia.js): la ventana de la IA ===== */
#iaModal .ia-dialogo { max-width: 640px; }
#iaModal .ia-cuerpo { padding: 12px 16px; }
#iaModal .ia-conversacion, #iaModal .ia-historial { max-height: 58vh; min-height: 180px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
#iaModal .ia-vacia { color: #6b7280; text-align: center; padding: 28px 12px; }
#iaModal .ia-burbuja { max-width: 88%; padding: 9px 12px; border-radius: 12px; line-height: 1.45; font-size: 14px; word-wrap: break-word; }
#iaModal .ia-burbuja p { margin: 0 0 6px; }
#iaModal .ia-burbuja p:last-child { margin-bottom: 0; }
#iaModal .ia-burbuja ul { margin: 4px 0 6px; padding-left: 20px; }
#iaModal .ia-burbuja .ia-sep { height: 6px; }
#iaModal .ia-yo { align-self: flex-end; background: #2563eb; color: #fff; border-bottom-right-radius: 4px; }
#iaModal .ia-ella { align-self: flex-start; background: #f1f5f9; color: #1f2937; border-bottom-left-radius: 4px; }
#iaModal .ia-pensando { color: #6b7280; font-style: italic; }
#iaModal .ia-error { background: #fef2f2; color: #991b1b; }
#iaModal .ia-costo { margin-top: 6px; font-size: 11.5px; color: #6b7280; }
#iaModal .ia-pie { flex-direction: column; align-items: stretch; gap: 6px; }
#iaModal .ia-pie > * { margin: 0; }
#iaModal .ia-pregunta { resize: vertical; min-height: 54px; }
#iaModal .ia-ejemplo { font-size: 11.5px; color: #6b7280; }
/* En el celular (21/10, auditoría: a 390 × 664 "Enviar" quedaba fuera de la pantalla) el ejemplo no va. */
@media screen and (max-width: 576px) { #iaModal .ia-ejemplo { display: none; } }
#iaModal .ia-auto-aviso { font-size: 12.5px; color: #1d4ed8; font-weight: 600; }
body.dark-mode #iaModal .ia-auto-aviso { color: #93c5fd; }
#iaModal .ia-botones { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
#iaModal .ia-espacio { flex: 1; }
/* El historial, como el de sistemaari (20/10): renglones con línea abajo, el tacho rojo por consulta y "Borrar todo". */
#iaModal .ia-historial { gap: 0; }
#iaModal .ia-hist-item { border-bottom: 1px solid #e5e7eb; padding: 9px 2px; }
#iaModal .ia-hist-barra { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #6b7280; font-size: 13px; padding-bottom: 6px; }
#iaModal .ia-borrar-todo { color: #dc2626; font-weight: 700; text-decoration: underline; white-space: nowrap; }
#iaModal .ia-borrar-todo:hover { color: #b91c1c; }
#iaModal .ia-hist-item summary { cursor: pointer; line-height: 1.5; }
#iaModal .ia-hist-fecha { color: #6b7280; font-size: 13px; margin-right: 2px; }
#iaModal .ia-hist-costo { color: #6b7280; font-size: 13px; }
#iaModal .ia-hist-borrar { border: 0; background: transparent; color: #dc2626; padding: 0 4px; margin-left: 4px; cursor: pointer; }
/* "Seguir" una conversación (20/10) */
#iaModal .ia-hist-seguir { border: 1px solid #c7d2fe; background: #eef2ff; color: #3730a3; border-radius: 6px; font-size: 12px; padding: 1px 8px; margin-left: 6px; cursor: pointer; }
#iaModal .ia-hist-seguir:hover, #iaModal .ia-hist-seguir:focus-visible { background: #e0e7ff; }
#iaModal .ia-seguimos { color: #3730a3; background: #eef2ff; }
body.dark-mode #iaModal .ia-hist-seguir, body.dark-mode #iaModal .ia-seguimos { background: #23284a; color: #c7d2fe; border-color: #3b4380; }
#iaModal .ia-hist-borrar:hover, #iaModal .ia-hist-borrar:focus-visible { color: #991b1b; }
#iaModal .ia-hist-resp { margin-top: 6px; font-size: 13.5px; }
/* El micrófono (rojo mientras escucha) y los botones de lo que dejó armado (20/10). */
#iaModal .ia-mic { width: 42px; padding-left: 0; padding-right: 0; }
#iaModal .ia-mic.ia-mic-on { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; animation: iaMicLatido 1.2s ease-in-out infinite; }
@keyframes iaMicLatido { 50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, .25); } }
@media (prefers-reduced-motion: reduce) { #iaModal .ia-mic.ia-mic-on { animation: none; } }
#iaModal .ia-acciones { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
/* Lo que la IA recuerda (21/10): la libreta, arriba del Historial. */
#iaModal .ia-mem-vacia { color: #6b7280; font-size: 13px; padding-bottom: 8px; }
#iaModal .ia-mem-caja { border: 1px solid #e5e7eb; border-radius: 8px; padding: 6px 9px; margin-bottom: 8px; font-size: 13px; }
#iaModal .ia-mem-caja summary { cursor: pointer; font-weight: 600; }
#iaModal .ia-mem-caja .fa-brain, #iaModal .ia-mem-vacia .fa-brain { margin-right: 4px; color: #7c3aed; }
#iaModal .ia-mem-nota { display: flex; align-items: flex-start; gap: 8px; margin-top: 5px; }
#iaModal .ia-mem-nota span { flex: 1; }
#iaModal .ia-mem-borrar { border: 0; background: transparent; color: #dc2626; padding: 0 4px; cursor: pointer; }
body.dark-mode #iaModal .ia-mem-caja { border-color: #33405a; }
body.dark-mode #iaModal .ia-mem-borrar { color: #f87171; }
/* Lo que preparó la IA y falta confirmar (20/10): ámbar hasta que se toca; verde hecho, gris cancelado, rojo si no se hizo. */
#iaModal .ia-confirmar { margin-top: 10px; border: 1px solid #f59e0b; background: #fffbeb; border-radius: 10px; padding: 9px 11px; font-size: 13.5px; }
#iaModal .ia-conf-titulo { font-weight: 700; color: #92400e; }
#iaModal .ia-conf-titulo .fas { margin-right: 4px; }
#iaModal .ia-confirmar ul { margin: 6px 0 4px; padding-left: 18px; }
#iaModal .ia-confirmar li.ia-conf-sub { list-style: circle; margin-left: 14px; color: #4b5563; }
#iaModal .ia-conf-botones { display: flex; gap: 6px; margin-top: 8px; }
#iaModal .ia-conf-res:empty { display: none; }
#iaModal .ia-conf-res { margin-top: 6px; font-weight: 600; }
#iaModal .ia-confirmar.ia-conf-hecha { border-color: #16a34a; background: #f0fdf4; }
#iaModal .ia-conf-hecha .ia-conf-titulo, #iaModal .ia-conf-hecha .ia-conf-res { color: #166534; }
#iaModal .ia-confirmar.ia-conf-cancelada { border-color: #d1d5db; background: #f9fafb; }
#iaModal .ia-conf-cancelada .ia-conf-titulo, #iaModal .ia-conf-cancelada .ia-conf-res { color: #6b7280; }
#iaModal .ia-confirmar.ia-conf-fallo { border-color: #dc2626; background: #fef2f2; }
#iaModal .ia-conf-fallo .ia-conf-titulo, #iaModal .ia-conf-fallo .ia-conf-res { color: #991b1b; }
body.dark-mode #iaModal .ia-confirmar { background: #3a2f15; border-color: #b45309; }
body.dark-mode #iaModal .ia-conf-titulo { color: #fcd34d; }
body.dark-mode #iaModal .ia-confirmar li.ia-conf-sub { color: #cbd5e1; }
body.dark-mode #iaModal .ia-confirmar.ia-conf-hecha { background: #14301f; border-color: #16a34a; }
body.dark-mode #iaModal .ia-conf-hecha .ia-conf-titulo, body.dark-mode #iaModal .ia-conf-hecha .ia-conf-res { color: #86efac; }
body.dark-mode #iaModal .ia-confirmar.ia-conf-cancelada { background: #262b35; border-color: #4b5563; }
body.dark-mode #iaModal .ia-conf-cancelada .ia-conf-titulo, body.dark-mode #iaModal .ia-conf-cancelada .ia-conf-res { color: #9ca3af; }
body.dark-mode #iaModal .ia-confirmar.ia-conf-fallo { background: #3b1f24; border-color: #dc2626; }
body.dark-mode #iaModal .ia-conf-fallo .ia-conf-titulo, body.dark-mode #iaModal .ia-conf-fallo .ia-conf-res { color: #fecaca; }
#iaModal .ia-hist-resp p { margin: 0 0 6px; }
body.dark-mode #iaModal .ia-ella { background: #2c3340; color: #e5e7eb; }
body.dark-mode #iaModal .ia-error { background: #3b1f24; color: #fecaca; }
body.dark-mode #iaModal .ia-hist-item { border-color: #33405a; }
body.dark-mode #iaModal .ia-borrar-todo, body.dark-mode #iaModal .ia-hist-borrar { color: #f87171; }
.eol-aviso-tienda .eat-abrir { display: flex; align-items: center; gap: 8px; background: #123c8c; color: #fff; border: 0;
  padding: 6px 14px; font-weight: 700; font-size: 14px; cursor: pointer; white-space: nowrap; }
.eol-aviso-tienda .eat-abrir:hover { background: #1a4fae; }
body.dark-mode .eol-aviso-tienda { background: #1f2530; color: #e5e7eb; border-color: #33405a; }
body.dark-mode .eol-aviso-tienda li { border-bottom-color: #2c3340; }
body.dark-mode .eol-aviso-tienda li .eat-tipo { color: #93c5fd; }
body.dark-mode .eol-aviso-tienda .eat-pie { border-top-color: #2c3340; }
@media screen and (max-width: 768px) {
  .eol-aviso-tienda { left: 8px; right: 8px; width: auto; max-width: none; }
  .eol-aviso-tienda.eat-chico { left: auto; }
}

/* LA LISTA PARA COPIAR DE LA IA (22/10, los mensajes de cobranza de mensajes_cobranza): un botón "Copiar" por renglón;
   tocando el nombre se ve el mensaje (vistas/js/ia.js, listaCopiar). */
#iaModal .ia-lista-copiar { margin-top: 10px; border: 1px solid #86efac; background: #f0fdf4; border-radius: 10px; padding: 9px 11px; font-size: 13.5px; }
#iaModal .ia-lc-titulo { font-weight: 600; color: #166534; }
#iaModal .ia-lc-ayuda { font-size: 12px; color: #4b5563; margin: 2px 0 6px; }
#iaModal .ia-lista-copiar ul { list-style: none; margin: 0; padding: 0; max-height: 320px; overflow-y: auto; }
#iaModal .ia-lc-item { border-top: 1px solid #dcfce7; padding: 5px 0; }
#iaModal .ia-lc-fila { display: flex; align-items: center; gap: 8px; }
#iaModal .ia-lc-ver { flex: 1; min-width: 0; text-align: left; background: none; border: 0; padding: 0; color: inherit; font-size: 13px; cursor: pointer; overflow-wrap: anywhere; }
#iaModal .ia-lc-ver:hover { text-decoration: underline; }
#iaModal .ia-lc-copiar { flex: 0 0 auto; white-space: nowrap; }
#iaModal .ia-lc-texto { margin-top: 5px; padding: 6px 8px; background: #fff; border-radius: 6px; font-size: 12.5px; }
body.dark-mode #iaModal .ia-lista-copiar { background: #14301f; border-color: #16a34a; }
body.dark-mode #iaModal .ia-lc-titulo { color: #86efac; }
body.dark-mode #iaModal .ia-lc-ayuda { color: #cbd5e1; }
body.dark-mode #iaModal .ia-lc-item { border-top-color: #1f4d33; }
body.dark-mode #iaModal .ia-lc-texto { background: #1f2937; color: #e5e7eb; }

/* El PDF arrastrado a la ventana de la IA (22/10): la ventana se marca mientras se arrastra. */
#iaModal .modal-content.ia-arrastrando { outline: 3px dashed #2563EB; outline-offset: -6px; }
/* El rótulo de un archivo o una imagen adjunta en la burbuja de Ari (23/10, vistas/js/ia.js iaConRotulos). */
#iaModal .ia-rotulo-adjunto { display: inline-block; padding: 1px 8px; margin: 1px 0; border-radius: 999px; background: rgba(37, 99, 235, .10); font-size: .9em; white-space: nowrap; }
body.dark-mode #iaModal .ia-rotulo-adjunto { background: rgba(147, 197, 253, .16); }

/* El historial de la IA por conversación (22/10): el tacho de la conversación y cada pregunta adentro. */
#iaModal .ia-hist-borrar-conv { border: 0; background: transparent; color: #dc2626; padding: 0 4px; margin-left: 4px; cursor: pointer; }
#iaModal .ia-hist-borrar-conv:hover, #iaModal .ia-hist-borrar-conv:focus-visible { color: #991b1b; }
#iaModal .ia-hist-n { color: #4b5563; font-size: 13px; }
#iaModal .ia-hist-cuerpo { margin-top: 6px; padding-left: 10px; border-left: 3px solid #e0e7ff; display: flex; flex-direction: column; gap: 10px; }
#iaModal .ia-hist-qcab { line-height: 1.5; }
body.dark-mode #iaModal .ia-hist-borrar-conv { color: #f87171; }
body.dark-mode #iaModal .ia-hist-n { color: #9ca3af; }
body.dark-mode #iaModal .ia-hist-cuerpo { border-color: #3b4380; }

/* EL TAMAÑO DE LA VENTANA DE LA IA (22/10, vistas/js/ia.js iaTamanoIniciar): en la compu se agranda o achica arrastrando la
   esquina de abajo a la derecha; la ventana sigue centrada y la conversación ocupa el alto que haya. En el celular, como siempre. */
@media screen and (min-width: 769px) {
  #iaModal .ia-dialogo { max-width: none; width: max-content; }
  #iaModal .modal-content { width: 640px; resize: both; overflow: hidden; min-width: 480px; min-height: 420px; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); display: flex; flex-direction: column; }
  #iaModal .modal-content > .modal-header, #iaModal .modal-content > .modal-footer { flex: 0 0 auto; }
  #iaModal.ia-con-tamano .ia-cuerpo { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  #iaModal.ia-con-tamano .ia-conversacion, #iaModal.ia-con-tamano .ia-historial { flex: 1 1 auto; max-height: none; min-height: 0; }
  #iaModal.ia-con-tamano .ia-dialogo { margin-top: 12px; margin-bottom: 12px; }
}
#iaModal .ia-tamano-volver { margin-left: auto; border: 0; background: transparent; color: #6b7280; padding: 4px 8px; cursor: pointer; font-size: 15px; }
#iaModal .ia-tamano-volver + .close { margin-left: 0; }
#iaModal .ia-tamano-volver:hover, #iaModal .ia-tamano-volver:focus-visible { color: #1f2937; }
body.dark-mode #iaModal .ia-tamano-volver { color: #9ca3af; }
body.dark-mode #iaModal .ia-tamano-volver:hover { color: #e5e7eb; }


/* ===== vistas/dist/css/compra-moderna.css ===== */
/* =====================================================================
   REDISEÑO del formulario de COMPRA (crear-compra / editar-compra).
   TODO scopeado a .formularioCompra → no afecta ninguna otra pantalla.
   Solo reestiliza; NO cambia IDs, clases funcionales ni la lógica JS.
   Para volver atrás: quitar el <link> de plantilla.php (o revertir el commit).
   ===================================================================== */

/* --- Card contenedora más limpia --- */
.formularioCompra { --cmp-azul:#2563EB; --cmp-borde:#e5e7eb; --cmp-gris:#64748b; }
#reservaPane .card-primary { border-top: 3px solid var(--cmp-azul); box-shadow: 0 4px 18px -10px rgba(15,23,42,.25); }
#reservaPane .card-primary > .card-header { background: #fff; border-bottom: 1px solid #eef2f7; }
#reservaPane .card-primary > .card-header .card-title { color: var(--cmp-azul); font-weight: 700; }

/* --- Campos: bordes e íconos parejos y suaves --- */
.formularioCompra .form-control { border-color: var(--cmp-borde); }
.formularioCompra .form-control:focus { border-color: var(--cmp-azul); box-shadow: 0 0 0 .18rem rgba(37,99,235,.14); }
.formularioCompra .input-group-text { background: #f8fafc; border: 1px solid var(--cmp-borde); color: var(--cmp-gris); }
.formularioCompra label { font-size: 12px; font-weight: 600; color: var(--cmp-gris); text-transform: uppercase; letter-spacing: .3px; margin-bottom: .25rem; }

/* --- Compactar: los campos con input-lg estaban demasiado altos --- */
/* (no toca las filas de producto, que usan form-control-sm). El input-group estira todo a la
   altura del recuadro más alto, así que se fija la altura del input, del $ y del botón. --- */
.formularioCompra .form-control:not(.form-control-sm) { height: 38px !important; padding: .375rem .6rem !important; font-size: .9rem; }
.formularioCompra .input-group-text:not([style]) { height: 38px; padding-top: .375rem !important; padding-bottom: .375rem !important; }
.formularioCompra .input-group-append .btn { height: 38px !important; padding-top: .375rem !important; padding-bottom: .375rem !important; font-size: .875rem; }

/* --- Encabezados de columna de la tabla de productos --- */
.compra-thead { padding: 4px 15px 2px; margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: #94a3b8; }

/* --- Filas de producto: colores suaves y consistentes (verde=flete, azul=costo) --- */
.formularioCompra .nuevaDescripcionProducto { background: #fff; }
.formularioCompra .nuevoCostoFlete { background: #ecfdf5 !important; border-color: #a7f3d0 !important; color: #065f46; }
.formularioCompra .nuevoPrecioUProductoCalculado { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1e40af; font-weight: 600; }
.formularioCompra .nuevoPrecioTProducto { background: #f8fafc !important; font-weight: 600; color: #0f172a; }
.formularioCompra .quitarProducto { border-radius: 6px; box-shadow: none; }
.formularioCompra .nuevoProducto .row { border-radius: 8px; }
.formularioCompra .nuevoProducto .row:hover { background: #f8fafc; }

/* --- Separador entre los productos y los campos de carga de abajo (línea marcada) --- */
.formularioCompra hr { border-top: 2px solid #cbd5e1; margin: 1.1rem 0 1.25rem; }

/* --- Botones: UNA paleta con jerarquía clara (calma el "colores por todos lados") ---
   OJO: custom.css pinta .btn-info/.btn-warning/etc. con !important, así que acá también
   va !important para poder sobreescribirlos SOLO dentro del formulario de compra. --- */
/* Utilitarios (Calcular peso / flete): celeste ghost, discretos */
.formularioCompra .btn-info { background: #eff6ff !important; border: 1px solid #bfdbfe !important; color: #1d4ed8 !important; box-shadow: none; font-weight: 600; }
.formularioCompra .btn-info:hover { background: #dbeafe !important; color: #1e40af !important; }
/* IMEI/SERIAL: ámbar suave, no chillón */
.formularioCompra #editarImeiPPCompra.btn-warning { background: #fff7ed !important; border: 1px solid #fed7aa !important; color: #c2410c !important; box-shadow: none; font-weight: 600; }
.formularioCompra #editarImeiPPCompra.btn-warning:hover { background: #ffedd5 !important; }
/* Adjuntar comprobante: primario sobrio */
.formularioCompra #btnAdjuntarComprobante { box-shadow: none; }

/* --- Barra de acciones inferior: separada y con jerarquía --- */
.formularioCompra .botones-compra { border-top: 1px solid #eef2f7; padding-top: 1rem; margin-top: 1rem; }
.formularioCompra .botones-compra .btn { border-radius: 8px; padding: .5rem 1.1rem; font-weight: 600; box-shadow: none; }
/* Calcular Precio Compra: acción secundaria (gris, no compite con Guardar) */
.formularioCompra #btnCalcularPrecioCompra.btn-info { background: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; color: #334155 !important; }
.formularioCompra #btnCalcularPrecioCompra.btn-info:hover { background: #e2e8f0 !important; }
/* Generar Recepción: verde refinado (acción importante) */
.formularioCompra .btnGenerarRecepcion.btn-success { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
.formularioCompra .btnGenerarRecepcion.btn-success:hover { background: #15803d !important; border-color: #15803d !important; }
/* Guardar: primario, el CTA (queda a la derecha por el margin-left:auto existente) */
.formularioCompra .btn-guardar-compra.btn-primary { background: var(--cmp-azul) !important; border-color: var(--cmp-azul) !important; color: #fff !important; }
.formularioCompra .btn-guardar-compra.btn-primary:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; }

/* --- Totales: los readonly se ven como "resultado", no como campo editable --- */
.formularioCompra #nuevoTotalCompraCosto, .formularioCompra #nuevoTotalCompra,
.formularioCompra #nuevoCantidadProductosCompra, .formularioCompra #nuevoPesoNetoCompra { background: #f8fafc; font-weight: 700; color: #0f172a; }


/* ===== vistas/dist/css/reserva-moderna.css ===== */
/* =====================================================================
   REDISEÑO de los formularios de RESERVA, TRÁNSITO y DEVOLUCIÓN (crear/editar).
   Mismo criterio que compra-moderna.css. Scopeado a .formularioReserva,
   .formularioTransito y .formularioDevolucion → no afecta ninguna otra pantalla.
   Solo reestiliza; NO cambia IDs, clases funcionales ni la lógica JS.
   Para volver atrás: quitar el <link> de plantilla.php (o revertir el commit).
   El acento azul del card lo hereda de compra-moderna (#reservaPane .card-primary).
   ===================================================================== */

.formularioReserva, .formularioTransito, .formularioDevolucion { --rt-azul:#2563EB; --rt-borde:#e5e7eb; --rt-gris:#64748b; }

/* --- Campos: bordes, íconos y labels parejos --- */
.formularioReserva .form-control, .formularioTransito .form-control, .formularioDevolucion .form-control { border-color: var(--rt-borde); }
.formularioReserva .form-control:focus, .formularioTransito .form-control:focus, .formularioDevolucion .form-control:focus { border-color: var(--rt-azul); box-shadow: 0 0 0 .18rem rgba(37,99,235,.14); }
.formularioReserva .input-group-text, .formularioTransito .input-group-text, .formularioDevolucion .input-group-text { background: #f8fafc; border: 1px solid var(--rt-borde); color: var(--rt-gris); }
.formularioReserva label, .formularioTransito label, .formularioDevolucion label { font-size: 12px; font-weight: 600; color: var(--rt-gris); text-transform: uppercase; letter-spacing: .3px; margin-bottom: .25rem; }

/* Encabezados de columna de la tabla de productos (los <small> grises) */
.formularioReserva small.text-muted, .formularioTransito small.text-muted, .formularioDevolucion small.text-muted { text-transform: uppercase; font-weight: 700; font-size: 11px; letter-spacing: .3px; color: #94a3b8 !important; }

/* --- Compactar: campos con input-lg (Descuento/Total/Artículos) estaban muy altos --- */
.formularioReserva .form-control:not(.form-control-sm), .formularioTransito .form-control:not(.form-control-sm), .formularioDevolucion .form-control:not(.form-control-sm) { height: 38px !important; padding: .375rem .6rem !important; font-size: .9rem; }
.formularioReserva .input-group-text:not([style]), .formularioTransito .input-group-text:not([style]), .formularioDevolucion .input-group-text:not([style]) { height: 38px; padding-top: .375rem !important; padding-bottom: .375rem !important; }
/* Se sacan TODOS los "$" (ion-social-usd): las filas de producto Y el Total de abajo (ocupan
   lugar y ya se entiende que es monetario). El input toma todo el ancho. */
.formularioReserva .input-group-text:has(.ion-social-usd),
.formularioTransito .input-group-text:has(.ion-social-usd),
.formularioDevolucion .input-group-text:has(.ion-social-usd) { display: none !important; }
.formularioReserva .input-group-prepend:has(.ion-social-usd) > .form-control,
.formularioTransito .input-group-prepend:has(.ion-social-usd) > .form-control,
.formularioDevolucion .input-group-prepend:has(.ion-social-usd) > .form-control { border-radius: 6px !important; }
.formularioReserva .input-group-append .btn, .formularioTransito .input-group-append .btn, .formularioDevolucion .input-group-append .btn { height: 38px !important; padding-top: .375rem !important; padding-bottom: .375rem !important; font-size: .875rem; }

/* --- Precio y Total (filas) + Total general: valores a la derecha (quedan mejor alineados) --- */
.formularioReserva .nuevoPrecioUProducto, .formularioReserva .nuevoPrecioTProducto, .formularioReserva #nuevoTotalReserva,
.formularioTransito .nuevoPrecioUProducto, .formularioTransito .nuevoPrecioTProducto, .formularioTransito #nuevoTotalTransito,
.formularioDevolucion .nuevoPrecioUProducto, .formularioDevolucion .nuevoPrecioTProducto, .formularioDevolucion #nuevoTotalDevolucion { text-align: right; }
/* Cantidad centrada (como en compras) */
.formularioReserva .nuevaCantidadProducto, .formularioTransito .nuevaCantidadProducto, .formularioDevolucion .nuevaCantidadProducto { text-align: center; }

/* --- Filas de producto: hover suave --- */
.formularioReserva .nuevoProducto .row:hover, .formularioTransito .nuevoProducto .row:hover, .formularioDevolucion .nuevoProducto .row:hover { background: #f8fafc; border-radius: 8px; }
.formularioReserva .nuevoPrecioTProducto, .formularioTransito .nuevoPrecioTProducto, .formularioDevolucion .nuevoPrecioTProducto { background: #f8fafc !important; font-weight: 600; color: #0f172a; }

/* --- Separador entre productos y los campos de abajo (línea marcada) --- */
.formularioReserva hr, .formularioTransito hr, .formularioDevolucion hr { border-top: 2px solid #cbd5e1; margin: 1.1rem 0 1.25rem; }

/* --- Botones: UNA paleta con jerarquía (custom.css los pinta con !important, por eso va !important) --- */
/* IMEI/SERIAL: ámbar suave, no chillón */
.formularioReserva #editarImeiPP.btn-warning, .formularioTransito .btn-warning, .formularioDevolucion .btn-warning { background: #fff7ed !important; border: 1px solid #fed7aa !important; color: #c2410c !important; box-shadow: none; font-weight: 600; }
.formularioReserva #editarImeiPP.btn-warning:hover, .formularioTransito .btn-warning:hover, .formularioDevolucion .btn-warning:hover { background: #ffedd5 !important; }
/* Item Libre (solo reserva): acción secundaria (azul ghost, no compite con Guardar) */
.formularioReserva #btnAgregarItemLibre.btn-primary { background: #eff6ff !important; border: 1px solid #bfdbfe !important; color: #1d4ed8 !important; box-shadow: none; font-weight: 600; }
.formularioReserva #btnAgregarItemLibre.btn-primary:hover { background: #dbeafe !important; color: #1e40af !important; }

/* --- Barra de acciones inferior --- */
.formularioReserva .acciones-form, .formularioTransito .acciones-form, .formularioDevolucion .acciones-form { border-top: 1px solid #eef2f7; padding-top: 1rem; margin-top: 1rem; }
.formularioReserva .acciones-form .btn, .formularioTransito .acciones-form .btn, .formularioDevolucion .acciones-form .btn { border-radius: 8px; padding: .5rem 1.1rem; font-weight: 600; box-shadow: none; }
/* Generar Factura / Generar Reserva: verde refinado (solo reserva/tránsito) */
.formularioReserva .btnGenerarFactura.btn-success, .formularioTransito .btnGenerarReserva.btn-success { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
.formularioReserva .btnGenerarFactura.btn-success:hover, .formularioTransito .btnGenerarReserva.btn-success:hover { background: #15803d !important; border-color: #15803d !important; }
/* Guardar: primario, el CTA (queda a la derecha por el margin-left:auto existente) */
.formularioReserva .btn-guardar.btn-primary, .formularioTransito .btn-guardar.btn-primary, .formularioDevolucion .btn-guardar.btn-primary { background: var(--rt-azul) !important; border-color: var(--rt-azul) !important; color: #fff !important; }
.formularioReserva .btn-guardar.btn-primary:hover, .formularioTransito .btn-guardar.btn-primary:hover, .formularioDevolucion .btn-guardar.btn-primary:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; }

/* --- Totales/readonly se ven como "resultado" --- */
.formularioReserva #nuevoTotalReserva, .formularioReserva #nuevoCantidadProductos,
.formularioTransito #nuevoTotalTransito, .formularioTransito #nuevoCantidadProductos,
.formularioDevolucion #nuevoTotalDevolucion { background: #f8fafc; font-weight: 700; color: #0f172a; }