/* Estilos de CRMKesher en un solo archivo. El orden importa para la cascada:
   1. Base: Color Admin 5.5 + Bootstrap 5.3.3 + vendor, recortados a las clases que se usan (Tools/css/purge.mjs).
   2. Estilos de cada vista que antes iban en @section Styles.
   3. kesher-modern y kesher-theme (tema de colores y componentes).
   4. Estilos que antes iban dentro del <body> (header, chat, parciales y vistas).
   Los estilos de una vista se limitan a ella con :where(html[data-kt-vista="Carpeta/Vista"]); :where no sube la
   especificidad, así que se comportan igual que cuando estaban en la vista. */

/* >>>>> BASE: Color Admin + Bootstrap + vendor recortados (lo regenera Tools/css/purge.mjs; no editar a mano) >>>>> */
/* ===== vendor.min.css (recortado) ===== */
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fab{font-family:"Font Awesome 6 Brands"}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-fw{text-align:center;width:1.25em}.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-pulse,.fa-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.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%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-0{--fa:"\30"}.fa-circle-chevron-right{--fa:"\f138"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-file-alt,.fa-file-lines{--fa:"\f15c"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-fingerprint{--fa:"\f577"}.fa-people-line{--fa:"\e534"}.fa-address-book{--fa:"\f2b9"}.fa-comments{--fa:"\f086"}.fa-paste{--fa:"\f0ea"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-circle-notch{--fa:"\f1ce"}.fa-cloud{--fa:"\f0c2"}.fa-gavel{--fa:"\f0e3"}.fa-microphone-slash{--fa:"\f131"}.fa-people-arrows{--fa:"\e068"}.fa-cut{--fa:"\f0c4"}.fa-reply{--fa:"\f3e5"}.fa-bars{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-lightbulb{--fa:"\f0eb"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot{--fa:"\f4b9"}.fa-flag{--fa:"\f024"}.fa-comment-slash{--fa:"\f4b3"}.fa-list{--fa:"\f03a"}.fa-cart-plus{--fa:"\f217"}.fa-lock{--fa:"\f023"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-hourglass-half{--fa:"\f252"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-hand-paper{--fa:"\f256"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-stopwatch{--fa:"\f2f2"}.fa-angle-right{--fa:"\f105"}.fa-folder{--fa:"\f07b"}.fa-chart-simple{--fa:"\e473"}.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-user{--fa:"\f007"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-location-arrow{--fa:"\f124"}.fa-money-bill-wave{--fa:"\f53a"}.fa-chart-area{--fa:"\f1fe"}.fa-ban{--fa:"\f05e"}.fa-star{--fa:"\f005"}.fa-box{--fa:"\f466"}.fa-random{--fa:"\f074"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-hourglass-start{--fa:"\f251"}.fa-sign-in-alt{--fa:"\f2f6"}.fa-folder-open{--fa:"\f07c"}.fa-headset{--fa:"\f590"}.fa-user-minus{--fa:"\f503"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-caret-up{--fa:"\f0d8"}.fa-rotate-left{--fa:"\f2ea"}.fa-handshake{--fa:"\f2b5"}.fa-play-circle{--fa:"\f144"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-id-badge{--fa:"\f2c1"}.fa-user-tie{--fa:"\f508"}.fa-file-import{--fa:"\f56f"}.fa-address-card{--fa:"\f2bb"}.fa-cloud-download-alt{--fa:"\f0ed"}.fa-envelope-open{--fa:"\f2b6"}.fa-arrows-rotate,.fa-sync{--fa:"\f021"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-layer-group{--fa:"\f5fd"}.fa-square{--fa:"\f0c8"}.fa-newspaper{--fa:"\f1ea"}.fa-list-ol{--fa:"\f0cb"}.fa-money-check-dollar{--fa:"\f53d"}.fa-language{--fa:"\f1ab"}.fa-filter{--fa:"\f0b0"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-chart-pie{--fa:"\f200"}.fa-file-excel{--fa:"\f1c3"}.fa-helmet-safety{--fa:"\f807"}.fa-chart-line{--fa:"\f201"}.fa-arrow-right{--fa:"\f061"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-lock-open{--fa:"\f3c1"}.fa-money-bill-transfer{--fa:"\e528"}.fa-circle{--fa:"\f111"}.fa-satellite-dish{--fa:"\f7c0"}.fa-mobile-alt{--fa:"\f3cd"}.fa-volume-up{--fa:"\f028"}.fa-wallet{--fa:"\f555"}.fa-circle-question{--fa:"\f059"}.fa-code-branch{--fa:"\f126"}.fa-phone-alt{--fa:"\f879"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-tags{--fa:"\f02c"}.fa-eye{--fa:"\f06e"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-signal{--fa:"\f012"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-comment-dots{--fa:"\f4ad"}.fa-hand-holding-dollar{--fa:"\f4c0"}.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-phone{--fa:"\f095"}.fa-user-gear{--fa:"\f4fe"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-trash{--fa:"\f1f8"}.fa-headphones{--fa:"\f025"}.fa-arrow-left{--fa:"\f060"}.fa-align-left{--fa:"\f036"}.fa-external-link-alt{--fa:"\f35d"}.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-user-secret{--fa:"\f21b"}.fa-th-large{--fa:"\f009"}.fa-phone-volume{--fa:"\f2a0"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-envelope{--fa:"\f0e0"}.fa-paperclip{--fa:"\f0c6"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-camera{--fa:"\f030"}.fa-calendar-check{--fa:"\f274"}.fa-truck{--fa:"\f0d1"}.fa-check-double{--fa:"\f560"}.fa-undo{--fa:"\f0e2"}.fa-hdd{--fa:"\f0a0"}.fa-calendar-plus{--fa:"\f271"}.fa-minus{--fa:"\f068"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-shopping-cart{--fa:"\f07a"}.fa-grip-vertical{--fa:"\f58e"}.fa-clock{--fa:"\f017"}.fa-caret-down{--fa:"\f0d7"}.fa-mobile-screen{--fa:"\f3cf"}.fa-piggy-bank{--fa:"\f4d3"}.fa-sliders{--fa:"\f1de"}.fa-ellipsis-vertical{--fa:"\f142"}.fa-power-off{--fa:"\f011"}.fa-flag-usa{--fa:"\f74d"}.fa-calculator{--fa:"\f1ec"}.fa-backspace{--fa:"\f55a"}.fa-id-card{--fa:"\f2c2"}.fa-home{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-redo-alt{--fa:"\f2f9"}.fa-skull{--fa:"\f54c"}.fa-upload{--fa:"\f093"}.fa-bolt{--fa:"\f0e7"}.fa-vault{--fa:"\e2c5"}.fa-industry{--fa:"\f275"}.fa-ellipsis{--fa:"\f141"}.fa-toolbox{--fa:"\f552"}.fa-credit-card{--fa:"\f09d"}.fa-medal{--fa:"\f5a2"}.fa-bell{--fa:"\f0f3"}.fa-phone-slash{--fa:"\f3dd"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-eraser{--fa:"\f12d"}.fa-inbox{--fa:"\f01c"}.fa-envelope-open-text{--fa:"\f658"}.fa-boxes-stacked{--fa:"\f468"}.fa-link{--fa:"\f0c1"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-receipt{--fa:"\f543"}.fa-chevron-down{--fa:"\f078"}.fa-list-ul{--fa:"\f0ca"}.fa-list-check{--fa:"\f0ae"}.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-copy{--fa:"\f0c5"}.fa-share-square{--fa:"\f14d"}.fa-phone-square{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-close,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-chalkboard-user{--fa:"\f51c"}.fa-quote-left{--fa:"\f10d"}.fa-map{--fa:"\f279"}.fa-arrow-trend-up{--fa:"\e098"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-percent{--fa:"\25"}.fa-face-smile{--fa:"\f118"}.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-cogs{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-sim-card{--fa:"\f7c4"}.fa-building{--fa:"\f1ad"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-file-export{--fa:"\f56e"}.fa-pen-nib{--fa:"\f5ad"}.fa-magic{--fa:"\f0d0"}.fa-moon{--fa:"\f186"}.fa-broom{--fa:"\f51a"}.fa-hashtag{--fa:"\23"}.fa-chart-column{--fa:"\e0e3"}.fa-calendar{--fa:"\f133"}.fa-plus-circle{--fa:"\f055"}.fa-arrow-trend-down{--fa:"\e097"}.fa-draw-polygon{--fa:"\f5ee"}.fa-scale-balanced{--fa:"\f24e"}.fa-table-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-angle-left{--fa:"\f104"}.fa-briefcase{--fa:"\f0b1"}.fa-user-tag{--fa:"\f507"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-exchange-alt{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-calendar-day{--fa:"\f783"}.fa-times-circle{--fa:"\f057"}.fa-search-plus{--fa:"\f00e"}.fa-user-clock{--fa:"\f4fd"}.fa-file-invoice{--fa:"\f570"}.fa-search-minus{--fa:"\f010"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-dollar-sign{--fa:"\24"}.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-university{--fa:"\f19c"}.fa-video{--fa:"\f03d"}:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fab{font-weight:400}.fa-google{--fa:"\f1a0"}.fa-stripe{--fa:"\f429"}.fa-whatsapp{--fa:"\f232"}.fa-whatsapp-square{--fa:"\f40c"}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.far{font-weight:400}:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}/*! jQuery UI - v1.13.3 - 2024-04-26
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=%22alpha(opacity%3D30)%22&opacityFilterOverlay=%22alpha(opacity%3D30)%22&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright OpenJS Foundation and other contributors; Licensed MIT */.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;-ms-filter:"alpha(opacity=25)";opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-check{background-position:-64px -144px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:"alpha(opacity=.3)"}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#000;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #000,0 0 5px #000;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#000;border-left-color:#000;border-radius:10px;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
/* ===== app.min.css (recortado) ===== */
/*!
 * Color Admin v5.5.0 (https://seantheme.com/color-admin/)
 * Copyright 2025 SeanTheme
 *//*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root, [data-bs-theme=light] {
    --bs-default: #e9ecef;
    --bs-primary: #348fe2;
    --bs-secondary: #6c757d;
    --bs-success: #00acac;
    --bs-info: #49b6d6;
    --bs-warning: #f59c1a;
    --bs-danger: #ff5b57;
    --bs-light: #f2f3f4;
    --bs-dark: #2d353c;
    --bs-inverse: #2d353c;
    --bs-blue: #348fe2;
    --bs-indigo: #8753de;
    --bs-purple: #727cb6;
    --bs-pink: #fb5597;
    --bs-red: #ff5b57;
    --bs-orange: #f59c1a;
    --bs-yellow: #ffd900;
    --bs-green: #32a932;
    --bs-teal: #00acac;
    --bs-lime: #90ca4b;
    --bs-cyan: #49b6d6;
    --bs-white: #FFFFFF;
    --bs-gray: #6c757d;
    --bs-gray-dark: #2d353c;
    --bs-muted: #adb5bd;
    --bs-black: #000000;
    --bs-silver: #b6c2c9;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #2d353c;
    --bs-gray-900: #20252a;
    --bs-default-rgb: 233,236,239;
    --bs-primary-rgb: 52,143,226;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 0,172,172;
    --bs-info-rgb: 73,182,214;
    --bs-warning-rgb: 245,156,26;
    --bs-danger-rgb: 255,91,87;
    --bs-light-rgb: 242,243,244;
    --bs-dark-rgb: 45,53,60;
    --bs-inverse-rgb: 45,53,60;
    --bs-blue-rgb: 52,143,226;
    --bs-indigo-rgb: 135,83,222;
    --bs-purple-rgb: 114,124,182;
    --bs-pink-rgb: 251,85,151;
    --bs-red-rgb: 255,91,87;
    --bs-orange-rgb: 245,156,26;
    --bs-yellow-rgb: 255,217,0;
    --bs-green-rgb: 50,169,50;
    --bs-teal-rgb: 0,172,172;
    --bs-lime-rgb: 144,202,75;
    --bs-cyan-rgb: 73,182,214;
    --bs-white-rgb: 255,255,255;
    --bs-gray-rgb: 108,117,125;
    --bs-gray-dark-rgb: 45,53,60;
    --bs-muted-rgb: 173,181,189;
    --bs-black-rgb: 0,0,0;
    --bs-silver-rgb: 182,194,201;
    --bs-gray-100-rgb: 248,249,250;
    --bs-gray-200-rgb: 233,236,239;
    --bs-gray-300-rgb: 222,226,230;
    --bs-gray-400-rgb: 206,212,218;
    --bs-gray-500-rgb: 173,181,189;
    --bs-gray-600-rgb: 108,117,125;
    --bs-gray-700-rgb: 73,80,87;
    --bs-gray-800-rgb: 45,53,60;
    --bs-gray-900-rgb: 32,37,42;
    --bs-primary-text-emphasis: #15395a;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #004545;
    --bs-info-text-emphasis: #1d4956;
    --bs-warning-text-emphasis: #623e0a;
    --bs-danger-text-emphasis: #662423;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #d6e9f9;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #cceeee;
    --bs-info-bg-subtle: #dbf0f7;
    --bs-warning-bg-subtle: #fdebd1;
    --bs-danger-bg-subtle: #ffdedd;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #aed2f3;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #99dede;
    --bs-info-border-subtle: #b6e2ef;
    --bs-warning-border-subtle: #fbd7a3;
    --bs-danger-border-subtle: #ffbdbc;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: "Open Sans",sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #2d353c;
    --bs-body-color-rgb: 45,53,60;
    --bs-body-bg: #dee2e6;
    --bs-body-bg-rgb: 222,226,230;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(45, 53, 60, 0.75);
    --bs-secondary-color-rgb: 45,53,60;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(45, 53, 60, 0.5);
    --bs-tertiary-color-rgb: 45,53,60;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #348fe2;
    --bs-link-color-rgb: 52,143,226;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #2a72b5;
    --bs-link-hover-color-rgb: 42,114,181;
    --bs-code-color: #f90a69;
    --bs-highlight-color: #2d353c;
    --bs-highlight-bg: #fff7cc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #ced4da;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 6px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(52, 143, 226, 0.25);
    --bs-form-valid-color: #00acac;
    --bs-form-valid-border-color: #00acac;
    --bs-form-invalid-color: #ff5b57;
    --bs-form-invalid-border-color: #ff5b57
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #161a1d;
    --bs-body-bg-rgb: 22,26,29;
    --bs-emphasis-color: #FFFFFF;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #2d353c;
    --bs-secondary-bg-rgb: 45,53,60;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #272d33;
    --bs-tertiary-bg-rgb: 39,45,51;
    --bs-primary-text-emphasis: #85bcee;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #66cdcd;
    --bs-info-text-emphasis: #92d3e6;
    --bs-warning-text-emphasis: #f9c476;
    --bs-danger-text-emphasis: #ff9d9a;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #0a1d2d;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #002222;
    --bs-info-bg-subtle: #0f242b;
    --bs-warning-bg-subtle: #311f05;
    --bs-danger-bg-subtle: #331211;
    --bs-light-bg-subtle: #2d353c;
    --bs-dark-bg-subtle: #171b1e;
    --bs-primary-border-subtle: #1f5688;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #006767;
    --bs-info-border-subtle: #2c6d80;
    --bs-warning-border-subtle: #935e10;
    --bs-danger-border-subtle: #993734;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #2d353c;
    --bs-heading-color: inherit;
    --bs-link-color: #85bcee;
    --bs-link-hover-color: #9dc9f1;
    --bs-link-color-rgb: 133,188,238;
    --bs-link-hover-color-rgb: 157,201,241;
    --bs-code-color: #fb6ca5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #665700;
    --bs-border-color: #6c757d;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #84cb84;
    --bs-form-valid-border-color: #84cb84;
    --bs-form-invalid-color: #ff9d9a;
    --bs-form-invalid-border-color: #ff9d9a
}

*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: .9375rem 0;
    color: #adb5bd;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .4
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .46875rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1, h1 {
    font-size: calc(1.3125rem + .75vw)
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 1.875rem
    }
}

.h2, h2 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 1.5rem
    }
}

.h3, h3 {
    font-size: calc(1.25625rem + .075vw)
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.3125rem
    }
}

.h4, h4 {
    font-size: 1.125rem
}

.h5, h5 {
    font-size: .9375rem
}

.h6, h6 {
    font-size: .75rem
}

p {
    margin-top: 0;
    margin-bottom: .9375rem
}

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

ol, ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: 700
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

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

code, kbd, pre {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 90%
}

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

code {
    font-size: 90%;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #20252a;
    border-radius: 3px
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #adb5bd;
    text-align: left
}

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

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

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

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

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

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

    .blockquote > :last-child {
        margin-bottom: 0
    }

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

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.container, .container-fluid, .container-sm {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-sm {
        max-width: 750px
    }
}

@media (min-width:992px) {
    .container, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-sm {
        max-width: 1170px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --bs-breakpoint-xxxl: 1800px
}

.row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

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

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

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.g-0 {
    --bs-gutter-x: 0
}

.g-0 {
    --bs-gutter-y: 0
}

.g-1 {
    --bs-gutter-x: 0.234375rem
}

.g-1 {
    --bs-gutter-y: 0.234375rem
}

.g-2 {
    --bs-gutter-x: 0.46875rem
}

.g-2 {
    --bs-gutter-y: 0.46875rem
}

.g-3 {
    --bs-gutter-x: 0.9375rem
}

.g-3 {
    --bs-gutter-y: 0.9375rem
}

.g-4 {
    --bs-gutter-x: 1.40625rem
}

.g-4 {
    --bs-gutter-y: 1.40625rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

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

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-component-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-component-table-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-component-color);
    --bs-table-striped-bg: #e9ecef;
    --bs-table-active-color: var(--bs-component-color);
    --bs-table-active-bg: #e9ecef;
    --bs-table-hover-color: var(--bs-component-color);
    --bs-table-hover-bg: rgba(233, 236, 239, 0.85);
    width: 100%;
    margin-bottom: .9375rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000000;
    --bs-table-bg: #d6e9f9;
    --bs-table-border-color: #c1d2e0;
    --bs-table-striped-bg: black;
    --bs-table-striped-color: #FFFFFF;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #202325;
    --bs-table-hover-color: #FFFFFF;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000000;
    --bs-table-bg: #f2f3f4;
    --bs-table-border-color: #dadbdc;
    --bs-table-striped-bg: black;
    --bs-table-striped-color: #FFFFFF;
    --bs-table-active-bg: black;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #242425;
    --bs-table-hover-color: #FFFFFF;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.form-label {
    margin-bottom: .25rem;
    font-weight: 600
}

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #adb5bd
}

.form-control {
    display: block;
    width: 100%;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-component-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-component-border-color);
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: var(--bs-component-color);
    background-color: var(--bs-component-bg);
    border-color: #67abe9;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-component-disabled-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    margin-inline-end: .75rem;
    color: var(--bs-component-color);
    background-color: rgba(var(--bs-component-border-color-rgb),1);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgba(var(--bs-component-border-color-rgb),.5)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .4375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-component-color);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

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

.form-control-sm {
    min-height: calc(1.5em + .625rem + 2px);
    padding: .3125rem .625rem;
    font-size: .75rem;
    border-radius: 3px
}

    .form-control-sm::file-selector-button {
        padding: .3125rem .625rem;
        margin: -.3125rem -.625rem;
        margin-inline-end: .625rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius: 6px
}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .875rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .625rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .875rem + 2px);
    padding: .4375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 4px
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: 4px
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .625rem + 2px)
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px)
    }

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .4375rem 2.25rem .4375rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-component-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid var(--bs-component-border-color);
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #67abe9;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
}

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

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-component-color)
}

.form-select-sm {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    padding-left: .625rem;
    font-size: .75rem;
    border-radius: 3px
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.125rem;
    padding-left: 2em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -2em
    }

.form-check-input {
    --bs-form-check-bg: var(--bs-component-bg);
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #67abe9;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
    }

    .form-check-input:checked {
        background-color: #348fe2;
        border-color: #348fe2
    }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #348fe2;
        border-color: #348fe2;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.form-switch {
    padding-left: 2.8em
}

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        width: 2.3em;
        margin-left: -2.8em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2.3em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2367abe9'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        min-height: calc(3.5rem + 2px);
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-component-bg);
    border-radius: 4px
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-component-bg);
    border-radius: 4px
}

.form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
    color: #6c757d
}

    .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after {
        background-color: var(--bs-component-disabled-bg)
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 5
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 5
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    text-align: center;
    white-space: nowrap;
    background-color: rgba(var(--bs-component-border-color-rgb),1);
    border: 1px solid var(--bs-component-border-color);
    border-radius: 4px
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .3125rem .625rem;
    font-size: .75rem;
    border-radius: 3px
}

 .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #00acac;
        box-shadow: 0 0 0 .25rem rgba(0,172,172,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .875rem);
    background-position: top calc(.375em + .21875rem) right calc(.375em + .21875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #00acac
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300acac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .4375rem) calc(.75em + .4375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #00acac;
        box-shadow: 0 0 0 .25rem rgba(0,172,172,.25)
    }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .875rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #00acac
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: #00acac
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(0,172,172,.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #00acac
    }

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

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

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #ff5b57;
        box-shadow: 0 0 0 .25rem rgba(255,91,87,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .875rem);
    background-position: top calc(.375em + .21875rem) right calc(.375em + .21875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #ff5b57
}

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b57'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b57' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .4375rem) calc(.75em + .4375rem)
    }

    .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
        border-color: #ff5b57;
        box-shadow: 0 0 0 .25rem rgba(255,91,87,.25)
    }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .875rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #ff5b57
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: #ff5b57
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(255,91,87,.25)
    }

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

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.4375rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn-check:checked:focus-visible + .btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-default {
    --bs-btn-color: #000000;
    --bs-btn-bg: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #eceff1;
    --bs-btn-hover-border-color: #ebeef1;
    --bs-btn-focus-shadow-rgb: 198,201,203;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #edf0f2;
    --bs-btn-active-border-color: #ebeef1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #e9ecef;
    --bs-btn-disabled-border-color: #e9ecef
}

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #2c7ac0;
    --bs-btn-hover-border-color: #2a72b5;
    --bs-btn-focus-shadow-rgb: 82,160,230;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #2a72b5;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #348fe2;
    --bs-btn-disabled-border-color: #348fe2
}

.btn-secondary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #009292;
    --bs-btn-hover-border-color: #008a8a;
    --bs-btn-focus-shadow-rgb: 38,184,184;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #008a8a;
    --bs-btn-active-border-color: #008181;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #00acac;
    --bs-btn-disabled-border-color: #00acac
}

.btn-info {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #3e9bb6;
    --bs-btn-hover-border-color: #3a92ab;
    --bs-btn-focus-shadow-rgb: 100,193,220;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #3a92ab;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #49b6d6;
    --bs-btn-disabled-border-color: #49b6d6
}

.btn-warning {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #d08516;
    --bs-btn-hover-border-color: #c47d15;
    --bs-btn-focus-shadow-rgb: 247,171,60;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #c47d15;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #f59c1a;
    --bs-btn-disabled-border-color: #f59c1a
}

.btn-danger {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #d94d4a;
    --bs-btn-hover-border-color: #cc4946;
    --bs-btn-focus-shadow-rgb: 255,116,112;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #cc4946;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #ff5b57;
    --bs-btn-disabled-border-color: #ff5b57
}

.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #f2f3f4;
    --bs-btn-border-color: #f2f3f4;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #cecfcf;
    --bs-btn-hover-border-color: #c2c2c3;
    --bs-btn-focus-shadow-rgb: 206,207,207;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #c2c2c3;
    --bs-btn-active-border-color: #b6b6b7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #f2f3f4;
    --bs-btn-disabled-border-color: #f2f3f4
}

.btn-dark {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #4d5359;
    --bs-btn-hover-border-color: #424950;
    --bs-btn-focus-shadow-rgb: 77,83,89;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #575d63;
    --bs-btn-active-border-color: #424950;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #2d353c;
    --bs-btn-disabled-border-color: #2d353c
}

.btn-inverse {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #262d33;
    --bs-btn-hover-border-color: #242a30;
    --bs-btn-focus-shadow-rgb: 77,83,89;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #242a30;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #2d353c;
    --bs-btn-disabled-border-color: #2d353c
}

.btn-blue {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #2c7ac0;
    --bs-btn-hover-border-color: #2a72b5;
    --bs-btn-focus-shadow-rgb: 82,160,230;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #2a72b5;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #348fe2;
    --bs-btn-disabled-border-color: #348fe2
}

.btn-indigo {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #8753de;
    --bs-btn-border-color: #8753de;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #7347bd;
    --bs-btn-hover-border-color: #6c42b2;
    --bs-btn-focus-shadow-rgb: 153,109,227;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #6c42b2;
    --bs-btn-active-border-color: #653ea7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #8753de;
    --bs-btn-disabled-border-color: #8753de
}

.btn-purple {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #727cb6;
    --bs-btn-border-color: #727cb6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #61699b;
    --bs-btn-hover-border-color: #5b6392;
    --bs-btn-focus-shadow-rgb: 135,144,193;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #5b6392;
    --bs-btn-active-border-color: #565d89;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #727cb6;
    --bs-btn-disabled-border-color: #727cb6
}

.btn-pink {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #fb5597;
    --bs-btn-border-color: #fb5597;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #d54880;
    --bs-btn-hover-border-color: #c94479;
    --bs-btn-focus-shadow-rgb: 252,111,167;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #c94479;
    --bs-btn-active-border-color: #bc4071;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #fb5597;
    --bs-btn-disabled-border-color: #fb5597
}

.btn-red {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #d94d4a;
    --bs-btn-hover-border-color: #cc4946;
    --bs-btn-focus-shadow-rgb: 255,116,112;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #cc4946;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #ff5b57;
    --bs-btn-disabled-border-color: #ff5b57
}

.btn-orange {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #d08516;
    --bs-btn-hover-border-color: #c47d15;
    --bs-btn-focus-shadow-rgb: 247,171,60;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #c47d15;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #f59c1a;
    --bs-btn-disabled-border-color: #f59c1a
}

.btn-yellow {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffd900;
    --bs-btn-border-color: #ffd900;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffdf26;
    --bs-btn-hover-border-color: #ffdd1a;
    --bs-btn-focus-shadow-rgb: 217,184,0;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffe133;
    --bs-btn-active-border-color: #ffdd1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #ffd900;
    --bs-btn-disabled-border-color: #ffd900
}

.btn-green {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #32a932;
    --bs-btn-border-color: #32a932;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #2b902b;
    --bs-btn-hover-border-color: #288728;
    --bs-btn-focus-shadow-rgb: 81,182,81;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #288728;
    --bs-btn-active-border-color: #267f26;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #32a932;
    --bs-btn-disabled-border-color: #32a932
}

.btn-teal {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #009292;
    --bs-btn-hover-border-color: #008a8a;
    --bs-btn-focus-shadow-rgb: 38,184,184;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #008a8a;
    --bs-btn-active-border-color: #008181;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #00acac;
    --bs-btn-disabled-border-color: #00acac
}

.btn-lime {
    --bs-btn-color: #000000;
    --bs-btn-bg: #90ca4b;
    --bs-btn-border-color: #90ca4b;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #a1d266;
    --bs-btn-hover-border-color: #9bcf5d;
    --bs-btn-focus-shadow-rgb: 122,172,64;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #a6d56f;
    --bs-btn-active-border-color: #9bcf5d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #90ca4b;
    --bs-btn-disabled-border-color: #90ca4b
}

.btn-cyan {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #3e9bb6;
    --bs-btn-hover-border-color: #3a92ab;
    --bs-btn-focus-shadow-rgb: 100,193,220;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #3a92ab;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #49b6d6;
    --bs-btn-disabled-border-color: #49b6d6
}

.btn-white {
    --bs-btn-color: #000000;
    --bs-btn-bg: #FFFFFF;
    --bs-btn-border-color: #FFFFFF;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: white;
    --bs-btn-focus-shadow-rgb: 217,217,217;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: white;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #FFFFFF;
    --bs-btn-disabled-border-color: #FFFFFF
}

.btn-gray {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-muted {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #adb5bd;
    --bs-btn-border-color: #adb5bd;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #939aa1;
    --bs-btn-hover-border-color: #8a9197;
    --bs-btn-focus-shadow-rgb: 185,192,199;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #8a9197;
    --bs-btn-active-border-color: #82888e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #adb5bd;
    --bs-btn-disabled-border-color: #adb5bd
}

.btn-black {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-focus-shadow-rgb: 38,38,38;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #000000;
    --bs-btn-disabled-border-color: #000000
}

.btn-silver {
    --bs-btn-color: #000000;
    --bs-btn-bg: #b6c2c9;
    --bs-btn-border-color: #b6c2c9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #c1cbd1;
    --bs-btn-hover-border-color: #bdc8ce;
    --bs-btn-focus-shadow-rgb: 155,165,171;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #c5ced4;
    --bs-btn-active-border-color: #bdc8ce;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #b6c2c9;
    --bs-btn-disabled-border-color: #b6c2c9
}

.btn-outline-primary {
    --bs-btn-color: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #348fe2;
    --bs-btn-hover-border-color: #348fe2;
    --bs-btn-focus-shadow-rgb: 52,143,226;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #348fe2;
    --bs-btn-active-border-color: #348fe2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #348fe2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #348fe2;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #00acac;
    --bs-btn-hover-border-color: #00acac;
    --bs-btn-focus-shadow-rgb: 0,172,172;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #00acac;
    --bs-btn-active-border-color: #00acac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00acac;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00acac;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #ff5b57;
    --bs-btn-hover-border-color: #ff5b57;
    --bs-btn-focus-shadow-rgb: 255,91,87;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #ff5b57;
    --bs-btn-active-border-color: #ff5b57;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff5b57;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff5b57;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #348fe2;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #2a72b5;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #2a72b5;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 82,160,230;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

 .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 3px
}

.fade {
    transition: opacity .15s linear
}

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

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

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

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

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

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.75rem;
    --bs-dropdown-color: var(--bs-component-color);
    --bs-dropdown-bg: var(--bs-component-dropdown-bg);
    --bs-dropdown-border-color: rgba(var(--bs-component-color-rgb), 0.1);
    --bs-dropdown-border-radius: 4px;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 4px;
    --bs-dropdown-divider-bg: rgba(var(--bs-component-color-rgb), 0.1);
    --bs-dropdown-divider-margin-y: 0.46875rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: rgba(var(--bs-component-color-rgb), 0.85);
    --bs-dropdown-link-hover-color: var(--bs-component-color);
    --bs-dropdown-link-hover-bg: var(--bs-component-dropdown-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-component-active-color);
    --bs-dropdown-link-active-bg: var(--bs-component-active-bg);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 0.9375rem;
    --bs-dropdown-item-padding-y: 0.309375rem;
    --bs-dropdown-header-color: var(--bs-component-color);
    --bs-dropdown-header-padding-x: 0.9375rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-end {
    --bs-position: end
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }
}

@media (min-width:1800px) {
    .dropdown-menu-xxxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxxl-end {
        --bs-position: end
    }
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .6875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #adb5bd;
    --bs-dropdown-bg: #2d353c;
    --bs-dropdown-border-color: rgba(var(--bs-component-color-rgb), 0.1);
    --bs-dropdown-link-color: #adb5bd;
    --bs-dropdown-link-hover-color: #FFFFFF;
    --bs-dropdown-divider-bg: #495057;
    --bs-dropdown-link-hover-bg: #495057;
    --bs-dropdown-link-active-color: var(--bs-component-active-color);
    --bs-dropdown-link-active-bg: var(--bs-component-active-bg);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

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

     .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

         .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

.btn-group {
    border-radius: 4px
}

    .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
        margin-left: calc(1px * -1)
    }

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

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

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

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

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

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

 .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: rgba(var(--bs-component-color-rgb), 0.5);
    --bs-nav-link-hover-color: var(--bs-component-color);
    --bs-nav-link-disabled-color: #ced4da;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
}

.nav-link.disabled, .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-border-color: transparent;
    --bs-nav-tabs-border-radius: 4px;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: var(--bs-component-color);
    --bs-nav-tabs-link-active-bg: var(--bs-component-bg);
    --bs-nav-tabs-link-active-border-color: transparent;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: 4px;
    --bs-nav-pills-link-active-color: var(--bs-component-active-color);
    --bs-nav-pills-link-active-bg: var(--bs-component-active-bg)
}

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.46875rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.40625rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.6rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 0.875rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 4px;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

 .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #FFFFFF;
    --bs-navbar-brand-color: #FFFFFF;
    --bs-navbar-brand-hover-color: #FFFFFF;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 0.9375rem;
    --bs-card-spacer-x: 0.9375rem;
    --bs-card-title-spacer-y: 0.46875rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-component-border-color);
    --bs-card-border-radius: 4px;
    --bs-card-inner-border-radius: 4px;
    --bs-card-cap-padding-y: 0.46875rem;
    --bs-card-cap-padding-x: 0.9375rem;
    --bs-card-cap-bg: rgba(var(--bs-component-border-color-rgb), 0.35);
    --bs-card-bg: var(--bs-component-bg);
    --bs-card-img-overlay-padding: 0.9375rem;
    --bs-card-group-margin: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

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

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

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

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

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.accordion {
    --bs-accordion-color: #2d353c;
    --bs-accordion-bg: #dee2e6;
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: rgba(32, 37, 42, 0.125);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 4px;
    --bs-accordion-inner-border-radius: 4px;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #2d353c;
    --bs-accordion-btn-bg: #dee2e6;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d353c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232f81cb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #2f81cb;
    --bs-accordion-active-bg: #ebf4fc
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: .75rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type > .accordion-header .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type > .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385bcee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385bcee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-divider-color: #adb5bd;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.75rem;
    --bs-pagination-color: rgba(var(--bs-component-color-rgb), 0.75);
    --bs-pagination-bg: var(--bs-component-bg);
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: var(--bs-component-border-color);
    --bs-pagination-border-radius: 4px;
    --bs-pagination-hover-color: var(--bs-component-hover-color);
    --bs-pagination-hover-bg: var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color: var(--bs-component-border-color);
    --bs-pagination-focus-color: #20252a;
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0;
    --bs-pagination-active-color: var(--bs-component-active-color);
    --bs-pagination-active-bg: var(--bs-component-active-bg);
    --bs-pagination-active-border-color: var(--bs-component-active-bg);
    --bs-pagination-disabled-color: var(--bs-component-disabled-color);
    --bs-pagination-disabled-bg: var(--bs-component-disabled-bg);
    --bs-pagination-disabled-border-color: var(--bs-component-disabled-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: .375rem
}

.page-item .page-link {
    border-radius: var(--bs-pagination-border-radius)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 600;
    --bs-badge-color: #FFFFFF;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 0.9375rem;
    --bs-alert-padding-y: 0.9375rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-dismissible {
    padding-right: 2.8125rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.171875rem .9375rem
    }

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.5625rem;
    --bs-progress-bg: var(--bs-component-secondary-bg);
    --bs-progress-border-radius: 4px;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #FFFFFF;
    --bs-progress-bar-bg: #348fe2;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-component-color);
    --bs-list-group-bg: var(--bs-component-bg);
    --bs-list-group-border-color: var(--bs-component-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 0.9375rem;
    --bs-list-group-item-padding-y: 0.703125rem;
    --bs-list-group-action-color: var(--bs-component-color);
    --bs-list-group-action-hover-color: var(--bs-component-color);
    --bs-list-group-action-hover-bg: var(--bs-component-hover-bg);
    --bs-list-group-action-active-color: var(--bs-component-active-color);
    --bs-list-group-action-active-bg: var(--bs-component-active-bg);
    --bs-list-group-disabled-color: var(--bs-component-disabled-color);
    --bs-list-group-disabled-bg: var(--bs-component-bg);
    --bs-list-group-active-color: var(--bs-component-active-color);
    --bs-list-group-active-bg: var(--bs-component-active-bg);
    --bs-list-group-active-border-color: var(--bs-component-active-border-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.btn-close {
    --bs-btn-close-color: #000000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: var(--bs-btn-close-opacity)
}

    .btn-close:hover {
        color: var(--bs-btn-close-color);
        text-decoration: none;
        opacity: var(--bs-btn-close-hover-opacity)
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity)
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity)
    }

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 10px;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.8125rem;
    --bs-toast-bg: rgba(var(--bs-component-dropdown-bg-rgb), 0.98);
    --bs-toast-border-width: 0px;
    --bs-toast-border-color: var(--bs-component-dropdown-border-color);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-component-color);
    --bs-toast-header-bg: rgba(var(--bs-component-dropdown-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-component-dropdown-border-color);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(-.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 0.9375rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--bs-component-modal-bg);
    --bs-modal-border-color: var(--bs-component-modal-border-color);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0);
    --bs-modal-header-padding-x: 0.9375rem;
    --bs-modal-header-padding-y: 0.9375rem;
    --bs-modal-header-padding: 0.9375rem 0.9375rem;
    --bs-modal-header-border-color: var(--bs-component-modal-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-component-modal-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

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

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #20252a;
    --bs-backdrop-opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1799.98px) {
    .modal-fullscreen-xxxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxxl-down .modal-footer, .modal-fullscreen-xxxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.46875rem;
    --bs-tooltip-padding-y: 0.234375rem;
    --bs-tooltip-margin: 0;
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-color: #FFFFFF;
    --bs-tooltip-bg: #20252a;
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.95;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 250px;
    --bs-popover-font-size: 0.75rem;
    --bs-popover-bg: var(--bs-component-bg);
    --bs-popover-border-width: 0px;
    --bs-popover-border-color: rgba(32, 37, 42, 0.2);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - 0px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 0.9375rem;
    --bs-popover-header-padding-y: 0.65rem;
    --bs-popover-header-font-size: 0.75rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-light);
    --bs-popover-body-padding-x: 0.9375rem;
    --bs-popover-body-padding-y: 0.9375rem;
    --bs-popover-body-color: var(--bs-component-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

        .popover .popover-arrow::after, .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-item-next, .carousel-item-prev {
    display: block
}

    .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(100%)
    }

    .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-100%)
    }

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl, .offcanvas-xxxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 0.9375rem;
    --bs-offcanvas-padding-y: 0.9375rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-component-modal-bg);
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-border-color: var(--bs-component-modal-border-color);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1799.98px) {
    .offcanvas-xxxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1799.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxxl {
        transition: none
    }
}

@media (max-width:1799.98px) {
    .offcanvas-xxxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxxl.show:not(.hiding), .offcanvas-xxxl.showing {
        transform: none
    }

    .offcanvas-xxxl.hiding, .offcanvas-xxxl.show, .offcanvas-xxxl.showing {
        visibility: visible
    }
}

@media (min-width:1800px) {
    .offcanvas-xxxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

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

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #20252a
}

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .85
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

     .visually-hidden:not(caption) {
        position: absolute !important
    }

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .4
}

.align-middle {
    vertical-align: middle !important
}

.float-end {
    float: right !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.top-0 {
    top: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.start-0 {
    left: 0 !important
}

.end-0 {
    right: 0 !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-100 {
    height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-column {
    flex-direction: column !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .234375rem !important
}

.m-3 {
    margin: .9375rem !important
}

.mx-3 {
    margin-right: .9375rem !important;
    margin-left: .9375rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-1 {
    margin-top: .234375rem !important;
    margin-bottom: .234375rem !important
}

.my-2 {
    margin-top: .46875rem !important;
    margin-bottom: .46875rem !important
}

.my-4 {
    margin-top: 1.40625rem !important;
    margin-bottom: 1.40625rem !important
}

.my-5 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .234375rem !important
}

.mt-2 {
    margin-top: .46875rem !important
}

.mt-3 {
    margin-top: .9375rem !important
}

.mt-4 {
    margin-top: 1.40625rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .234375rem !important
}

.me-2 {
    margin-right: .46875rem !important
}

.me-3 {
    margin-right: .9375rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .234375rem !important
}

.mb-2 {
    margin-bottom: .46875rem !important
}

.mb-3 {
    margin-bottom: .9375rem !important
}

.mb-4 {
    margin-bottom: 1.40625rem !important
}

.mb-5 {
    margin-bottom: 2.8125rem !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .234375rem !important
}

.ms-2 {
    margin-left: .46875rem !important
}

.ms-auto {
    margin-left: auto !important
}

.mb-n3 {
    margin-bottom: -.9375rem !important
}

.ms-n1 {
    margin-left: -.234375rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .234375rem !important
}

.p-2 {
    padding: .46875rem !important
}

.p-3 {
    padding: .9375rem !important
}

.p-4 {
    padding: 1.40625rem !important
}

.p-5 {
    padding: 2.8125rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .234375rem !important;
    padding-left: .234375rem !important
}

.px-2 {
    padding-right: .46875rem !important;
    padding-left: .46875rem !important
}

.px-3 {
    padding-right: .9375rem !important;
    padding-left: .9375rem !important
}

.px-4 {
    padding-right: 1.40625rem !important;
    padding-left: 1.40625rem !important
}

.px-5 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .234375rem !important;
    padding-bottom: .234375rem !important
}

.py-2 {
    padding-top: .46875rem !important;
    padding-bottom: .46875rem !important
}

.py-3 {
    padding-top: .9375rem !important;
    padding-bottom: .9375rem !important
}

.py-4 {
    padding-top: 1.40625rem !important;
    padding-bottom: 1.40625rem !important
}

.py-5 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .234375rem !important
}

.pt-2 {
    padding-top: .46875rem !important
}

.pt-3 {
    padding-top: .9375rem !important
}

.pe-2 {
    padding-right: .46875rem !important
}

.pe-3 {
    padding-right: .9375rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .234375rem !important
}

.pb-2 {
    padding-bottom: .46875rem !important
}

.pb-3 {
    padding-bottom: .9375rem !important
}

.pb-4 {
    padding-bottom: 1.40625rem !important
}

.pb-5 {
    padding-bottom: 2.8125rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .234375rem !important
}

.ps-2 {
    padding-left: .46875rem !important
}

.ps-3 {
    padding-left: .9375rem !important
}

.ps-4 {
    padding-left: 1.40625rem !important
}

.ps-5 {
    padding-left: 2.8125rem !important
}

.gap-1 {
    gap: .234375rem !important
}

.gap-2 {
    gap: .46875rem !important
}

.gap-3 {
    gap: .9375rem !important
}

.gap-4 {
    gap: 1.40625rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-3 {
    font-size: calc(1.25625rem + .075vw) !important
}

.fs-4 {
    font-size: 1.125rem !important
}

.fs-5 {
    font-size: .9375rem !important
}

.fs-6 {
    font-size: .75rem !important
}

.fst-italic {
    font-style: italic !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-semibold {
    font-weight: 500 !important
}

.fw-bold {
    font-weight: 600 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-inverse {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-inverse-rgb),var(--bs-text-opacity)) !important
}

.text-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-rgb),var(--bs-text-opacity)) !important
}

.text-indigo {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-indigo-rgb),var(--bs-text-opacity)) !important
}

.text-purple {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-purple-rgb),var(--bs-text-opacity)) !important
}

.text-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-rgb),var(--bs-text-opacity)) !important
}

.text-green {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-rgb),var(--bs-text-opacity)) !important
}

.text-teal {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-teal-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-gray-500 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-500-rgb),var(--bs-text-opacity)) !important
}

.text-gray-600 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-600-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.bg-default {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-default-rgb),var(--bs-bg-opacity)) !important
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-inverse {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-inverse-rgb),var(--bs-bg-opacity)) !important
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb),var(--bs-bg-opacity)) !important
}

.bg-indigo {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-indigo-rgb),var(--bs-bg-opacity)) !important
}

.bg-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-purple-rgb),var(--bs-bg-opacity)) !important
}

.bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-pink-rgb),var(--bs-bg-opacity)) !important
}

.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-rgb),var(--bs-bg-opacity)) !important
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-orange-rgb),var(--bs-bg-opacity)) !important
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-yellow-rgb),var(--bs-bg-opacity)) !important
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-rgb),var(--bs-bg-opacity)) !important
}

.bg-teal {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-teal-rgb),var(--bs-bg-opacity)) !important
}

.bg-lime {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-lime-rgb),var(--bs-bg-opacity)) !important
}

.bg-cyan {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-cyan-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-rgb),var(--bs-bg-opacity)) !important
}

.bg-muted {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-muted-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-silver {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-silver-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-100 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-100-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-500 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-500-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-600 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-600-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-700 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-700-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-800 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-800-rgb),var(--bs-bg-opacity)) !important
}

.bg-gray-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-900-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {

    .d-sm-inline {
        display: inline !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .234375rem !important
    }

    .ps-sm-2 {
        padding-left: .46875rem !important
    }

    .ps-sm-3 {
        padding-left: .9375rem !important
    }

    .ps-sm-4 {
        padding-left: 1.40625rem !important
    }

    .ps-sm-5 {
        padding-left: 2.8125rem !important
    }
}

@media (min-width:768px) {

    .d-md-inline {
        display: inline !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .me-md-3 {
        margin-right: .9375rem !important
    }

    .mb-md-2 {
        margin-bottom: .46875rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .234375rem !important
    }

    .ps-md-2 {
        padding-left: .46875rem !important
    }

    .ps-md-3 {
        padding-left: .9375rem !important
    }

    .ps-md-4 {
        padding-left: 1.40625rem !important
    }

    .ps-md-5 {
        padding-left: 2.8125rem !important
    }

    .text-md-end {
        text-align: right !important
    }
}

@media (min-width:992px) {

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-4 {
        padding: 1.40625rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .234375rem !important
    }

    .ps-lg-2 {
        padding-left: .46875rem !important
    }

    .ps-lg-3 {
        padding-left: .9375rem !important
    }

    .ps-lg-4 {
        padding-left: 1.40625rem !important
    }

    .ps-lg-5 {
        padding-left: 2.8125rem !important
    }
}

@media (min-width:1200px) {

    .float-xl-end {
        float: right !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .234375rem !important
    }

    .ps-xl-2 {
        padding-left: .46875rem !important
    }

    .ps-xl-3 {
        padding-left: .9375rem !important
    }

    .ps-xl-4 {
        padding-left: 1.40625rem !important
    }

    .ps-xl-5 {
        padding-left: 2.8125rem !important
    }
}

@media (min-width:1400px) {

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .234375rem !important
    }

    .ps-xxl-2 {
        padding-left: .46875rem !important
    }

    .ps-xxl-3 {
        padding-left: .9375rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.40625rem !important
    }

    .ps-xxl-5 {
        padding-left: 2.8125rem !important
    }
}

@media (min-width:1800px) {

    .ps-xxxl-0 {
        padding-left: 0 !important
    }

    .ps-xxxl-1 {
        padding-left: .234375rem !important
    }

    .ps-xxxl-2 {
        padding-left: .46875rem !important
    }

    .ps-xxxl-3 {
        padding-left: .9375rem !important
    }

    .ps-xxxl-4 {
        padding-left: 1.40625rem !important
    }

    .ps-xxxl-5 {
        padding-left: 2.8125rem !important
    }
}

@media (min-width:1200px) {

    .fs-3 {
        font-size: 1.3125rem !important
    }
}

:root, [data-bs-theme=light] {
    --bs-app-theme: #348fe2;
    --bs-app-theme-rgb: 52,143,226;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #276baa;
    --bs-app-theme-hover-border-color: #276baa;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #276baa;
    --bs-app-theme-active-border-color: #276baa;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #67abe9;
    --bs-app-theme-disabled-border-color: #67abe9;
    --bs-app-theme-disabled-color: #FFFFFF;
    --bs-border-color: #ced4da;
    --bs-border-color-rgb: 206,212,218;
    --bs-app-header-bg: #FFFFFF;
    --bs-app-header-bg-rgb: 255,255,255;
    --bs-app-header-color: #20252a;
    --bs-app-header-color-rgb: 32,37,42;
    --bs-app-header-input-bg: #f2f3f4;
    --bs-app-header-input-border: #f2f3f4;
    --bs-app-header-mobile-divider-bg: #edf0f2;
    --bs-app-header-divider-bg: #dee2e6;
    --bs-app-sidebar-bg: #FFFFFF;
    --bs-app-sidebar-bg-rgb: 255,255,255;
    --bs-app-sidebar-bg-transparent: url(default/images/cover-sidebar.jpg);
    --bs-app-sidebar-profile-bg: #20252a;
    --bs-app-sidebar-profile-bg-rgb: 32,37,42;
    --bs-app-sidebar-profile-color: #FFFFFF;
    --bs-app-sidebar-profile-color-rgb: 255,255,255;
    --bs-app-sidebar-component-color: #2d353c;
    --bs-app-sidebar-component-color-rgb: 45,53,60;
    --bs-app-sidebar-component-active-bg: #f0f2f4;
    --bs-app-sidebar-component-active-color: #20252a;
    --bs-app-sidebar-menu-header-color: #adb5bd;
    --bs-app-sidebar-menu-divider-bg: #dee2e6;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #dee2e6;
    --bs-app-sidebar-menu-badge-color: #2d353c;
    --bs-app-sidebar-menu-badge-font-weight: 700;
    --bs-app-sidebar-menu-link-color: #6c757d;
    --bs-app-sidebar-menu-link-hover-color: #20252a;
    --bs-app-sidebar-menu-link-font-weight: 600;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: #6c757d;
    --bs-app-sidebar-menu-submenu-link-hover-color: #20252a;
    --bs-app-sidebar-menu-submenu-link-font-weight: 600;
    --bs-app-sidebar-menu-grid-bg: #dee2e6;
    --bs-app-sidebar-menu-grid-border-width: 2px;
    --bs-app-sidebar-menu-grid-border-color: #dee2e6;
    --bs-app-sidebar-grid-border-color: #dee2e6;
    --bs-app-sidebar-minify-btn-bg: #e9ecef;
    --bs-app-sidebar-minify-btn-hover-bg: #ced4da;
    --bs-app-sidebar-float-submenu-bg: #f8f9fa;
    --bs-app-sidebar-float-submenu-grid-border-color: #dee2e6;
    --bs-app-top-menu-bg: #FFFFFF;
    --bs-app-top-menu-link-color: rgba(32, 37, 42, 0.6);
    --bs-app-top-menu-link-font-weight: 600;
    --bs-app-top-menu-link-hover-color: #20252a;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #20252a;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #e9ecef;
    --bs-app-top-menu-menu-badge-color: #20252a;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #f8f9fa;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.1);
    --bs-app-top-menu-control-link-bg: #FFFFFF;
    --bs-app-top-menu-control-link-color: rgba(32, 37, 42, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #FFFFFF;
    --bs-app-top-menu-control-link-hover-color: #20252a;
    --bs-app-login-bg-cover: url(default/images/bg-login.png);
    --bs-component-bg: #FFFFFF;
    --bs-component-bg-rgb: 255,255,255;
    --bs-component-secondary-bg: #dee2e6;
    --bs-component-secondary-bg-rgb: 222,226,230;
    --bs-component-tertiary-bg: #adb5bd;
    --bs-component-tertiary-bg-rgb: 173,181,189;
    --bs-component-dropdown-bg: #FFFFFF;
    --bs-component-dropdown-bg-rgb: 255,255,255;
    --bs-component-dropdown-hover-bg: #eff1f3;
    --bs-component-dropdown-hover-bg-rgb: 239,241,243;
    --bs-component-dropdown-border-color: #ced4da;
    --bs-component-dropdown-border-color-rgb: 206,212,218;
    --bs-component-modal-bg: #FFFFFF;
    --bs-component-modal-bg-rgb: 255,255,255;
    --bs-component-modal-border-color: #ced4da;
    --bs-component-modal-border-color-rgb: 206,212,218;
    --bs-component-secondary-bg: #dee2e6;
    --bs-component-color: #20252a;
    --bs-component-color-rgb: 32,37,42;
    --bs-component-border-color: #ced4da;
    --bs-component-border-color-rgb: 206,212,218;
    --bs-component-active-bg: #348fe2;
    --bs-component-active-bg-rgb: 52,143,226;
    --bs-component-active-color: #FFFFFF;
    --bs-component-active-color-rgb: 255,255,255;
    --bs-component-hover-bg: #eff1f3;
    --bs-component-hover-color: #20252a;
    --bs-component-hover-border-color: #ced4da;
    --bs-component-focus-border-color: #67abe9;
    --bs-component-disabled-bg: #e9ecef;
    --bs-component-disabled-color: #adb5bd;
    --bs-component-disabled-border-color: #ced4da;
    --bs-component-table-border-color: #ced4da;
    --bs-component-table-separator-color: currentColor;
    --bs-default-bg-subtle: #f8f9fa;
    --bs-default-text-emphasis: #464748;
    --bs-default-border-subtle: #f8f9fa;
    --bs-primary-bg-subtle: #c2ddf6;
    --bs-primary-text-emphasis: #102b44;
    --bs-primary-border-subtle: #c2ddf6;
    --bs-secondary-bg-subtle: #d3d6d8;
    --bs-secondary-text-emphasis: #202326;
    --bs-secondary-border-subtle: #d3d6d8;
    --bs-success-bg-subtle: #b3e6e6;
    --bs-success-text-emphasis: #003434;
    --bs-success-border-subtle: #b3e6e6;
    --bs-info-bg-subtle: #c8e9f3;
    --bs-info-text-emphasis: #163740;
    --bs-info-border-subtle: #c8e9f3;
    --bs-warning-bg-subtle: #fce1ba;
    --bs-warning-text-emphasis: #4a2f08;
    --bs-warning-border-subtle: #fce1ba;
    --bs-danger-bg-subtle: #ffcecd;
    --bs-danger-text-emphasis: #4d1b1a;
    --bs-danger-border-subtle: #ffcecd;
    --bs-light-bg-subtle: #fbfbfc;
    --bs-light-text-emphasis: #494949;
    --bs-light-border-subtle: #fbfbfc;
    --bs-dark-bg-subtle: #c0c2c5;
    --bs-dark-text-emphasis: #0e1012;
    --bs-dark-border-subtle: #c0c2c5;
    --bs-inverse-bg-subtle: #c0c2c5;
    --bs-inverse-text-emphasis: #0e1012;
    --bs-inverse-border-subtle: #c0c2c5;
    --bs-blue-bg-subtle: #c2ddf6;
    --bs-blue-text-emphasis: #102b44;
    --bs-blue-border-subtle: #c2ddf6;
    --bs-indigo-bg-subtle: #dbcbf5;
    --bs-indigo-text-emphasis: #291943;
    --bs-indigo-border-subtle: #dbcbf5;
    --bs-purple-bg-subtle: #d5d8e9;
    --bs-purple-text-emphasis: #222537;
    --bs-purple-border-subtle: #d5d8e9;
    --bs-pink-bg-subtle: #fecce0;
    --bs-pink-text-emphasis: #4b1a2d;
    --bs-pink-border-subtle: #fecce0;
    --bs-red-bg-subtle: #ffcecd;
    --bs-red-text-emphasis: #4d1b1a;
    --bs-red-border-subtle: #ffcecd;
    --bs-orange-bg-subtle: #fce1ba;
    --bs-orange-text-emphasis: #4a2f08;
    --bs-orange-border-subtle: #fce1ba;
    --bs-yellow-bg-subtle: #fff4b3;
    --bs-yellow-text-emphasis: #4d4100;
    --bs-yellow-border-subtle: #fff4b3;
    --bs-green-bg-subtle: #c2e5c2;
    --bs-green-text-emphasis: #0f330f;
    --bs-green-border-subtle: #c2e5c2;
    --bs-teal-bg-subtle: #b3e6e6;
    --bs-teal-text-emphasis: #003434;
    --bs-teal-border-subtle: #b3e6e6;
    --bs-lime-bg-subtle: #deefc9;
    --bs-lime-text-emphasis: #2b3d17;
    --bs-lime-border-subtle: #deefc9;
    --bs-cyan-bg-subtle: #c8e9f3;
    --bs-cyan-text-emphasis: #163740;
    --bs-cyan-border-subtle: #c8e9f3;
    --bs-white-bg-subtle: white;
    --bs-white-text-emphasis: #4d4d4d;
    --bs-white-border-subtle: white;
    --bs-gray-bg-subtle: #d3d6d8;
    --bs-gray-text-emphasis: #202326;
    --bs-gray-border-subtle: #d3d6d8;
    --bs-gray-dark-bg-subtle: #c0c2c5;
    --bs-gray-dark-text-emphasis: #0e1012;
    --bs-gray-dark-border-subtle: #c0c2c5;
    --bs-muted-bg-subtle: #e6e9eb;
    --bs-muted-text-emphasis: #343639;
    --bs-muted-border-subtle: #e6e9eb;
    --bs-black-bg-subtle: #b3b3b3;
    --bs-black-text-emphasis: black;
    --bs-black-border-subtle: #b3b3b3;
    --bs-silver-bg-subtle: #e9edef;
    --bs-silver-text-emphasis: #373a3c;
    --bs-silver-border-subtle: #e9edef;
    --bs-gray-100-bg-subtle: #fdfdfe;
    --bs-gray-100-text-emphasis: #4a4b4b;
    --bs-gray-100-border-subtle: #fdfdfe;
    --bs-gray-200-bg-subtle: #f8f9fa;
    --bs-gray-200-text-emphasis: #464748;
    --bs-gray-200-border-subtle: #f8f9fa;
    --bs-gray-300-bg-subtle: #f5f6f8;
    --bs-gray-300-text-emphasis: #434445;
    --bs-gray-300-border-subtle: #f5f6f8;
    --bs-gray-400-bg-subtle: #f0f2f4;
    --bs-gray-400-text-emphasis: #3e4041;
    --bs-gray-400-border-subtle: #f0f2f4;
    --bs-gray-500-bg-subtle: #e6e9eb;
    --bs-gray-500-text-emphasis: #343639;
    --bs-gray-500-border-subtle: #e6e9eb;
    --bs-gray-600-bg-subtle: #d3d6d8;
    --bs-gray-600-text-emphasis: #202326;
    --bs-gray-600-border-subtle: #d3d6d8;
    --bs-gray-700-bg-subtle: #c8cbcd;
    --bs-gray-700-text-emphasis: #16181a;
    --bs-gray-700-border-subtle: #c8cbcd;
    --bs-gray-800-bg-subtle: #c0c2c5;
    --bs-gray-800-text-emphasis: #0e1012;
    --bs-gray-800-border-subtle: #c0c2c5;
    --bs-gray-900-bg-subtle: #bcbebf;
    --bs-gray-900-text-emphasis: #0a0b0d;
    --bs-gray-900-border-subtle: #bcbebf
}

[data-bs-theme=dark] {
    --bs-body-bg: #161a1d;
    --bs-body-color: #dee2e6;
    --bs-dark: #f8f9fa;
    --bs-dark-rgb: 248,249,250;
    --bs-light: #20252a;
    --bs-light-rgb: 32,37,42;
    --bs-border-color: #6c757d;
    --bs-app-header-bg: #262d33;
    --bs-app-header-color: #FFFFFF;
    --bs-app-header-input-bg: #1b1f24;
    --bs-app-header-input-border: #1b1f24;
    --bs-app-header-divider-bg: #495057;
    --bs-app-header-mobile-divider-bg: #20252a;
    --bs-app-sidebar-bg: #2d353c;
    --bs-app-sidebar-bg-rgb: 45,53,60;
    --bs-app-sidebar-profile-bg: #20252a;
    --bs-app-sidebar-profile-bg-rgb: 32,37,42;
    --bs-app-sidebar-profile-color: #FFFFFF;
    --bs-app-sidebar-profile-color-rgb: 255,255,255;
    --bs-app-sidebar-component-color: #FFFFFF;
    --bs-app-sidebar-component-color-rgb: 255,255,255;
    --bs-app-sidebar-component-active-bg: #20252a;
    --bs-app-sidebar-component-active-color: #FFFFFF;
    --bs-app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-divider-bg: #20252a;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #20252a;
    --bs-app-sidebar-menu-badge-color: #FFFFFF;
    --bs-app-sidebar-menu-badge-font-weight: 400;
    --bs-app-sidebar-menu-link-font-weight: 400;
    --bs-app-sidebar-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-menu-link-hover-color: #FFFFFF;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-submenu-link-hover-color: #FFFFFF;
    --bs-app-sidebar-menu-submenu-link-font-weight: 400;
    --bs-app-sidebar-menu-grid-bg: #20252a;
    --bs-app-sidebar-menu-grid-border-width: 1px;
    --bs-app-sidebar-menu-grid-border-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-grid-border-color: #3d4852;
    --bs-app-sidebar-float-submenu-bg: #20252a;
    --bs-app-sidebar-float-submenu-grid-border-color: #2d353c;
    --bs-app-sidebar-minify-btn-bg: #242b30;
    --bs-app-sidebar-minify-btn-hover-bg: #20252a;
    --bs-app-top-menu-bg: #20252a;
    --bs-app-top-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-link-font-weight: 400;
    --bs-app-top-menu-link-hover-color: #FFFFFF;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #FFFFFF;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #495057;
    --bs-app-top-menu-menu-badge-color: #e9ecef;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #2d353c;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.2);
    --bs-app-top-menu-control-link-bg: #2d353c;
    --bs-app-top-menu-control-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #242b30;
    --bs-app-top-menu-control-link-hover-color: #FFFFFF;
    --bs-app-login-bg-cover: url(default/images/bg-login-dark-mode.png);
    --bs-component-bg: #2d353c;
    --bs-component-bg-rgb: 45,53,60;
    --bs-component-secondary-bg: #495057;
    --bs-component-secondary-bg-rgb: 73,80,87;
    --bs-component-tertiary-bg: #6c757d;
    --bs-component-tertiary-bg-rgb: 108,117,125;
    --bs-component-color: #FFFFFF;
    --bs-component-color-rgb: 255,255,255;
    --bs-component-border-color: #495057;
    --bs-component-border-color-rgb: 73,80,87;
    --bs-component-hover-bg: #4d5359;
    --bs-component-hover-color: #FFFFFF;
    --bs-component-hover-border-color: rgba(222, 226, 230, 0.125);
    --bs-component-disabled-bg: #495057;
    --bs-component-disabled-border-color: #495057;
    --bs-component-disabled-color: #6c757d;
    --bs-component-dropdown-bg: #495057;
    --bs-component-dropdown-bg-rgb: 73,80,87;
    --bs-component-dropdown-hover-bg: #6c757d;
    --bs-component-dropdown-hover-bg-rgb: 108,117,125;
    --bs-component-dropdown-border-color: #6c757d;
    --bs-component-dropdown-border-color-rgb: 108,117,125;
    --bs-component-modal-bg: #495057;
    --bs-component-modal-bg-rgb: 73,80,87;
    --bs-component-modal-border-color: #6c757d;
    --bs-component-modal-border-color-rgb: 108,117,125;
    --bs-component-secondary-bg: #495057;
    --bs-component-table-border-color: #495057;
    --bs-component-table-separator-color: #adb5bd;
    --bs-default-bg-subtle: #2f2f30;
    --bs-default-text-emphasis: #f2f4f5;
    --bs-default-border-subtle: #2f2f30;
    --bs-primary-bg-subtle: #0a1d2d;
    --bs-primary-text-emphasis: #85bcee;
    --bs-primary-border-subtle: #0a1d2d;
    --bs-secondary-bg-subtle: #161719;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-secondary-border-subtle: #161719;
    --bs-success-bg-subtle: #002222;
    --bs-success-text-emphasis: #66cdcd;
    --bs-success-border-subtle: #002222;
    --bs-info-bg-subtle: #0f242b;
    --bs-info-text-emphasis: #92d3e6;
    --bs-info-border-subtle: #0f242b;
    --bs-warning-bg-subtle: #311f05;
    --bs-warning-text-emphasis: #f9c476;
    --bs-warning-border-subtle: #311f05;
    --bs-danger-bg-subtle: #331211;
    --bs-danger-text-emphasis: #ff9d9a;
    --bs-danger-border-subtle: #331211;
    --bs-light-bg-subtle: #303131;
    --bs-light-text-emphasis: #f7f8f8;
    --bs-light-border-subtle: #303131;
    --bs-dark-bg-subtle: #090b0c;
    --bs-dark-text-emphasis: #81868a;
    --bs-dark-border-subtle: #090b0c;
    --bs-inverse-bg-subtle: #090b0c;
    --bs-inverse-text-emphasis: #81868a;
    --bs-inverse-border-subtle: #090b0c;
    --bs-blue-bg-subtle: #0a1d2d;
    --bs-blue-text-emphasis: #85bcee;
    --bs-blue-border-subtle: #0a1d2d;
    --bs-indigo-bg-subtle: #1b112c;
    --bs-indigo-text-emphasis: #b798eb;
    --bs-indigo-border-subtle: #1b112c;
    --bs-purple-bg-subtle: #171924;
    --bs-purple-text-emphasis: #aab0d3;
    --bs-purple-border-subtle: #171924;
    --bs-pink-bg-subtle: #32111e;
    --bs-pink-text-emphasis: #fd99c1;
    --bs-pink-border-subtle: #32111e;
    --bs-red-bg-subtle: #331211;
    --bs-red-text-emphasis: #ff9d9a;
    --bs-red-border-subtle: #331211;
    --bs-orange-bg-subtle: #311f05;
    --bs-orange-text-emphasis: #f9c476;
    --bs-orange-border-subtle: #311f05;
    --bs-yellow-bg-subtle: #332b00;
    --bs-yellow-text-emphasis: #ffe866;
    --bs-yellow-border-subtle: #332b00;
    --bs-green-bg-subtle: #0a220a;
    --bs-green-text-emphasis: #84cb84;
    --bs-green-border-subtle: #0a220a;
    --bs-teal-bg-subtle: #002222;
    --bs-teal-text-emphasis: #66cdcd;
    --bs-teal-border-subtle: #002222;
    --bs-lime-bg-subtle: #1d280f;
    --bs-lime-text-emphasis: #bcdf93;
    --bs-lime-border-subtle: #1d280f;
    --bs-cyan-bg-subtle: #0f242b;
    --bs-cyan-text-emphasis: #92d3e6;
    --bs-cyan-border-subtle: #0f242b;
    --bs-white-bg-subtle: #333333;
    --bs-white-text-emphasis: white;
    --bs-white-border-subtle: #333333;
    --bs-gray-bg-subtle: #161719;
    --bs-gray-text-emphasis: #a7acb1;
    --bs-gray-border-subtle: #161719;
    --bs-gray-dark-bg-subtle: #090b0c;
    --bs-gray-dark-text-emphasis: #81868a;
    --bs-gray-dark-border-subtle: #090b0c;
    --bs-muted-bg-subtle: #232426;
    --bs-muted-text-emphasis: #ced3d7;
    --bs-muted-border-subtle: #232426;
    --bs-black-bg-subtle: black;
    --bs-black-text-emphasis: #666666;
    --bs-black-border-subtle: black;
    --bs-silver-bg-subtle: #242728;
    --bs-silver-text-emphasis: #d3dadf;
    --bs-silver-border-subtle: #242728;
    --bs-gray-100-bg-subtle: #323232;
    --bs-gray-100-text-emphasis: #fbfbfc;
    --bs-gray-100-border-subtle: #323232;
    --bs-gray-200-bg-subtle: #2f2f30;
    --bs-gray-200-text-emphasis: #f2f4f5;
    --bs-gray-200-border-subtle: #2f2f30;
    --bs-gray-300-bg-subtle: #2c2d2e;
    --bs-gray-300-text-emphasis: #ebeef0;
    --bs-gray-300-border-subtle: #2c2d2e;
    --bs-gray-400-bg-subtle: #292a2c;
    --bs-gray-400-text-emphasis: #e2e5e9;
    --bs-gray-400-border-subtle: #292a2c;
    --bs-gray-500-bg-subtle: #232426;
    --bs-gray-500-text-emphasis: #ced3d7;
    --bs-gray-500-border-subtle: #232426;
    --bs-gray-600-bg-subtle: #161719;
    --bs-gray-600-text-emphasis: #a7acb1;
    --bs-gray-600-border-subtle: #161719;
    --bs-gray-700-bg-subtle: #0f1011;
    --bs-gray-700-text-emphasis: #92969a;
    --bs-gray-700-border-subtle: #0f1011;
    --bs-gray-800-bg-subtle: #090b0c;
    --bs-gray-800-text-emphasis: #81868a;
    --bs-gray-800-border-subtle: #090b0c;
    --bs-gray-900-bg-subtle: #060708;
    --bs-gray-900-text-emphasis: #797c7f;
    --bs-gray-900-border-subtle: #060708
}

    [data-bs-theme=dark] .table {
        --bs-table-striped-bg: #495057;
        --bs-table-active-color: var(--bs-component-color);
        --bs-table-active-bg: $gray-700;
        --bs-table-hover-color: var(--bs-component-color);
        --bs-table-hover-bg: rgba(73, 80, 87, 0.85)
    }

    [data-bs-theme=dark] .bg-dark, [data-bs-theme=dark] .bg-white {
        --bs-bg-opacity: .25
    }

    [data-bs-theme=dark] .text-dark {
        --bs-text-opacity: .5;
        color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
    }

    [data-bs-theme=dark] .btn-dark, [data-bs-theme=dark] .btn-white {
        border-color: transparent;
        background-color: #495057;
        color: #fff
    }

        [data-bs-theme=dark] .btn-dark.active, [data-bs-theme=dark] .btn-dark:focus, [data-bs-theme=dark] .btn-dark:hover, [data-bs-theme=dark] .btn-white.active, [data-bs-theme=dark] .btn-white:focus, [data-bs-theme=dark] .btn-white:hover {
            background-color: #6c757d;
            border-color: transparent;
            color: #fff
        }

    [data-bs-theme=dark] .btn-default {
        background: #6c757d;
        border-color: #6c757d;
        color: #fff
    }

        [data-bs-theme=dark] .btn-default.active, [data-bs-theme=dark] .btn-default:focus, [data-bs-theme=dark] .btn-default:hover {
            background: #495057;
            border-color: #495057;
            color: #fff
        }

    [data-bs-theme=dark] .btn-group > .btn-white + .btn-white {
        border-left-color: #6c757d
    }

html {
    height: 100%
}

body {
    height: 100%;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

b {
    font-weight: 700
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 60%;
    font-weight: 400;
    color: rgba(var(--bs-component-color-rgb),.65)
}

a:focus {
    outline: 0
}

.app-content {
    margin-left: 220px;
    padding: 20px 30px
}

    .app-content .app-content-container {
        margin: -20px -30px;
        padding: 20px 30px
    }

@media (max-width:767.98px) {
    .app-content .app-content-container {
        margin: -20px -20px;
        padding: 20px 20px
    }
}

.app-content .app-content-margin {
    margin: -20px -30px
}

@media (max-width:767.98px) {
    .app-content .app-content-margin {
        margin: -20px -20px
    }
}

.app-content .app-content-padding {
    padding: 20px 30px
}

@media (max-width:767.98px) {
    .app-content .app-content-padding {
        padding: 20px 20px
    }
}

@media (max-width:767.98px) {
    .app-content {
        margin-left: 0;
        padding: 20px 20px
    }
}

.app-footer {
    padding: .9375rem 30px;
    margin: 0 -30px -20px;
    border-top: 1px solid var(--bs-component-border-color);
    font-weight: 600;
    color: #6c757d
}

@keyframes navbar-input-expand {
    from {
        width: 220px
    }

    to {
        width: 300px
    }
}

.app-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    margin-bottom: 0;
    padding: 0;
    background: var(--bs-app-header-bg);
    box-shadow: var(--bs-app-header-box-shadow);
    transition: box-shadow .2s linear;
    display: flex;
    flex: 1
}

@media (max-width:767.98px) {
    .app-header {
        display: block
    }
}

.app-header .navbar-mobile-toggler {
    position: relative;
    padding: 10px;
    background-color: transparent;
    background-image: none;
    border: none;
    outline: 0;
    color: var(--bs-component-color);
    border-radius: var(--bs-border-radius)
}

@media (min-width:768px) {
    .app-header .navbar-mobile-toggler {
        display: none
    }
}

.app-header .navbar-mobile-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--bs-app-header-color);
    border-radius: var(--bs-border-radius)
}

    .app-header .navbar-mobile-toggler .icon-bar + .icon-bar {
        margin-top: 4px
    }

.app-header .navbar-mobile-toggler:hover {
    background: 0 0;
    opacity: .75
}

@media (max-width:767.98px) {
    .app-header .navbar-mobile-toggler + .navbar-brand {
        justify-content: center;
        margin-left: auto
    }
}

.app-header .navbar-header {
    display: flex;
    align-items: center
}

@media (min-width:768px) {
    .app-header .navbar-header {
        width: 220px
    }
}

@media (max-width:767.98px) {
    .app-header .navbar-header {
        padding: 0 10px
    }
}

.app-header .navbar-brand {
    padding: 10px 20px;
    height: 50px;
    font-weight: 100;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
    color: var(--bs-app-header-color);
    align-items: center;
    display: flex;
    margin-right: auto
}

@media (max-width:767.98px) {
    .app-header .navbar-brand {
        padding: 10px
    }
}

.app-header .navbar-brand img {
    max-width: 100%;
    max-height: 100%
}

.app-header .navbar-brand b {
    font-weight: 700
}

.app-header .navbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:767.98px) {
    .app-header .navbar-nav {
        border-top: 1px solid var(--bs-app-header-mobile-divider-bg);
        padding: 0 20px
    }
}

.app-header .navbar-nav .navbar-item {
    position: relative
}

    .app-header .navbar-nav .navbar-item .navbar-link {
        display: block;
        text-decoration: none;
        line-height: 20px;
        padding: 15px;
        border: none;
        color: var(--bs-app-header-color)
    }

        .app-header .navbar-nav .navbar-item .navbar-link .badge {
            position: absolute;
            top: 8px;
            display: block;
            background: var(--bs-app-theme);
            line-height: 12px;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            padding: 3px 6px;
            font-size: 10.5px;
            border-radius: 30px;
            right: 5px
        }

        .app-header .navbar-nav .navbar-item .navbar-link i {
            position: relative;
            font-size: 16px
        }

        .app-header .navbar-nav .navbar-item .navbar-link:focus, .app-header .navbar-nav .navbar-item .navbar-link:hover {
            opacity: .75
        }

        .app-header .navbar-nav .navbar-item .navbar-link.icon i {
            font-size: 16px;
            height: 20px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

@media (max-width:767.98px) {
    .app-header .navbar-nav .navbar-item:last-child .navbar-link {
        padding-right: 0
    }
}

.app-header .navbar-nav .navbar-item.active > a {
    background: var(--bs-app-header-hover-bg);
    opacity: 1
}

.app-header .navbar-nav .navbar-item.dropdown .dropdown-menu {
    margin: 0;
    top: -2px !important
}

.app-header .navbar-nav .navbar-item.dropdown.dropdown-lg {
    position: static
}

    .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
        left: 20px !important;
        right: 20px !important;
        padding: 20px;
        transform: none !important
    }

@media (min-width:768px) {
    .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
        top: 100% !important
    }
}

@media (max-width:575.98px) {
    .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
        overflow: scroll;
        top: 101px !important;
        max-height: calc(100vh - 101px)
    }
}

.app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu.dropdown-menu-lg .nav > li > a {
    padding: 0;
    background: 0 0;
    line-height: 24px
}

.app-header .navbar-nav .navbar-item.show > a, .app-header .navbar-nav .navbar-item.show > a:focus, .app-header .navbar-nav .navbar-item.show > a:hover {
    background: 0 0;
    color: var(--bs-app-header-color);
    opacity: 1
}

.app-header .navbar-nav .navbar-divider {
    height: 34px;
    background: var(--bs-app-header-divider-bg);
    width: 1px
}

.app-header .navbar-form {
    padding: 0 15px;
    margin: 9px 0
}

@media (max-width:767.98px) {
    .app-header .navbar-form {
        padding: 0;
        flex: 1
    }

        .app-header .navbar-form + .navbar-item {
            padding-left: 10px
        }
}

.app-header .navbar-form .form-group {
    margin: 0;
    position: relative
}

.app-header .navbar-form .form-control {
    width: 220px;
    padding: 5px 15px;
    height: 32px;
    background: var(--bs-app-header-input-bg);
    border-color: var(--bs-app-header-input-border);
    border-radius: 30px
}

@media (max-width:767.98px) {
    .app-header .navbar-form .form-control {
        width: 100%
    }
}

.app-header .navbar-form .form-control:focus {
    width: 300px;
    border-color: var(--bs-app-header-input-border);
    box-shadow: none;
    animation: navbar-input-expand .2s
}

@media (max-width:767.98px) {
    .app-header .navbar-form .form-control:focus {
        width: 100%;
        animation: none
    }
}

.app-header .navbar-user img {
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-bottom: -5px;
    border-radius: 30px;
    margin-right: 10px
}

@media (max-width:767.98px) {
    .app-header .navbar-user img {
        margin-right: 5px
    }
}

.app-header .navbar-user .image {
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-bottom: -5px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-right: 10px
}

@media (max-width:767.98px) {
    .app-header .navbar-user .image {
        margin-right: 5px
    }
}

.app-header .navbar-user .image.image-icon {
    font-size: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

    .app-header .navbar-user .image.image-icon i {
        float: none;
        display: block;
        font-size: 22px;
        text-align: center;
        width: auto;
        margin: 0 auto -10px
    }

.app-header-shadow .app-header, .has-scroll .app-header {
    box-shadow: 0 0 16px rgba(0,0,0,.15)
}

@keyframes appLoaderFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.app-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--bs-body-bg);
    z-index: 1050;
    height: 100vh;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

    .app-loader.fading {
        opacity: 0;
        animation: appLoaderFadeOut .2s ease
    }

    .app-loader.loaded {
        display: none
    }

        .app-loader.loaded .spinner {
            animation: none
        }

.app-sidebar-end.app-sidebar, .app-sidebar-end.app-sidebar-bg {
    right: -220px
}

.app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    right: -250px
}

.app-sidebar-float-submenu-container {
    position: fixed;
    width: 220px;
    margin: 0;
    background: var(--bs-app-sidebar-float-submenu-bg);
    z-index: 1020
}

    .app-sidebar-float-submenu-container .app-sidebar-float-submenu {
        padding: 9px 0 9px 39px
    }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .active > a .menu-caret:before, .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expand > a .menu-caret:before, .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expanding > a .menu-caret:before {
            opacity: 1;
            transform: rotate(90deg)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret {
            display: block;
            margin-left: auto;
            width: 20px;
            text-align: center;
            font-size: .6875rem;
            border: none;
            font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret:before {
                content: "\f054";
                display: block;
                text-align: center;
                opacity: .5;
                transition: all .2s linear
            }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item {
            position: relative
        }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link {
                padding: 3px 20px 3px 15px;
                line-height: 18px;
                color: var(--bs-app-sidebar-menu-submenu-link-color);
                text-decoration: none;
                position: relative;
                display: flex;
                align-items: flex-start;
                font-weight: var(--bs-app-sidebar-menu-submenu-link-font-weight)
            }

                .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link .menu-text {
                    flex: 1
                }

                .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:focus, .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:hover {
                    background: 0 0;
                    color: var(--bs-app-sidebar-menu-submenu-link-hover-color)
                }

                .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:after {
                    content: "";
                    position: absolute;
                    top: 11px;
                    width: 11px;
                    height: 2px;
                    background: var(--bs-app-sidebar-float-submenu-grid-border-color);
                    left: -11px
                }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:before {
                content: "";
                position: absolute;
                left: -13px;
                top: 0;
                bottom: 0;
                width: 2px;
                background: var(--bs-app-sidebar-float-submenu-grid-border-color)
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:after {
                content: "";
                position: absolute;
                left: 0;
                width: 6px;
                height: 6px;
                border: var(--bs-app-sidebar-menu-grid-border-width) solid var(--bs-app-sidebar-menu-grid-border-color);
                top: 11px;
                margin-top: -2px;
                z-index: 10;
                background: var(--bs-app-sidebar-bg);
                border-radius: 4px
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:before {
                top: -11px
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:last-child:before {
                height: 20px
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:last-child:before {
                bottom: auto;
                height: 13px
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.has-sub > a:before {
                background: var(--bs-app-sidebar-float-submenu-grid-border-color)
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active > .menu-link {
                background: 0 0;
                color: var(--bs-app-sidebar-component-color)
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active:after {
                border-color: var(--bs-app-theme)
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-submenu {
                padding: 0 0 0 15px;
                background: 0 0;
                position: relative;
                display: none
            }

            .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active.has-sub > .menu-submenu {
                display: block
            }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu > .menu-item:first-child:before {
            top: 11px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu > .menu-item:first-child:last-child:before {
            height: 0 !important
        }

    .app-sidebar-float-submenu-container .app-sidebar-float-submenu-arrow {
        position: absolute;
        top: 20px;
        width: 28px;
        height: 2px;
        background: var(--bs-app-sidebar-float-submenu-grid-border-color);
        left: 0
    }

    .app-sidebar-float-submenu-container .app-sidebar-float-submenu-line {
        position: absolute;
        top: 20px;
        width: 2px;
        background: var(--bs-app-sidebar-float-submenu-grid-border-color);
        left: 26px
    }

.app-sidebar {
    width: 220px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 50px;
    background: var(--bs-app-sidebar-bg);
    z-index: 1010;
    left: 0
}

@media (max-width:767.98px) {
    .app-sidebar {
        position: fixed;
        padding-top: 0;
        left: -220px;
        z-index: 1021
    }
}

.app-sidebar .menu .menu-profile {
    padding: 20px;
    color: var(--bs-app-sidebar-profile-color);
    background: var(--bs-app-sidebar-profile-bg);
    overflow: hidden;
    position: relative
}

    .app-sidebar .menu .menu-profile .menu-profile-link {
        margin: -20px;
        padding: 20px;
        display: block;
        color: var(--bs-app-sidebar-profile-color);
        font-weight: 600;
        text-decoration: none
    }

        .app-sidebar .menu .menu-profile .menu-profile-link:hover .menu-profile-cover.with-shadow:before {
            opacity: .75
        }

    .app-sidebar .menu .menu-profile .menu-profile-image {
        width: 34px;
        height: 34px;
        margin-bottom: 10px;
        border-radius: 30px;
        overflow: hidden;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center
    }

        .app-sidebar .menu .menu-profile .menu-profile-image img {
            max-width: 100%;
            max-height: 100%
        }

        .app-sidebar .menu .menu-profile .menu-profile-image.menu-profile-image-icon i {
            float: none;
            display: block;
            font-size: 24px;
            text-align: center;
            width: auto;
            margin: 0 auto -12px
        }

    .app-sidebar .menu .menu-profile .menu-profile-cover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(default/images/cover-sidebar-user.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }

        .app-sidebar .menu .menu-profile .menu-profile-cover.with-shadow:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(var(--bs-app-sidebar-profile-bg-rgb),.75);
            transition: all .2s linear
        }

    .app-sidebar .menu .menu-profile .menu-profile-info {
        font-size: .875rem;
        position: relative;
    }

        .app-sidebar .menu .menu-profile .menu-profile-info .small, .app-sidebar .menu .menu-profile .menu-profile-info small {
            display: block;
            font-weight: 400;
            color: rgba(var(--bs-app-sidebar-profile-color-rgb),.75);
            font-size: .75rem;
            margin-bottom: -5px
        }

.app-sidebar .menu .menu-header {
    margin: 0;
    padding: 15px 20px 3px;
    line-height: 20px;
    font-size: 11px;
    color: var(--bs-app-sidebar-menu-header-color);
    font-weight: 600
}

.app-sidebar .menu .menu-divider {
    height: 1px;
    background-color: var(--bs-app-sidebar-menu-divider-bg);
    margin: 7px 0
}

.app-sidebar .menu .menu-caret {
    display: block;
    width: 20px;
    text-align: center;
    font-size: .6875rem;
    border: none;
    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-left: auto
}

    .app-sidebar .menu .menu-caret:before {
        content: "\f054";
        display: block;
        text-align: center;
        opacity: .5;
        transition: all .2s linear
    }

.app-sidebar .menu .menu-search {
    padding: 20px
}

    .app-sidebar .menu .menu-search + .menu-item {
        padding-top: 0
    }

    .app-sidebar .menu .menu-search .form-control {
        background: 0 0;
        border: none;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid rgba(var(--bs-app-sidebar-component-color-rgb),.2);
        color: var(--bs-app-sidebar-component-color);
        border-radius: 0
    }

        .app-sidebar .menu .menu-search .form-control:focus {
            border-color: rgba(var(--bs-app-sidebar-component-color-rgb),.5);
            box-shadow: none
        }

.app-sidebar .menu .active:not(.closed):not(.closing) > a .menu-caret:before, .app-sidebar .menu .expand > a .menu-caret:before, .app-sidebar .menu .expanding > a .menu-caret:before {
    opacity: 1;
    transform: rotate(90deg)
}

.app-sidebar .menu .menu-item {
    position: relative
}

    .app-sidebar .menu .menu-item .menu-link {
        padding: 7px 20px;
        line-height: 20px;
        color: var(--bs-app-sidebar-menu-link-color);
        text-decoration: none;
        display: flex;
        align-items: center;
        font-weight: var(--bs-app-sidebar-menu-link-font-weight)
    }

        .app-sidebar .menu .menu-item .menu-link .menu-text {
            flex: 1
        }

        .app-sidebar .menu .menu-item .menu-link .menu-badge {
            padding: 0 .975em;
            background: var(--bs-app-sidebar-menu-badge-bg);
            color: var(--bs-app-sidebar-menu-badge-color);
            font-weight: var(--bs-app-sidebar-menu-badge-font-weight);
            font-size: 10px;
            border-radius: 12px
        }

        .app-sidebar .menu .menu-item .menu-link .menu-label {
            padding: .35em .65em;
            font-size: 75%;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            background-color: var(--bs-app-theme);
            border-radius: 4px;
            margin-left: 5px
        }

.app-gradient-enabled .app-sidebar .menu .menu-item .menu-link .menu-label {
    background-image: var(--bs-gradient)
}

.app-sidebar .menu .menu-item .menu-link:focus, .app-sidebar .menu .menu-item .menu-link:hover {
    background: 0 0;
    color: var(--bs-app-sidebar-menu-link-hover-color)
}

.app-sidebar .menu .menu-item .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: var(--bs-app-sidebar-menu-icon-color);
    width: 14px;
    height: 14px;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px
}

    .app-sidebar .menu .menu-item .menu-icon img {
        max-width: 100%;
        max-height: 100%
    }

     .app-sidebar .menu .menu-item .menu-icon [class^=ion-] {
        width: 18px;
        height: 18px;
        font-size: 18px;
        margin: 0 -2px
    }

.app-sidebar .menu .menu-item .menu-icon-img {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-right: 10px
}

    .app-sidebar .menu .menu-item .menu-icon-img img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto
    }

.app-sidebar .menu .menu-item .menu-submenu {
    padding: 5px 0 10px 39px;
    margin: 0;
    position: relative;
    display: none;
    background: var(--bs-app-sidebar-menu-submenu-bg)
}

    .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
        padding: 3px 20px 3px 15px;
        text-decoration: none;
        position: relative;
        line-height: 18px;
        color: var(--bs-app-sidebar-menu-submenu-link-color);
        font-weight: var(--bs-app-sidebar-menu-submenu-link-font-weight)
    }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:focus, .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:hover {
            background: 0 0;
            color: var(--bs-app-sidebar-menu-submenu-link-hover-color)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:after {
            content: "";
            position: absolute;
            left: -11px;
            top: 11px;
            width: 11px;
            height: 2px;
            background: var(--bs-app-sidebar-menu-grid-bg)
        }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item:before {
        content: "";
        position: absolute;
        left: -13px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: var(--bs-app-sidebar-menu-grid-bg)
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item:after {
        content: "";
        position: absolute;
        left: 0;
        width: 6px;
        height: 6px;
        border: var(--bs-app-sidebar-menu-grid-border-width) solid var(--bs-app-sidebar-menu-grid-border-color);
        top: 11px;
        margin-top: -2px;
        z-index: 10;
        background: var(--bs-app-sidebar-bg);
        border-radius: 4px
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item:first-child:before {
        top: -14px
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item:first-child:last-child:before {
        height: 27px
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item:last-child:before {
        bottom: auto;
        height: 13px
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item.has-sub > a:before {
        background: var(--bs-app-sidebar-component-active-bg)
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item.active > .menu-link {
        background: 0 0;
        color: var(--bs-app-sidebar-component-color)
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item.active:after {
        border-color: var(--bs-app-theme)
    }

    .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-submenu {
        padding: 0 0 0 15px;
        background: 0 0
    }

.app-sidebar .menu .menu-item.active.has-sub > .menu-submenu {
    display: block
}

.app-sidebar .menu .menu-item.active > .menu-link {
    position: relative;
    z-index: 10;
    color: var(--bs-app-sidebar-component-active-color);
    background-color: var(--bs-app-sidebar-component-active-bg)
}

.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link {
    color: var(--bs-app-theme-color);
    background-color: var(--bs-app-theme);
    background-image: var(--bs-gradient)
}

.app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: var(--bs-app-theme)
}

.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: rgba(0,0,0,.65)
}

.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link .menu-caret {
    color: rgba(0,0,0,.5)
}

.app-sidebar .menu .menu-item.active > .menu-link .menu-badge {
    background: rgba(0,0,0,.65)
}

.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link .menu-label {
    color: #fff;
    background: rgba(0,0,0,.65)
}

.app-sidebar .app-sidebar-content {
    position: relative
}

.app-sidebar .app-sidebar-minify-btn {
    margin: 10px 0;
    padding: 5px 20px 5px 10px !important;
    background: var(--bs-app-sidebar-minify-btn-bg);
    color: var(--bs-app-sidebar-component-color);
    border-radius: 20px 0 0 20px
}

    .app-sidebar .app-sidebar-minify-btn i {
        margin: 0 !important;
        color: var(--bs-app-sidebar-component-color)
    }

    .app-sidebar .app-sidebar-minify-btn:focus, .app-sidebar .app-sidebar-minify-btn:hover {
        background: var(--bs-app-sidebar-minify-btn-hover-bg)
    }

.app-sidebar.app-sidebar-grid .menu > .menu-item + .menu-item {
    margin-top: -1px
}

.app-sidebar.app-sidebar-grid .menu > .menu-item > .menu-link {
    border-top: 1px solid var(--bs-app-sidebar-grid-border-color);
    border-bottom: 1px solid var(--bs-app-sidebar-grid-border-color)
}

.app-sidebar.app-sidebar-grid .menu > .menu-item.expand > a, .app-sidebar.app-sidebar-grid .menu > .menu-item.expanding > a {
    border-bottom-color: transparent
}

.app-sidebar.app-sidebar-grid .menu > .menu-item.active > .menu-link {
    border-color: var(--bs-app-sidebar-component-active-bg)
}

.app-sidebar.app-sidebar-transparent {
    background: 0 0
}

    .app-sidebar.app-sidebar-transparent + .app-sidebar-bg {
        background-image: var(--bs-app-sidebar-bg-transparent);
        background-size: cover
    }

        .app-sidebar.app-sidebar-transparent + .app-sidebar-bg:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(var(--bs-app-sidebar-bg-rgb),.75)
        }

    .app-sidebar.app-sidebar-transparent .menu > .menu-item.active > .menu-link {
        background: rgba(0,0,0,.3)
    }

    .app-sidebar.app-sidebar-transparent .menu .menu-profile {
        background: rgba(0,0,0,.25)
    }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile a:focus, .app-sidebar.app-sidebar-transparent .menu .menu-profile a:hover {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover {
            background: 0 0
        }

            .app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover.with-shadow:before {
                background: 0 0
            }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile.active {
            background: rgba(0,0,0,.25)
        }

    .app-sidebar.app-sidebar-transparent .menu-submenu {
        background: 0 0
    }

        .app-sidebar.app-sidebar-transparent .menu-submenu > .menu-item:before {
            background: rgba(0,0,0,.45)
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu > .menu-item > .menu-link:after {
            background: rgba(0,0,0,.45)
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu > .menu-item.has-sub > .menu-link:after {
            background: rgba(0,0,0,.45)
        }

.app-sidebar-bg {
    background: var(--bs-app-sidebar-bg);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 220px;
    z-index: 1000
}

@media (max-width:767.98px) {
    .app-sidebar-bg {
        padding-top: 0;
        left: -220px;
        z-index: 1020
    }
}

.app-sidebar-mobile-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    outline: 0;
    display: none;
    background: var(--bs-app-sidebar-bg-mobile-backdrop)
}

@keyframes topMenuControlSlideInLeft {
    from {
        left: -50px
    }

    to {
        left: 0
    }
}

@keyframes topMenuControlSlideInRight {
    from {
        right: -50px
    }

    to {
        right: 0
    }
}

.app-top-menu {
    left: 0;
    right: 0;
    z-index: 1015;
    background: var(--bs-app-top-menu-bg)
}

@media (min-width:768px) {
    .app-top-menu {
        top: 50px;
        position: fixed;
        height: 40px
    }
}

@media (max-width:767.98px) {
    .app-top-menu {
        display: none
    }
}

@media (min-width:768px) {
    .app-top-menu .menu {
        display: flex;
        flex-wrap: nowrap
    }
}

@media (max-width:767.98px) {
    .app-top-menu .menu {
        display: block;
        margin: 0 !important
    }
}

.app-top-menu .menu .menu-item {
    position: relative
}

    .app-top-menu .menu .menu-item .menu-link {
        padding: 10px 20px;
        color: var(--bs-app-top-menu-link-color);
        font-weight: var(--bs-app-top-menu-link-font-weight);
        text-decoration: none;
        white-space: nowrap;
        display: flex;
        align-items: center
    }

        .app-top-menu .menu .menu-item .menu-link .menu-text {
            flex: 1
        }

        .app-top-menu .menu .menu-item .menu-link .menu-badge {
            padding: 0 8px;
            font-size: 10px;
            border-radius: 12px;
            background: var(--bs-app-top-menu-menu-badge-bg);
            color: var(--bs-app-top-menu-menu-badge-color);
            font-weight: var(--bs-app-top-menu-menu-badge-font-weight);
            margin-left: 10px
        }

        .app-top-menu .menu .menu-item .menu-link .menu-label {
            padding: 3px 6px;
            font-size: 75%;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            background-color: var(--bs-app-theme);
            border-radius: var(--bs-border-radius);
            margin-left: 5px
        }

.app-gradient-enabled .app-top-menu .menu .menu-item .menu-link .menu-label {
    background-image: var(--bs-gradient)
}

.app-top-menu .menu .menu-item .menu-link:focus, .app-top-menu .menu .menu-item .menu-link:hover {
    color: var(--bs-app-top-menu-link-hover-color);
    background: var(--bs-app-top-menu-link-hover-bg)
}

.app-top-menu .menu .menu-item .menu-icon {
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-app-sidebar-menu-icon-color);
    margin-right: 10px
}

    .app-top-menu .menu .menu-item .menu-icon img {
        max-width: 100%;
        max-height: 100%
    }

     .app-top-menu .menu .menu-item .menu-icon [class^=ion-] {
        margin-right: 8px;
        width: 18px;
        font-size: 18px;
        margin-left: -2px;
        display: block
    }

.app-top-menu .menu .menu-item .menu-icon-img {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

    .app-top-menu .menu .menu-item .menu-icon-img img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto
    }

.app-top-menu .menu .menu-item.active > .menu-link {
    position: relative;
    z-index: 10;
    color: var(--bs-app-top-menu-link-active-color);
    background-color: var(--bs-app-top-menu-link-active-bg)
}

.app-gradient-enabled .app-top-menu .menu .menu-item.active > .menu-link {
    color: var(--bs-app-theme-color);
    background-color: var(--bs-app-theme);
    background-image: var(--bs-gradient)
}

.app-top-menu .menu .menu-item.active > .menu-link .menu-icon {
    color: var(--bs-app-theme)
}

.app-gradient-enabled .app-top-menu .menu .menu-item.active > .menu-link .menu-icon {
    color: rgba(0,0,0,.65)
}

.app-gradient-enabled .app-top-menu .menu .menu-item.active > .menu-link .menu-caret {
    color: rgba(0,0,0,.5)
}

.app-top-menu .menu .menu-item.active > .menu-link .menu-badge {
    background: rgba(0,0,0,.65)
}

.app-gradient-enabled .app-top-menu .menu .menu-item.active > .menu-link .menu-label {
    color: #fff;
    background: rgba(0,0,0,.65)
}

@media (max-width:767.98px) {
    .app-top-menu .menu .menu-item.active > .menu-submenu {
        display: block
    }
}

.app-top-menu .menu .menu-item.menu-control {
    position: absolute;
    top: 0;
    margin: 0;
    z-index: 100
}

@media (max-width:575.98px) {
    .app-top-menu .menu .menu-item.menu-control {
        display: none !important
    }
}

.app-top-menu .menu .menu-item.menu-control > .menu-link {
    padding: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    background: var(--bs-app-top-menu-control-link-bg);
    color: var(--bs-app-top-menu-control-link-color);
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out
}

    .app-top-menu .menu .menu-item.menu-control > .menu-link i {
        float: none;
        margin: 0;
        font-size: 18px;
        display: block;
        line-height: 40px;
        width: auto
    }

    .app-top-menu .menu .menu-item.menu-control > .menu-link:focus, .app-top-menu .menu .menu-item.menu-control > .menu-link:hover {
        background: var(--bs-app-top-menu-control-link-hover-bg);
        color: var(--bs-app-top-menu-control-link-hover-color)
    }

.app-top-menu .menu .menu-item.menu-control.menu-control-start {
    left: -40px
}

    .app-top-menu .menu .menu-item.menu-control.menu-control-start > .menu-link {
        box-shadow: 12px 0 10px -10px rgba(0,0,0,.5)
    }

    .app-top-menu .menu .menu-item.menu-control.menu-control-start.show {
        left: 0;
        animation: topMenuControlSlideInLeft .2s
    }

.app-top-menu .menu .menu-item.menu-control.menu-control-end {
    right: -40px
}

    .app-top-menu .menu .menu-item.menu-control.menu-control-end > .menu-link {
        box-shadow: -12px 0 10px -10px rgba(0,0,0,.5)
    }

    .app-top-menu .menu .menu-item.menu-control.menu-control-end.show {
        right: 0;
        animation: topMenuControlSlideInRight .2s
    }

@media (min-width:768px) {
    .app-top-menu .menu > .menu-item.has-sub:hover > .menu-submenu {
        display: block
    }
}

.app-top-menu .menu .menu-caret {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    border: none;
    margin-left: 5px;
    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

@media (max-width:575.98px) {
    .app-top-menu .menu .menu-caret {
        margin-left: auto
    }
}

.app-top-menu .menu .menu-caret:before {
    content: "\f054";
    display: block;
    text-align: center;
    opacity: .5;
    transition: all .2s linear;
    transform: rotate(90deg)
}

.app-top-menu .menu .menu-submenu {
    display: none;
    top: 40px;
    background: var(--bs-app-top-menu-menu-submenu-bg);
    list-style-type: none;
    margin: 0;
    padding: 10px 0
}

@media (min-width:768px) {
    .app-top-menu .menu .menu-submenu {
        width: 220px;
        position: absolute;
        left: 0;
        max-height: calc(100vh - 90px)
    }
}

.app-top-menu .menu .menu-submenu > .menu-item > .menu-link {
    padding: 4px 20px;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width:575.98px) {
    .app-top-menu .menu .menu-submenu > .menu-item > .menu-link {
        padding-left: 44px
    }
}

.app-top-menu .menu .menu-submenu > .menu-item > .menu-link .menu-caret {
    margin-left: auto
}

.app-top-menu .menu .menu-submenu .menu-submenu {
    background: var(--bs-app-top-menu-menu-submenu-submenu-bg);
    position: relative;
    left: 0;
    top: 0;
    max-height: auto;
    overflow: initial
}

.boxed-layout {
    height: 100%;
    background-image: url(default/images/cover-pattern.png)
}

    .boxed-layout .app-top-menu {
        max-width: 1280px;
        width: 100%;
        left: 50%;
        margin-left: -640px
    }

@media (min-width:768px) {
    .boxed-layout .app-top-menu {
        overflow: hidden
    }

        .boxed-layout .app-top-menu .menu > .menu-item > .menu-submenu {
            position: fixed;
            top: auto;
            left: auto;
            right: auto
        }
}

@media (max-width:575.98px) {
    .boxed-layout .app-top-menu {
        position: relative;
        left: 0;
        margin: 0
    }
}

.boxed-layout .pace .pace-progress {
    top: 0
}

.boxed-layout .pace .pace-activity {
    top: 13px
}

.boxed-layout .app {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    background: var(--bs-body-bg);
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0,0,0,.5)
}

    .boxed-layout .app .app-content {
        background-color: var(--bs-body-bg)
    }

.boxed-layout .app-header {
    max-width: 1280px;
    width: 100%;
    right: auto;
    left: auto
}

@media (min-width:768px) {
    .boxed-layout .app-sidebar, .boxed-layout .app-sidebar-bg {
        left: auto;
        right: auto
    }
}

@media (max-width:1280px) {
    .boxed-layout .app-top-menu {
        left: 0;
        margin-left: 0
    }
}

.app-content-full-height {
    height: 100%
}

@media (min-width:768px) {
    .app-content-full-height .app-content {
        height: calc(100vh - 50px)
    }
}

@media (max-width:767.98px) {
    .app-content-full-height .app-content {
        min-height: calc(100vh - 101px)
    }
}

@media (min-width:768px) {
    .app-content-full-height.app-empty .app-content, .app-content-full-height.app-without-header .app-content {
        height: 100vh
    }
}

.app-empty .app-content {
    margin: 0;
    top: 0
}

.app-header-fixed {
    padding-top: 50px
}

@media (max-width:767.98px) {
    .app-header-fixed {
        padding-top: 101px
    }
}

.app-header-fixed .app-header {
    position: fixed
}

@media (min-width:992px) {
    .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end) {
        width: 60px;
        overflow: hidden;
        bottom: auto;
        min-height: 100vh;
        transition-property: width,box-shadow;
        transition-duration: 150ms;
        box-shadow: inset -12px 6px 12px rgba(0,0,0,.14)
    }

        .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end) .app-sidebar-content {
            width: 220px
        }

        .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end):hover {
            width: 220px;
            box-shadow: 12px 6px 12px rgba(0,0,0,.14)
        }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end):hover + .app-sidebar-bg {
                width: 220px
            }

    .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar-bg {
        width: 60px;
        transition-property: width;
        transition-duration: 150ms
    }

    .app-with-hover-sidebar:not(.app-sidebar-minified) .app-content {
        margin-left: 60px
    }

    .app-with-hover-sidebar:not(.app-sidebar-minified).app-sidebar-fixed .app-sidebar {
        bottom: 0
    }

    .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar {
        width: 60px
    }

        .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar .app-sidebar-content {
            width: 250px
        }

        .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar:hover {
            width: 250px
        }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar:hover + .app-sidebar-bg {
                width: 250px
            }

    .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar-bg {
        width: 60px
    }

    .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-content {
        margin-left: 60px
    }
}

.app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu-line {
    left: auto;
    right: 26px
}

.app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu-arrow {
    left: auto;
    right: 0
}

.app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:after {
    left: auto;
    right: 0
}

.app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu {
    padding-left: 0;
    padding-right: 39px;
    text-align: right
}

    .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item > .menu-link {
        flex-direction: row-reverse;
        padding-left: 15px;
        padding-right: 20px
    }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item > .menu-link .menu-caret:before {
            content: "\f053"
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item > .menu-link:after {
            right: -11px;
            left: auto
        }

    .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active > .menu-link .menu-caret:before, .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.expand > .menu-link .menu-caret:before, .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.expanding > .menu-link .menu-caret:before {
        transform: rotate(-90deg)
    }

    .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:before {
        right: -13px;
        left: auto
    }

    .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-submenu {
        padding-left: 0;
        padding-right: 15px
    }

.app-with-end-sidebar .app-sidebar, .app-with-end-sidebar .app-sidebar-bg {
    left: auto;
    right: 0
}

@media (max-width:767.98px) {
    .app-with-end-sidebar .app-sidebar, .app-with-end-sidebar .app-sidebar-bg {
        right: -220px
    }
}

.app-with-end-sidebar .app-content {
    margin-left: 0;
    margin-right: 220px
}

@media (max-width:767.98px) {
    .app-with-end-sidebar .app-content {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .app-with-top-menu {
        padding-top: 90px
    }
}

@media (min-width:768px) {
    .app-with-top-menu .app-sidebar {
        padding-top: 90px
    }
}

@media (min-width:768px) {
    .app-with-top-menu.has-scroll .app-header {
        box-shadow: none
    }
}

@media (min-width:768px) {
    .app-with-top-menu.has-scroll .app-top-menu {
        box-shadow: 0 0 16px rgba(0,0,0,.15)
    }
}

@media (min-width:768px) {
    .app-with-top-menu.app-header-fixed {
        padding-top: 90px
    }
}

.app-with-two-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar .app-sidebar-end.app-sidebar-bg {
    right: -220px;
    left: auto
}

.app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    right: -250px
}

.app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar-bg {
    width: 220px
}

.app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
    width: 250px
}

.app-with-wide-sidebar .app-header .navbar-header {
    width: 250px
}

@media (max-width:767.98px) {
    .app-with-wide-sidebar .app-header .navbar-header {
        width: auto
    }
}

.app-with-wide-sidebar .app-sidebar, .app-with-wide-sidebar .app-sidebar-bg {
    width: 250px
}

@media (max-width:767.98px) {
    .app-with-wide-sidebar .app-sidebar, .app-with-wide-sidebar .app-sidebar-bg {
        width: 250px;
        left: -250px
    }
}

@media (max-width:767.98px) {
    .app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: -250px;
        left: auto
    }
}

@media (min-width:768px) {
    .app-with-wide-sidebar .app-content {
        margin-left: 250px
    }
}

@media (min-width:768px) {
    .app-with-wide-sidebar.app-with-end-sidebar .app-content {
        margin-right: 250px;
        margin-left: 0
    }
}

.app-without-sidebar .app-content {
    margin: 0
}

@media (max-width:575.98px) {
    .app-without-sidebar:not(.app-with-top-menu) .app-header .navbar-brand {
        justify-content: center
    }
}

.app-sidebar-fixed .app-sidebar {
    position: fixed
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) {
    width: 60px
}

    .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link {
        padding: 10px 20px
    }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-badge, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-label, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-text {
            display: none
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-icon {
            margin: 0
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-icon-img {
            margin: 0
        }

    .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item.has-sub > .menu-submenu {
        display: none !important
    }

    .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-header, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-profile, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-search {
        display: none !important
    }

    .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret {
        margin-right: -15px
    }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret:before {
            transform: rotate(0) !important
        }

    .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-x, .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-y {
        display: none !important
    }

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-bg:not(.app-sidebar-end) {
    width: 60px
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-minify-btn i:before {
    content: "\f101"
}

@media (min-width:768px) {
    .app-sidebar-minified:not(.app-without-sidebar) .app-content {
        margin-left: 60px
    }
}

@media (min-width:768px) {
    .app-sidebar-minified:not(.app-without-sidebar).app-with-end-sidebar .app-content {
        margin-right: 60px;
        margin-left: auto
    }
}

@media (min-width:768px) {
    .app-sidebar-end-toggled .app-sidebar-end.app-sidebar, .app-sidebar-end-toggled .app-sidebar-end.app-sidebar-bg {
        right: 0
    }
}

@media (min-width:768px) {
    .app-sidebar-end-toggled .app-content {
        margin-right: 220px
    }
}

@media (min-width:768px) {
    .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: 0
    }
}

@media (min-width:768px) {
    .app-sidebar-end-toggled.app-with-wide-sidebar .app-content {
        margin-right: 250px
    }
}

@keyframes appSidebarEndMobileSlideInRight {
    from {
        right: -300px
    }

    to {
        right: 0
    }
}

@keyframes appSidebarEndWideMobileSlideInRight {
    from {
        right: -250px
    }

    to {
        right: 0
    }
}

@keyframes appSidebarEndMobileBackdrop {
    from {
        background: 0 0
    }

    to {
        background: rgba(32,37,42,.5)
    }
}

@media (max-width:767.98px) {
    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
        right: 0;
        left: auto;
        animation: appSidebarEndMobileSlideInRight .2s ease
    }

    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
        position: fixed
    }

    .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-mobile-backdrop {
        display: block;
        background: rgba(32,37,42,.5);
        animation: appSidebarEndMobileBackdrop .2s ease
    }

    .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: 0;
        left: auto;
        animation: appSidebarEndWideMobileSlideInRight .2s ease
    }
}

@keyframes appSidebarEndMobileSlideOutRight {
    from {
        right: 0
    }

    to {
        right: -300px
    }
}

@keyframes appSidebarEndWideMobileSlideOutRight {
    from {
        right: 0
    }

    to {
        right: -250px
    }
}

@keyframes appSidebarEndMobileRemoveBackdrop {
    from {
        background: rgba(32,37,42,.5)
    }

    to {
        background: 0 0
    }
}

@media (max-width:767.98px) {
    .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-bg {
        right: -300px;
        left: auto;
        animation: appSidebarEndMobileSlideOutRight .2s ease
    }

    .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-mobile-backdrop {
        display: block;
        background: 0 0;
        animation: appSidebarEndMobileRemoveBackdrop .2s ease
    }

    .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar, .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
        right: -250px;
        animation: appSidebarEndWideMobileSlideOutRight .2s ease
    }
}

@keyframes appSidebarMobileSlideInLeft {
    from {
        left: -300px
    }

    to {
        left: 0
    }
}

@keyframes appSidebarWideMobileSlideInLeft {
    from {
        left: -250px
    }

    to {
        left: 0
    }
}

@keyframes appSidebarMobileBackdrop {
    from {
        background: 0 0
    }

    to {
        background: rgba(32,37,42,.5)
    }
}

@media (max-width:767.98px) {
    .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-toggled .app-sidebar:not(.app-sidebar-end) {
        left: 0;
        animation: appSidebarMobileSlideInLeft .2s ease
    }

    .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end) {
        position: fixed
    }

    .app-sidebar-mobile-toggled .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
        display: block;
        background: rgba(32,37,42,.5);
        animation: appSidebarMobileBackdrop .2s ease
    }

    .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
        animation: appSidebarWideMobileSlideInLeft .2s ease
    }
}

@keyframes appSidebarMobileSlideOutLeft {
    from {
        left: 0
    }

    to {
        left: -300px
    }
}

@keyframes appSidebarWideMobileSlideOutLeft {
    from {
        left: 0
    }

    to {
        left: -250px
    }
}

@keyframes appSidebarMobileRemoveBackdrop {
    from {
        background: rgba(32,37,42,.5)
    }

    to {
        background: 0 0
    }
}

@media (max-width:767.98px) {
    .app-sidebar-mobile-closed .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-closed .app-sidebar:not(.app-sidebar-end) {
        left: -300px;
        animation: appSidebarMobileSlideOutLeft .2s ease
    }

    .app-sidebar-mobile-closed .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
        display: block;
        background: 0 0;
        animation: appSidebarMobileRemoveBackdrop .2s ease
    }

    .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end), .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
        left: -250px;
        animation: appSidebarWideMobileSlideOutLeft .2s ease
    }
}

.badge {
    display: inline;
    padding: .35em .65em;
    vertical-align: middle
}

.breadcrumb {
    margin: 0;
    font-weight: 400
}

    .breadcrumb .breadcrumb-item {
        line-height: 32.4px
    }

        .breadcrumb .breadcrumb-item a {
            color: var(--bs-body-color);
            text-decoration: none
        }

            .breadcrumb .breadcrumb-item a:hover {
                text-decoration: underline
            }

.btn.btn-icon {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius: 28px
}

    .btn.btn-icon.btn-xs {
        width: 16px;
        height: 16px;
        font-size: 8px;
        line-height: 16px
    }

    .btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm {
        width: 22px;
        height: 22px;
        font-size: 11px;
        line-height: 22px
    }

     .btn.btn-icon.btn-lg {
        width: 34px;
        height: 34px;
        font-size: 17px;
        line-height: 34px
    }

.btn.btn-xs {
    font-size: .6875rem;
    padding: 2px 6px
}

.btn[class*=btn-outline-]:not(.btn-yellow):not(.btn-white):not(.btn-outline-white):hover {
    color: #fff
}

.btn-theme {
    --bs-btn-bg: var(--bs-app-theme);
    --bs-btn-color: var(--bs-app-theme-color);
    --bs-border-color: var(--bs-app-theme);
    --bs-btn-hover-color: var(--bs-app-theme-hover-color);
    --bs-btn-hover-bg: var(--bs-app-theme-hover);
    --bs-btn-hover-border-color: var(--bs-app-theme-hover-border-color);
    --bs-btn-focus-shadow-rgb: var(--bs-app-theme-rgb);
    --bs-btn-active-color: var(--bs-app-theme-hover-color);
    --bs-btn-active-bg: var(--bs-app-theme-hover);
    --bs-btn-active-border-color: var(--bs-app-theme-hover-border-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-app-theme-rgb), 0.125);
    --bs-btn-active-color: var(--bs-app-theme-disabled-color);
    --bs-btn-active-bg: var(--bs-app-theme-disabled);
    --bs-btn-active-border-color: var(--bs-app-theme-disabled-border-color)
}

.btn-default {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #ced4da;
    --bs-btn-hover-border-color: #ced4da;
    --bs-btn-focus-shadow-rgb: 203,206,209;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #ced4da;
    --bs-btn-active-border-color: #ced4da;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #eff1f3;
    --bs-btn-disabled-border-color: #eff1f3
}

.btn-group > .btn + .btn-default, .input-group > .btn + .btn-default, .input-group > .btn + .dropdown-menu + .btn-default {
    border-left: 1px solid #ced4da
}

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82,160,230;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9
}

.btn-group > .btn + .btn-primary, .input-group > .btn + .btn-primary, .input-group > .btn + .dropdown-menu + .btn-primary {
    border-left: 1px solid #276baa
}

.btn-secondary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #51585e;
    --bs-btn-hover-border-color: #51585e;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #51585e;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #91989e;
    --bs-btn-disabled-border-color: #91989e
}

.btn-group > .btn + .btn-secondary, .input-group > .btn + .btn-secondary, .input-group > .btn + .dropdown-menu + .btn-secondary {
    border-left: 1px solid #51585e
}

.btn-success {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #008181;
    --bs-btn-hover-border-color: #008181;
    --bs-btn-focus-shadow-rgb: 38,184,184;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #008181;
    --bs-btn-active-border-color: #008181;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #40c1c1;
    --bs-btn-disabled-border-color: #40c1c1
}

.btn-group > .btn + .btn-success, .input-group > .btn + .btn-success, .input-group > .btn + .dropdown-menu + .btn-success {
    border-left: 1px solid #008181
}

.btn-info {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #3789a1;
    --bs-btn-hover-border-color: #3789a1;
    --bs-btn-focus-shadow-rgb: 100,193,220;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #3789a1;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #77c8e0;
    --bs-btn-disabled-border-color: #77c8e0
}

.btn-group > .btn + .btn-info, .input-group > .btn + .btn-info, .input-group > .btn + .dropdown-menu + .btn-info {
    border-left: 1px solid #3789a1
}

.btn-warning {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #b87514;
    --bs-btn-hover-border-color: #b87514;
    --bs-btn-focus-shadow-rgb: 247,171,60;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #b87514;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #f8b553;
    --bs-btn-disabled-border-color: #f8b553
}

.btn-group > .btn + .btn-warning, .input-group > .btn + .btn-warning, .input-group > .btn + .dropdown-menu + .btn-warning {
    border-left: 1px solid #b87514
}

.btn-danger {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #bf4441;
    --bs-btn-hover-border-color: #bf4441;
    --bs-btn-focus-shadow-rgb: 255,116,112;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #bf4441;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #ff8481;
    --bs-btn-disabled-border-color: #ff8481
}

.btn-group > .btn + .btn-danger, .input-group > .btn + .btn-danger, .input-group > .btn + .dropdown-menu + .btn-danger {
    border-left: 1px solid #bf4441
}

.btn-light {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #f2f3f4;
    --bs-btn-border-color: #f2f3f4;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #b6b6b7;
    --bs-btn-hover-border-color: #b6b6b7;
    --bs-btn-focus-shadow-rgb: 244,245,246;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #b6b6b7;
    --bs-btn-active-border-color: #b6b6b7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #f5f6f7;
    --bs-btn-disabled-border-color: #f5f6f7
}

.btn-group > .btn + .btn-light, .input-group > .btn + .btn-light, .input-group > .btn + .dropdown-menu + .btn-light {
    border-left: 1px solid #b6b6b7
}

.btn-dark {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #22282d;
    --bs-btn-hover-border-color: #22282d;
    --bs-btn-focus-shadow-rgb: 77,83,89;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #22282d;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #62686d;
    --bs-btn-disabled-border-color: #62686d
}

.btn-group > .btn + .btn-dark, .input-group > .btn + .btn-dark, .input-group > .btn + .dropdown-menu + .btn-dark {
    border-left: 1px solid #22282d
}

.btn-inverse {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #22282d;
    --bs-btn-hover-border-color: #22282d;
    --bs-btn-focus-shadow-rgb: 77,83,89;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #22282d;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #62686d;
    --bs-btn-disabled-border-color: #62686d
}

.btn-group > .btn + .btn-inverse, .input-group > .btn + .btn-inverse, .input-group > .btn + .dropdown-menu + .btn-inverse {
    border-left: 1px solid #22282d
}

.btn-blue {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82,160,230;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9
}

.btn-group > .btn + .btn-blue, .input-group > .btn + .btn-blue, .input-group > .btn + .dropdown-menu + .btn-blue {
    border-left: 1px solid #276baa
}

.btn-indigo {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #8753de;
    --bs-btn-border-color: #8753de;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #653ea7;
    --bs-btn-hover-border-color: #653ea7;
    --bs-btn-focus-shadow-rgb: 153,109,227;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #653ea7;
    --bs-btn-active-border-color: #653ea7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #a57ee6;
    --bs-btn-disabled-border-color: #a57ee6
}

.btn-group > .btn + .btn-indigo, .input-group > .btn + .btn-indigo, .input-group > .btn + .dropdown-menu + .btn-indigo {
    border-left: 1px solid #653ea7
}

.btn-purple {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #727cb6;
    --bs-btn-border-color: #727cb6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #565d89;
    --bs-btn-hover-border-color: #565d89;
    --bs-btn-focus-shadow-rgb: 135,144,193;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #565d89;
    --bs-btn-active-border-color: #565d89;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #959dc8;
    --bs-btn-disabled-border-color: #959dc8
}

.btn-group > .btn + .btn-purple, .input-group > .btn + .btn-purple, .input-group > .btn + .dropdown-menu + .btn-purple {
    border-left: 1px solid #565d89
}

.btn-pink {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #fb5597;
    --bs-btn-border-color: #fb5597;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #bc4071;
    --bs-btn-hover-border-color: #bc4071;
    --bs-btn-focus-shadow-rgb: 252,111,167;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #bc4071;
    --bs-btn-active-border-color: #bc4071;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #fc80b1;
    --bs-btn-disabled-border-color: #fc80b1
}

.btn-group > .btn + .btn-pink, .input-group > .btn + .btn-pink, .input-group > .btn + .dropdown-menu + .btn-pink {
    border-left: 1px solid #bc4071
}

.btn-red {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #bf4441;
    --bs-btn-hover-border-color: #bf4441;
    --bs-btn-focus-shadow-rgb: 255,116,112;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #bf4441;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #ff8481;
    --bs-btn-disabled-border-color: #ff8481
}

.btn-group > .btn + .btn-red, .input-group > .btn + .btn-red, .input-group > .btn + .dropdown-menu + .btn-red {
    border-left: 1px solid #bf4441
}

.btn-orange {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #b87514;
    --bs-btn-hover-border-color: #b87514;
    --bs-btn-focus-shadow-rgb: 247,171,60;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #b87514;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #f8b553;
    --bs-btn-disabled-border-color: #f8b553
}

.btn-group > .btn + .btn-orange, .input-group > .btn + .btn-orange, .input-group > .btn + .dropdown-menu + .btn-orange {
    border-left: 1px solid #b87514
}

.btn-yellow {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #ffd900;
    --bs-btn-border-color: #ffd900;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #bfa300;
    --bs-btn-hover-border-color: #bfa300;
    --bs-btn-focus-shadow-rgb: 222,190,6;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #bfa300;
    --bs-btn-active-border-color: #bfa300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #ffe340;
    --bs-btn-disabled-border-color: #ffe340
}

.btn-group > .btn + .btn-yellow, .input-group > .btn + .btn-yellow, .input-group > .btn + .dropdown-menu + .btn-yellow {
    border-left: 1px solid #bfa300
}

.btn-green {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #32a932;
    --bs-btn-border-color: #32a932;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #267f26;
    --bs-btn-hover-border-color: #267f26;
    --bs-btn-focus-shadow-rgb: 81,182,81;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #267f26;
    --bs-btn-active-border-color: #267f26;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #65bf65;
    --bs-btn-disabled-border-color: #65bf65
}

.btn-group > .btn + .btn-green, .input-group > .btn + .btn-green, .input-group > .btn + .dropdown-menu + .btn-green {
    border-left: 1px solid #267f26
}

.btn-teal {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #008181;
    --bs-btn-hover-border-color: #008181;
    --bs-btn-focus-shadow-rgb: 38,184,184;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #008181;
    --bs-btn-active-border-color: #008181;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #40c1c1;
    --bs-btn-disabled-border-color: #40c1c1
}

.btn-group > .btn + .btn-teal, .input-group > .btn + .btn-teal, .input-group > .btn + .dropdown-menu + .btn-teal {
    border-left: 1px solid #008181
}

.btn-lime {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #90ca4b;
    --bs-btn-border-color: #90ca4b;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #6c9838;
    --bs-btn-hover-border-color: #6c9838;
    --bs-btn-focus-shadow-rgb: 161,210,102;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #6c9838;
    --bs-btn-active-border-color: #6c9838;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #acd778;
    --bs-btn-disabled-border-color: #acd778
}

.btn-group > .btn + .btn-lime, .input-group > .btn + .btn-lime, .input-group > .btn + .dropdown-menu + .btn-lime {
    border-left: 1px solid #6c9838
}

.btn-cyan {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #3789a1;
    --bs-btn-hover-border-color: #3789a1;
    --bs-btn-focus-shadow-rgb: 100,193,220;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #3789a1;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #77c8e0;
    --bs-btn-disabled-border-color: #77c8e0
}

.btn-group > .btn + .btn-cyan, .input-group > .btn + .btn-cyan, .input-group > .btn + .dropdown-menu + .btn-cyan {
    border-left: 1px solid #3789a1
}

.btn-white {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #FFFFFF;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #e9ecef;
    --bs-btn-hover-border-color: #adb5bd;
    --bs-btn-focus-shadow-rgb: 180,186,192;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #adb5bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #eff1f3;
    --bs-btn-disabled-border-color: #c2c8ce
}

.btn-group > .btn + .btn-white, .input-group > .btn + .btn-white, .input-group > .btn + .dropdown-menu + .btn-white {
    border-left: 1px solid #adb5bd
}

.btn-gray {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #51585e;
    --bs-btn-hover-border-color: #51585e;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #51585e;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #91989e;
    --bs-btn-disabled-border-color: #91989e
}

.btn-group > .btn + .btn-gray, .input-group > .btn + .btn-gray, .input-group > .btn + .dropdown-menu + .btn-gray {
    border-left: 1px solid #51585e
}

.btn-muted {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #adb5bd;
    --bs-btn-border-color: #adb5bd;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #82888e;
    --bs-btn-hover-border-color: #82888e;
    --bs-btn-focus-shadow-rgb: 185,192,199;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #82888e;
    --bs-btn-active-border-color: #82888e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #c2c8ce;
    --bs-btn-disabled-border-color: #c2c8ce
}

.btn-group > .btn + .btn-muted, .input-group > .btn + .btn-muted, .input-group > .btn + .dropdown-menu + .btn-muted {
    border-left: 1px solid #82888e
}

.btn-black {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-focus-shadow-rgb: 38,38,38;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #404040;
    --bs-btn-disabled-border-color: #404040
}

.btn-group > .btn + .btn-black, .input-group > .btn + .btn-black, .input-group > .btn + .dropdown-menu + .btn-black {
    border-left: 1px solid #000
}

.btn-silver {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #b6c2c9;
    --bs-btn-border-color: #b6c2c9;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #899297;
    --bs-btn-hover-border-color: #899297;
    --bs-btn-focus-shadow-rgb: 193,203,209;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #899297;
    --bs-btn-active-border-color: #899297;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #c8d1d7;
    --bs-btn-disabled-border-color: #c8d1d7
}

.btn-group > .btn + .btn-silver, .input-group > .btn + .btn-silver, .input-group > .btn + .dropdown-menu + .btn-silver {
    border-left: 1px solid #899297
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 2px
}

.chats {
    list-style-type: none;
    margin: 0;
    padding: .9375rem
}

    .chats .end .name {
        text-align: right
    }

    .chats .end .image {
        float: right
    }

        .chats .end .image + .message {
            margin-left: 0;
            margin-right: 75px
        }

    .chats .end .message {
        text-align: right
    }

        .chats .end .message:before {
            left: auto;
            right: -13px;
            border-right-color: transparent;
            border-left-color: var(--bs-component-bg)
        }

.panel-body .chats {
    padding: 0
}

.dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

    .dropdown-menu .dropdown-item {
        font-weight: 600
    }

    .dropdown-menu.media-list {
        max-width: 360px;
        padding: 0
    }

        .dropdown-menu.media-list .media {
            border-top: 1px solid rgba(var(--bs-component-color-rgb),.1);
            border-bottom: 1px solid rgba(var(--bs-component-color-rgb),.1);
            display: flex
        }

            .dropdown-menu.media-list .media .media-heading {
                color: var(--bs-component-color);
                margin-bottom: 0;
                font-size: 12.5px;
                line-height: 18px
            }

            .dropdown-menu.media-list .media p {
                text-overflow: ellipsis;
                overflow: hidden;
                margin-bottom: 5px;
                line-height: 14px;
                max-width: 270px;
                color: rgba(var(--bs-component-color-rgb),.65);
                font-size: 11px
            }

            .dropdown-menu.media-list .media + .media {
                border-top: none
            }

        .dropdown-menu.media-list .dropdown-header {
            font-weight: 700;
            color: var(--bs-component-color);
            font-size: 10px;
            padding: .61875rem .9375rem
        }

        .dropdown-menu.media-list .dropdown-item {
            padding: .61875rem .9375rem
        }

        .dropdown-menu.media-list .dropdown-footer {
            padding: .61875rem .9375rem
        }

.modal .modal-header {
    display: flex;
    flex: 1;
    align-items: center
}

.modal.modal-message .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}

.modal.modal-message .modal-content {
    border-radius: 0
}

.modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
    width: 60%;
    border: none;
    margin: 0 auto
}

@media (max-width:575.98px) {
    .modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header {
        width: 90%
    }
}

.nav.nav-tabs.nav-tabs-v2 {
    border-bottom: 1px solid var(--bs-component-border-color)
}

    .nav.nav-tabs.nav-tabs-v2 > .nav-item {
        margin-bottom: -1px
    }

        .nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link {
            border: none;
            border-bottom: 3px solid transparent;
            padding: 1rem 1rem .875rem
        }

            .nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link:hover {
                border-bottom-color: rgba(var(--bs-component-color-rgb),.25)
            }

            .nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link.active {
                border-bottom-color: var(--bs-component-active-bg);
                background: 0 0
            }

        .nav.nav-tabs.nav-tabs-v2 > .nav-item.show > .nav-link {
            background: 0 0;
            border-bottom-color: #dee2e6;
            color: #20252a
        }

@media (max-width:767.98px) {
    .nav-wizards-container {
        overflow: scroll
    }

        .nav-wizards-container .nav.nav-wizards-1 {
            min-width: 600px
        }
}

.nav.nav-wizards-1 {
    flex-wrap: nowrap
}

    .nav.nav-wizards-1 .nav-item {
        padding: 0
    }

        .nav.nav-wizards-1 .nav-item .nav-link {
            position: relative;
            color: rgba(var(--bs-component-color-rgb),.75)
        }

            .nav.nav-wizards-1 .nav-item .nav-link .nav-no {
                width: 40px;
                height: 40px;
                margin: 0 auto;
                font-weight: 600;
                background: 0 0;
                border: 2px solid var(--bs-component-border-color);
                position: relative;
                z-index: 10;
                font-size: .875rem;
                border-radius: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .2s linear
            }

            .nav.nav-wizards-1 .nav-item .nav-link .nav-text {
                text-align: center;
                margin-top: .46875rem;
                font-weight: 600;
                font-size: .75rem
            }

            .nav.nav-wizards-1 .nav-item .nav-link.active, .nav.nav-wizards-1 .nav-item .nav-link.completed {
                color: #348fe2
            }

                .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no, .nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no {
                    border-color: #348fe2;
                    color: #348fe2
                }

                .nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.active:before, .nav.nav-wizards-1 .nav-item .nav-link.completed:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:before {
                    background: #348fe2
                }

                .nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:after {
                    width: calc(50% - 20px)
                }

                .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no {
                    box-shadow: 0 0 0 5px rgba(52,143,226,.2)
                }

            .nav.nav-wizards-1 .nav-item .nav-link.disabled {
                color: rgba(var(--bs-component-color-rgb),.25)
            }

            .nav.nav-wizards-1 .nav-item .nav-link:after, .nav.nav-wizards-1 .nav-item .nav-link:before {
                content: "";
                position: absolute;
                top: 1.6875rem;
                height: 2px;
                background: var(--bs-component-border-color);
                left: 0;
                right: calc(50% + 20px)
            }

            .nav.nav-wizards-1 .nav-item .nav-link:after {
                transition: all .2s linear;
                left: calc(50% + 20px);
                right: 0
            }

        .nav.nav-wizards-1 .nav-item:first-child .nav-link:after, .nav.nav-wizards-1 .nav-item:first-child .nav-link:before {
            left: calc(50% + 20px)
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link:before {
            right: calc(50% + 20px)
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link.active:before, .nav.nav-wizards-1 .nav-item:last-child .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link:after {
            display: none
        }

.note {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex: 1;
    background: var(--bs-alert-bg);
    color: var(--bs-alert-color);
    border-color: var(--bs-alert-border-color);
    border-left: 3px solid
}

.page-header {
    font-size: 24px;
    margin: 0 0 15px;
    padding: 0;
    border: none;
    line-height: 1.35;
    font-weight: 500
}

    .page-header .small, .page-header small {
        line-height: 20px
    }

.pagination {
    font-weight: 600;
    flex-wrap: wrap
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: .9
    }
}

.panel {
    background-color: var(--bs-component-bg);
    border: none;
    margin-bottom: 1.246875rem;
    box-shadow: none;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

    .panel .panel-body {
        flex: 1 1 auto
    }

    .panel .panel-heading {
        padding: .75rem .9375rem;
        border: none;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

        .panel .panel-heading .panel-title {
            font-size: .75rem;
            margin: 0;
            line-height: 1.35;
            flex: 1
        }

            .panel .panel-heading .panel-title > a {
                color: inherit;
                display: block
            }

                .panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover {
                    text-decoration: none
                }

        .panel .panel-heading .panel-heading-btn {
            display: flex;
            align-items: center
        }

            .panel .panel-heading .panel-heading-btn > a + a {
                margin-left: 5px
            }

            .panel .panel-heading .panel-heading-btn .btn-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center
            }

        .panel .panel-heading .tab-overflow {
            flex: 1
        }

    .panel .panel-body {
        padding: .9375rem .9375rem
    }

        .panel .panel-body:after, .panel .panel-body:before {
            content: "";
            display: table;
            clear: both
        }

    .panel [class^=col-].ui-sortable {
        min-height: 0
    }

    .panel.panel-inverse > .panel-heading {
        background: var(--bs-gray-900);
        color: var(--bs-white)
    }

.dark-mode .panel.panel-inverse > .panel-heading {
    background: rgba(255,255,255,.1)
}

.panel.panel-loading .panel-body {
    position: relative;
    z-index: 0;
    overflow: hidden
}

    .panel.panel-loading .panel-body .panel-loader {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: var(--bs-component-bg);
        opacity: .9;
        z-index: 1030;
        animation: fadeIn .2s;
        border-radius: 0 0 4px 4px;
        display: flex;
        justify-content: center;
        align-items: center
    }

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080;
    display: flex;
    flex: 1;
    flex-direction: column;
    border-radius: 0
}

    .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading {
        border-radius: 0
    }

    .panel.panel-expand > .panel-body {
        overflow-x: scroll;
        flex: 1
    }

    .panel.panel-expand > .panel-heading {
        flex: 0
    }

        .panel.panel-expand > .panel-heading .fa-expand:before {
            content: "\f066"
        }

.panel-expand .app-content {
    z-index: 9999
}

    .panel-expand .app-content .panel.panel-expand {
        background: var(--bs-component-bg)
    }

.popover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.spinner {
    height: 36px;
    width: 36px;
    border: 2px solid #2d353c;
    border-top-color: #fff;
    border-radius: 36px;
    animation: rotation .6s infinite linear
}

    .spinner.spinner-sm {
        height: 28px;
        width: 28px
    }

.tab-overflow {
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    flex: 1
}

    .tab-overflow .nav.nav-tabs {
        white-space: nowrap;
        display: table;
        margin: 0;
        border-radius: 4px 4px 0 0
    }

        .tab-overflow .nav.nav-tabs > li {
            display: table-cell;
            float: none
        }

            .tab-overflow .nav.nav-tabs > li > a {
                margin-left: -1px
            }

        .tab-overflow .nav.nav-tabs .prev-button {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
            display: none !important;
            opacity: 0;
            box-shadow: 0 0 15px rgba(45,53,60,.25);
            transition: all .2s linear
        }

            .tab-overflow .nav.nav-tabs .prev-button a {
                margin: 0;
                background: #f2f3f4;
                border-radius: 4px 0 0
            }

        .tab-overflow .nav.nav-tabs .next-button {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            display: none !important;
            opacity: 0;
            box-shadow: 0 0 15px rgba(45,53,60,.25);
            transition: all .2s linear;
            border-top-left-radius: 0
        }

            .tab-overflow .nav.nav-tabs .next-button a {
                margin: 0;
                background: #f2f3f4;
                border-radius: 0 4px 0 0
            }

    .tab-overflow.overflow-right .nav.nav-tabs .next-button {
        display: block !important;
        opacity: 1;
        background: 0 0
    }

    .tab-overflow.overflow-left .nav.nav-tabs .prev-button {
        display: block !important;
        opacity: 1;
        background: 0 0
    }

.theme-panel {
    position: fixed;
    width: 260px;
    right: -260px;
    top: 0;
    bottom: 0;
    z-index: 1035;
    background: var(--bs-component-bg);
    transition: right .2s linear;
    border-radius: 4px 0 0 4px
}

    .theme-panel .theme-list {
        margin-bottom: -4px;
        margin-right: -4px;
        display: flex;
        flex-wrap: wrap
    }

        .theme-panel .theme-list .theme-list-item {
            margin-bottom: 4px;
            margin-right: 4px
        }

            .theme-panel .theme-list .theme-list-item .theme-list-link {
                width: 28px;
                height: 28px;
                display: block;
                text-decoration: none;
                position: relative;
                border-radius: 30px;
                transition: all .2s linear
            }

                .theme-panel .theme-list .theme-list-item .theme-list-link:focus, .theme-panel .theme-list .theme-list-item .theme-list-link:hover {
                    opacity: .6
                }

            .theme-panel .theme-list .theme-list-item.active .theme-list-link:before {
                content: "\f00c";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                font-size: 14px;
                line-height: 1;
                color: #fff;
                opacity: .4;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
                font-weight: 900;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto
            }

            .theme-panel .theme-list .theme-list-item.active .theme-list-link.bg-white:before {
                color: #2d353c
            }

    .theme-panel .theme-collapse-btn {
        position: absolute;
        left: -30px;
        top: 30%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: var(--bs-component-color);
        background: var(--bs-component-bg);
        text-align: center;
        border-radius: 4px 0 0 4px;
        box-shadow: 0 0 15px 0 rgba(0,0,0,.15)
    }

@media (max-width:575.98px) {
    .theme-panel .theme-collapse-btn {
        top: 35%
    }
}

.theme-panel .theme-panel-content {
    background: var(--bs-component-bg);
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    margin: 0;
    z-index: 10
}

.theme-panel .theme-panel-divider {
    height: 1px;
    margin: 15px 0;
    background-color: var(--bs-component-border-color)
}

.theme-panel.active {
    box-shadow: 0 5px 25px rgba(0,0,0,.3);
    right: 0
}

    .theme-panel.active .theme-collapse-btn .fa:before {
        content: "\f00d"
    }

.toast-container {
    position: fixed;
    top: 50px;
    margin-top: .9375rem;
    right: .9375rem;
    z-index: 1020
}

.toast .toast-header {
    border-bottom-width: 1px;
    border-color: var(--bs-component-dropdown-border-color)
}

.widget-chart {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 4px
}

@media (min-width:576px) {
    .widget-chart {
        display: flex
    }
}

.widget-chart .chart-title {
    font-size: 16px !important;
    line-height: 20px;
    color: #fff;
    font-weight: 600 !important;
    margin: 2px 5px 5px
}

    .widget-chart .chart-title .small, .widget-chart .chart-title small {
        display: block;
        margin-top: 3px;
        font-size: 12px;
        line-height: 16px;
        color: #9ba8b4;
        font-weight: 400
    }

.widget-chart .widget-chart-content {
    padding: 15px;
    flex: 1
}

    .widget-chart .widget-chart-content + .widget-chart-sidebar {
        border-radius: 0 0 4px 4px
    }

@media (min-width:768px) {
    .widget-chart .widget-chart-content + .widget-chart-sidebar {
        border-radius: 0 4px 4px 0
    }
}

.widget-chart .widget-chart-full-width {
    margin: 0 -15px
}

.widget-chart .widget-chart-sidebar {
    padding: 15px 15px;
    position: relative;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .widget-chart .widget-chart-sidebar {
        width: 230px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .widget-chart .widget-chart-sidebar {
        width: 200px
    }
}

.widget-chart .widget-chart-sidebar .chart-number {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #fff
}

    .widget-chart .widget-chart-sidebar .chart-number .small, .widget-chart .widget-chart-sidebar .chart-number small {
        font-size: 12px;
        line-height: 16px;
        margin-top: 3px;
        color: #9ba8b4;
        display: block;
        font-weight: 400
    }

.widget-chart .widget-chart-sidebar .chart-legend {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600
}

    .widget-chart .widget-chart-sidebar .chart-legend > li {
        color: #fff
    }

        .widget-chart .widget-chart-sidebar .chart-legend > li span {
            color: #9ba8b4;
            margin-left: 5px;
            font-weight: 400
        }

        .widget-chart .widget-chart-sidebar .chart-legend > li + li {
            margin-top: 5px
        }

.widget-chart-content {
    padding: 10px;
    background: var(--bs-light)
}

.dark-mode .widget-chart-content {
    background: #1d2226
}

.dark-mode .nvd3 text {
    fill: rgba(255,255,255,.75)
}

.widget-stats, .widget.widget-stats {
    position: relative;
    color: #fff;
    padding: .9375rem;
    border-radius: 4px
}

    .widget-stats .stats-icon, .widget.widget-stats .stats-icon {
        font-size: 42px;
        height: 56px;
        width: 56px;
        text-align: center;
        line-height: 56px;
        color: rgba(0,0,0,.15);
        position: absolute;
        top: .9375rem;
        margin-left: .9375rem;
        right: .9375rem
    }

        .widget-stats .stats-icon.stats-icon-lg, .widget.widget-stats .stats-icon.stats-icon-lg {
            font-size: 128px;
            top: .9375rem;
            color: #fff;
            width: 128px;
            height: 50px;
            line-height: 50px;
            text-shadow: 3px 7px rgba(0,0,0,.25);
            opacity: .15;
            right: 0
        }

            .widget-stats .stats-icon.stats-icon-lg i, .widget.widget-stats .stats-icon.stats-icon-lg i {
                position: relative
            }

    .widget-stats .stats-content, .widget.widget-stats .stats-content {
        position: relative
    }

    .widget-stats .stats-title, .widget.widget-stats .stats-title {
        position: relative;
        margin: 0 0 2px;
        font-size: 12px;
        font-weight: 600;
        color: rgba(255,255,255,.7)
    }

    .widget-stats .stats-desc, .widget.widget-stats .stats-desc {
        margin: -5px 0 -3px;
        color: rgba(255,255,255,.7)
    }

    .widget-stats .stats-number, .widget.widget-stats .stats-number {
        font-size: 24px;
        margin-bottom: .9375rem;
        font-weight: 600;
        letter-spacing: 1px
    }

    .widget-stats .stats-progress, .widget.widget-stats .stats-progress {
        background: rgba(0,0,0,.5);
        height: 2px;
        margin: 0 0 .9375rem;
        border-radius: 4px
    }

        .widget-stats .stats-progress .progress-bar, .widget.widget-stats .stats-progress .progress-bar {
            background: #fff;
            border-radius: 0 4px 4px 0
        }

    .widget-stats.bg-white .stats-progress, .widget.widget-stats.bg-white .stats-progress {
        background: rgba(0,0,0,.1)
    }

        .widget-stats.bg-white .stats-progress .progress-bar, .widget.widget-stats.bg-white .stats-progress .progress-bar {
            background: #2d353c
        }

.widget {
    overflow: hidden;
    margin-bottom: 20px;
    background: var(--bs-component-bg);
    color: inherit;
    padding: 0
}

.error {
    margin: 0 auto;
    text-align: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .error .error-code, .error .error-content {
        flex: 1;
        transform: translateZ(0)
    }

    .error .error-code {
        color: var(--bs-component-color);
        font-size: 200px;
        line-height: 1;
        text-shadow: 10px 10px 0 rgba(var(--bs-component-color-rgb),.2);
        padding: 1.875rem;
        height: 50vh;
        display: flex;
        justify-content: center;
        align-items: flex-end
    }

@media (max-width:767.98px) {
    .error .error-code {
        font-size: 160px
    }
}

@media (max-width:575.98px) {
    .error .error-code {
        font-size: 120px
    }
}

.error .error-content {
    bottom: 0;
    padding: 1.875rem;
    background: #2d353c;
    background-image: url(default/images/error-page-pattern.png)
}

.error .error-message {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: .5px;
    margin-bottom: .46875rem
}

.error .error-desc {
    font-size: .75rem;
    color: rgba(255,255,255,.5);
    letter-spacing: .5px
}

.invoice {
    background: var(--bs-component-bg);
    padding: 20px
}

    .invoice > div:not(.invoice-footer) {
        margin-bottom: 20px
    }

    .invoice .invoice-Team {
        font-size: 20px;
        font-weight: 600
    }

    .invoice .invoice-header {
        margin: 0 -20px;
        background: var(--bs-light);
        display: flex
    }

@media (max-width:767.98px) {
    .invoice .invoice-header {
        display: block
    }

        .invoice .invoice-header > div + div {
            border-top: 1px solid #e6e7e8
        }
}

.invoice .invoice-from {
    padding: 20px;
    flex: 1
}

    .invoice .invoice-from strong {
        font-size: 16px;
        font-weight: 600
    }

.invoice .invoice-to {
    padding: 20px;
    flex: 1
}

    .invoice .invoice-to strong {
        font-size: 16px;
        font-weight: 600
    }

.invoice .invoice-date {
    text-align: right;
    padding: 20px;
    flex: 1
}

@media (max-width:767.98px) {
    .invoice .invoice-date {
        text-align: left
    }
}

.invoice .invoice-date .date {
    font-size: 16px;
    font-weight: 600
}

.invoice .invoice-price {
    background: var(--bs-light);
    width: 100%;
    display: flex
}

@media (max-width:575.98px) {
    .invoice .invoice-price {
        display: block
    }
}

.invoice .invoice-price .small, .invoice .invoice-price small {
    font-size: 12px;
    font-weight: 400;
    display: block
}

.invoice .invoice-price .invoice-price-right {
    margin-left: auto;
    padding: 20px;
    font-size: 28px;
    font-weight: 300;
    position: relative;
    vertical-align: bottom;
    text-align: right;
    color: var(--bs-light);
    background: var(--bs-dark);
    min-width: 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .invoice .invoice-price .invoice-price-right .small, .invoice .invoice-price .invoice-price-right small {
        display: block;
        opacity: .6;
        position: absolute;
        top: 15px;
        left: 20px;
        font-size: 12px
    }

.invoice .invoice-price .invoice-price-left {
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    vertical-align: middle;
    flex: 1
}

    .invoice .invoice-price .invoice-price-left .invoice-price-row {
        display: flex;
        align-items: center
    }

@media (max-width:575.98px) {
    .invoice .invoice-price .invoice-price-left .invoice-price-row {
        display: block;
        text-align: center
    }
}

.invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price {
    padding: 0 20px
}

@media (max-width:767.98px) {
    .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price {
        padding: 0
    }

        .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price {
            padding-left: 20px
        }
}

@media (max-width:575.98px) {
    .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price {
        padding-left: 0
    }
}

.invoice .invoice-footer {
    border-top: 1px solid var(--bs-component-border-color);
    padding-top: 15px;
    font-size: 11px;
    color: rgba(var(--bs-component-color-rgb),.5)
}

.invoice .invoice-note {
    color: rgba(var(--bs-component-color-rgb),.5);
    margin-top: 80px;
    font-size: 11px;
    line-height: 1.75
}

.invoice .table-invoice {
    font-size: 13px
}

@media (max-width:767.98px) {
    .invoice .table-invoice {
        white-space: nowrap
    }
}

.messenger {
    --bs-messenger-menu-width: 60px;
    --bs-messenger-chat-width: 360px;
    display: flex;
    overflow: hidden;
    position: relative;
    height: 100%
}

.messenger .messenger-chat {
    display: flex;
    flex-direction: column;
    background: var(--bs-component-bg)
}

@media (max-width:991.98px) {
    .messenger .messenger-chat {
        flex: 1
    }
}

@media (min-width:992px) {
    .messenger .messenger-chat {
        width: var(--bs-messenger-chat-width);
        border-right: 1px solid var(--bs-component-border-color)
    }
}

.messenger .messenger-chat .messenger-chat-body {
    flex: 1;
    overflow: hidden
}

.messenger .messenger-chat .messenger-chat-list .messenger-chat-item.active .messenger-chat-link {
    background: var(--bs-light)
}

.messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link {
    text-decoration: none;
    padding: .9375rem;
    display: flex;
    color: var(--bs-component-color);
    align-items: center
}

    .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link:focus, .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link:hover {
        background: var(--bs-light)
    }

    .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-content {
        flex: 1;
        max-width: calc(100% - 44px);
        padding-left: .703125rem
    }

    .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-title {
        display: flex;
        font-weight: 600;
        color: var(--bs-component-color);
        font-size: .84375rem
    }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-title > div:not(.messenger-chat-time) {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-time {
        font-size: .675rem;
        color: rgba(var(--bs-component-color-rgb),.35);
        padding-left: .46875rem
    }

    .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(var(--bs-component-color-rgb),.35);
        font-weight: 600;
        font-size: .75rem
    }

.messenger .messenger-content {
    flex: 1;
    display: none
}

@media (min-width:992px) {
    .messenger .messenger-content {
        display: block
    }
}

@media (max-width:767.98px) {
    .messenger .messenger-content {
        overflow: scroll;
        flex-wrap: nowrap
    }
}

@media (max-width:991.98px) {
    .messenger.messenger-chat-content-mobile-toggled .messenger-content {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999
    }
}

@media (max-width: 991.98px) {
    /* 1. Ajustar el relleno del cuerpo del chat (donde están todos los mensajes) */

    /* Esta regla sobrescribe la de escritorio SOLO en móviles */

    /* Y las otras dos reglas que ya corregimos: */

    /* 3. Evita que la lista se corte horizontalmente: */
    .messenger .messenger-chat {
        flex: 1;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 4. Oculta la lista al activar la conversación (el fix anterior): */
    .messenger.messenger-chat-content-mobile-toggled .messenger-chat {
        display: none !important;
    }
}

.pos {
    --bs-pos-sidebar-bg: #FFFFFF;
    --bs-pos-sidebar-header-bg: #2d353c;
    --bs-pos-sidebar-header-color: #FFFFFF;
    --bs-pos-sidebar-header-back-btn-bg: #495057;
    --bs-pos-sidebar-header-nav-link-bg: #e9ecef;
    --bs-pos-sidebar-header-nav-link-color: #6c757d;
    --bs-pos-sidebar-header-nav-link-active-bg: #FFFFFF;
    --bs-pos-sidebar-header-nav-link-active-color: #20252a;
    --bs-pos-sidebar-footer-bg: #495057;
    --bs-pos-sidebar-footer-color: #f8f9fa;
    --bs-pos-sidebar-product-border-color: #e9ecef;
    --bs-pos-sidebar-product-confirmation-bg: rgba(255, 255, 255, 0.95)
}

@media (min-width:992px) {
    .pos {
        height: 100%;
        display: flex
    }
}

.pos .product {
    background: var(--bs-component-bg);
    color: var(--bs-component-color);
    display: block;
    margin: 0;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    transition: all .2s linear;
    display: flex;
    flex-direction: column
}

    .pos .product:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

    .pos .product .img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 180px;
        transition: all .2s linear
    }

    .pos .product .text {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: .703125rem .9375rem
    }

        .pos .product .text .title {
            font-size: .875rem;
            font-weight: 600;
            color: var(--bs-component-color);
            margin: 0 0 2px
        }

        .pos .product .text .desc {
            color: #adb5bd;
            font-weight: 600;
            margin: 0 0 .9375rem;
            line-height: 1.4;
            flex: 1
        }

        .pos .product .text .price {
            margin: 0;
            font-weight: 600;
            color: var(--bs-component-color);
            font-size: .875rem
        }

[data-bs-theme=dark], [data-bs-theme=dark] .pos {
    --bs-pos-sidebar-bg: #2d353c;
    --bs-pos-sidebar-header-bg: #495057;
    --bs-pos-sidebar-header-color: #FFFFFF;
    --bs-pos-sidebar-header-back-btn-bg: #495057;
    --bs-pos-sidebar-header-nav-link-bg: #20252a;
    --bs-pos-sidebar-header-nav-link-color: #6c757d;
    --bs-pos-sidebar-header-nav-link-active-bg: #2d353c;
    --bs-pos-sidebar-header-nav-link-active-color: #FFFFFF;
    --bs-pos-sidebar-footer-bg: #495057;
    --bs-pos-sidebar-footer-color: #FFFFFF;
    --bs-pos-sidebar-product-border-color: #6c757d;
    --bs-pos-sidebar-product-confirmation-bg: rgba(45, 53, 60, 0.95)
}

.modal.modal-pos .close {
    position: absolute;
    top: 25px;
    z-index: 10;
    right: 25px
}

@media (min-width:992px) {
    .modal.modal-pos .modal-pos-product {
        display: flex
    }

        .modal.modal-pos .modal-pos-product .modal-pos-product-img, .modal.modal-pos .modal-pos-product .modal-pos-product-info {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }
}

@media (min-width:992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        padding-right: .9375rem
    }
}

@media (max-width:991.98px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        padding-bottom: 0
    }
}

.modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
    border-radius: var(--bs-border-radius-lg)
}

@media (min-width:992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
        min-height: 300px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media (max-width:991.98px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info {
    padding: 1.40625rem
}

@media (min-width:992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-info {
        padding-left: .9375rem
    }
}

.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

    .timeline:before {
        content: "";
        position: absolute;
        top: 5px;
        bottom: 5px;
        width: 5px;
        background: #495057;
        left: 20%;
        margin-left: -2.5px
    }

@media (max-width:767.98px) {
    .timeline:before {
        left: 15%
    }
}

@media (max-width:575.98px) {
    .timeline:before {
        left: 50%
    }
}

.timeline img {
    max-width: 100%;
    display: block
}

body .datepicker {
    color: var(--bs-component-color);
    border-radius: 6px
}

    body .datepicker table {
        width: 100%
    }

    body .datepicker .datepicker-centuries table thead tr th, body .datepicker .datepicker-days table thead tr th, body .datepicker .datepicker-decades table thead tr th, body .datepicker .datepicker-months table thead tr th, body .datepicker .datepicker-years table thead tr th {
        color: var(--bs-component-color)
    }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev {
            line-height: 1.5;
            padding: .46875rem;
            border-radius: 4px
        }

            body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-centuries table thead tr th.next:focus, body .datepicker .datepicker-centuries table thead tr th.next:hover, body .datepicker .datepicker-centuries table thead tr th.prev:focus, body .datepicker .datepicker-centuries table thead tr th.prev:hover, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-days table thead tr th.next:focus, body .datepicker .datepicker-days table thead tr th.next:hover, body .datepicker .datepicker-days table thead tr th.prev:focus, body .datepicker .datepicker-days table thead tr th.prev:hover, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-decades table thead tr th.next:focus, body .datepicker .datepicker-decades table thead tr th.next:hover, body .datepicker .datepicker-decades table thead tr th.prev:focus, body .datepicker .datepicker-decades table thead tr th.prev:hover, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-months table thead tr th.next:focus, body .datepicker .datepicker-months table thead tr th.next:hover, body .datepicker .datepicker-months table thead tr th.prev:focus, body .datepicker .datepicker-months table thead tr th.prev:hover, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-years table thead tr th.next:focus, body .datepicker .datepicker-years table thead tr th.next:hover, body .datepicker .datepicker-years table thead tr th.prev:focus, body .datepicker .datepicker-years table thead tr th.prev:hover {
                background: var(--bs-component-hover-bg)
            }

                body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-centuries table thead tr th.next:focus:before, body .datepicker .datepicker-centuries table thead tr th.next:hover:before, body .datepicker .datepicker-centuries table thead tr th.prev:focus:before, body .datepicker .datepicker-centuries table thead tr th.prev:hover:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-days table thead tr th.next:focus:before, body .datepicker .datepicker-days table thead tr th.next:hover:before, body .datepicker .datepicker-days table thead tr th.prev:focus:before, body .datepicker .datepicker-days table thead tr th.prev:hover:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-decades table thead tr th.next:focus:before, body .datepicker .datepicker-decades table thead tr th.next:hover:before, body .datepicker .datepicker-decades table thead tr th.prev:focus:before, body .datepicker .datepicker-decades table thead tr th.prev:hover:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-months table thead tr th.next:focus:before, body .datepicker .datepicker-months table thead tr th.next:hover:before, body .datepicker .datepicker-months table thead tr th.prev:focus:before, body .datepicker .datepicker-months table thead tr th.prev:hover:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-years table thead tr th.next:focus:before, body .datepicker .datepicker-years table thead tr th.next:hover:before, body .datepicker .datepicker-years table thead tr th.prev:focus:before, body .datepicker .datepicker-years table thead tr th.prev:hover:before {
                    color: var(--bs-component-color)
                }

        body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev {
            color: transparent;
            width: 15%;
            position: relative;
            font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

            body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.prev:before {
                color: #adb5bd;
                position: absolute;
                font-size: .875rem;
                height: .875rem;
                top: 50%;
                margin-top: -.4375rem;
                line-height: 1
            }

            body .datepicker .datepicker-centuries table thead tr th.next i, body .datepicker .datepicker-centuries table thead tr th.prev i, body .datepicker .datepicker-days table thead tr th.next i, body .datepicker .datepicker-days table thead tr th.prev i, body .datepicker .datepicker-decades table thead tr th.next i, body .datepicker .datepicker-decades table thead tr th.prev i, body .datepicker .datepicker-months table thead tr th.next i, body .datepicker .datepicker-months table thead tr th.prev i, body .datepicker .datepicker-years table thead tr th.next i, body .datepicker .datepicker-years table thead tr th.prev i {
                display: none
            }

            body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.prev:before {
                content: "\f104"
            }

            body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.next:before {
                content: "\f105"
            }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.datepicker-switch {
            width: auto
        }

        body .datepicker .datepicker-centuries table thead tr th.dow, body .datepicker .datepicker-days table thead tr th.dow, body .datepicker .datepicker-decades table thead tr th.dow, body .datepicker .datepicker-months table thead tr th.dow, body .datepicker .datepicker-years table thead tr th.dow {
            padding: .46875rem 0
        }

    body .datepicker .datepicker-centuries table tbody tr td, body .datepicker .datepicker-days table tbody tr td, body .datepicker .datepicker-decades table tbody tr td, body .datepicker .datepicker-months table tbody tr td, body .datepicker .datepicker-years table tbody tr td {
        padding: .46875rem
    }

        body .datepicker .datepicker-centuries table tbody tr td span.century, body .datepicker .datepicker-centuries table tbody tr td span.decade, body .datepicker .datepicker-centuries table tbody tr td span.month, body .datepicker .datepicker-centuries table tbody tr td span.year, body .datepicker .datepicker-days table tbody tr td span.century, body .datepicker .datepicker-days table tbody tr td span.decade, body .datepicker .datepicker-days table tbody tr td span.month, body .datepicker .datepicker-days table tbody tr td span.year, body .datepicker .datepicker-decades table tbody tr td span.century, body .datepicker .datepicker-decades table tbody tr td span.decade, body .datepicker .datepicker-decades table tbody tr td span.month, body .datepicker .datepicker-decades table tbody tr td span.year, body .datepicker .datepicker-months table tbody tr td span.century, body .datepicker .datepicker-months table tbody tr td span.decade, body .datepicker .datepicker-months table tbody tr td span.month, body .datepicker .datepicker-months table tbody tr td span.year, body .datepicker .datepicker-years table tbody tr td span.century, body .datepicker .datepicker-years table tbody tr td span.decade, body .datepicker .datepicker-years table tbody tr td span.month, body .datepicker .datepicker-years table tbody tr td span.year {
            font-weight: 600;
            color: #6c757d;
            text-shadow: none;
            border-radius: 4px
        }

            body .datepicker .datepicker-centuries table tbody tr td span.century:focus, body .datepicker .datepicker-centuries table tbody tr td span.century:hover, body .datepicker .datepicker-centuries table tbody tr td span.decade:focus, body .datepicker .datepicker-centuries table tbody tr td span.decade:hover, body .datepicker .datepicker-centuries table tbody tr td span.month:focus, body .datepicker .datepicker-centuries table tbody tr td span.month:hover, body .datepicker .datepicker-centuries table tbody tr td span.year:focus, body .datepicker .datepicker-centuries table tbody tr td span.year:hover, body .datepicker .datepicker-days table tbody tr td span.century:focus, body .datepicker .datepicker-days table tbody tr td span.century:hover, body .datepicker .datepicker-days table tbody tr td span.decade:focus, body .datepicker .datepicker-days table tbody tr td span.decade:hover, body .datepicker .datepicker-days table tbody tr td span.month:focus, body .datepicker .datepicker-days table tbody tr td span.month:hover, body .datepicker .datepicker-days table tbody tr td span.year:focus, body .datepicker .datepicker-days table tbody tr td span.year:hover, body .datepicker .datepicker-decades table tbody tr td span.century:focus, body .datepicker .datepicker-decades table tbody tr td span.century:hover, body .datepicker .datepicker-decades table tbody tr td span.decade:focus, body .datepicker .datepicker-decades table tbody tr td span.decade:hover, body .datepicker .datepicker-decades table tbody tr td span.month:focus, body .datepicker .datepicker-decades table tbody tr td span.month:hover, body .datepicker .datepicker-decades table tbody tr td span.year:focus, body .datepicker .datepicker-decades table tbody tr td span.year:hover, body .datepicker .datepicker-months table tbody tr td span.century:focus, body .datepicker .datepicker-months table tbody tr td span.century:hover, body .datepicker .datepicker-months table tbody tr td span.decade:focus, body .datepicker .datepicker-months table tbody tr td span.decade:hover, body .datepicker .datepicker-months table tbody tr td span.month:focus, body .datepicker .datepicker-months table tbody tr td span.month:hover, body .datepicker .datepicker-months table tbody tr td span.year:focus, body .datepicker .datepicker-months table tbody tr td span.year:hover, body .datepicker .datepicker-years table tbody tr td span.century:focus, body .datepicker .datepicker-years table tbody tr td span.century:hover, body .datepicker .datepicker-years table tbody tr td span.decade:focus, body .datepicker .datepicker-years table tbody tr td span.decade:hover, body .datepicker .datepicker-years table tbody tr td span.month:focus, body .datepicker .datepicker-years table tbody tr td span.month:hover, body .datepicker .datepicker-years table tbody tr td span.year:focus, body .datepicker .datepicker-years table tbody tr td span.year:hover {
                background: var(--bs-component-hover-bg)
            }

            body .datepicker .datepicker-centuries table tbody tr td span.century.focused, body .datepicker .datepicker-centuries table tbody tr td span.decade.focused, body .datepicker .datepicker-centuries table tbody tr td span.month.focused, body .datepicker .datepicker-centuries table tbody tr td span.year.focused, body .datepicker .datepicker-days table tbody tr td span.century.focused, body .datepicker .datepicker-days table tbody tr td span.decade.focused, body .datepicker .datepicker-days table tbody tr td span.month.focused, body .datepicker .datepicker-days table tbody tr td span.year.focused, body .datepicker .datepicker-decades table tbody tr td span.century.focused, body .datepicker .datepicker-decades table tbody tr td span.decade.focused, body .datepicker .datepicker-decades table tbody tr td span.month.focused, body .datepicker .datepicker-decades table tbody tr td span.year.focused, body .datepicker .datepicker-months table tbody tr td span.century.focused, body .datepicker .datepicker-months table tbody tr td span.decade.focused, body .datepicker .datepicker-months table tbody tr td span.month.focused, body .datepicker .datepicker-months table tbody tr td span.year.focused, body .datepicker .datepicker-years table tbody tr td span.century.focused, body .datepicker .datepicker-years table tbody tr td span.decade.focused, body .datepicker .datepicker-years table tbody tr td span.month.focused, body .datepicker .datepicker-years table tbody tr td span.year.focused {
                background: var(--bs-component-hover-bg);
                color: var(--bs-component-hover-color)
            }

            body .datepicker .datepicker-centuries table tbody tr td span.century.active, body .datepicker .datepicker-centuries table tbody tr td span.decade.active, body .datepicker .datepicker-centuries table tbody tr td span.month.active, body .datepicker .datepicker-centuries table tbody tr td span.year.active, body .datepicker .datepicker-days table tbody tr td span.century.active, body .datepicker .datepicker-days table tbody tr td span.decade.active, body .datepicker .datepicker-days table tbody tr td span.month.active, body .datepicker .datepicker-days table tbody tr td span.year.active, body .datepicker .datepicker-decades table tbody tr td span.century.active, body .datepicker .datepicker-decades table tbody tr td span.decade.active, body .datepicker .datepicker-decades table tbody tr td span.month.active, body .datepicker .datepicker-decades table tbody tr td span.year.active, body .datepicker .datepicker-months table tbody tr td span.century.active, body .datepicker .datepicker-months table tbody tr td span.decade.active, body .datepicker .datepicker-months table tbody tr td span.month.active, body .datepicker .datepicker-months table tbody tr td span.year.active, body .datepicker .datepicker-years table tbody tr td span.century.active, body .datepicker .datepicker-years table tbody tr td span.decade.active, body .datepicker .datepicker-years table tbody tr td span.month.active, body .datepicker .datepicker-years table tbody tr td span.year.active {
                background: var(--bs-component-active-bg) !important;
                color: var(--bs-component-active-color)
            }

        body .datepicker .datepicker-centuries table tbody tr td.day, body .datepicker .datepicker-days table tbody tr td.day, body .datepicker .datepicker-decades table tbody tr td.day, body .datepicker .datepicker-months table tbody tr td.day, body .datepicker .datepicker-years table tbody tr td.day {
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb),.75);
            padding: .46875rem;
            border-radius: 4px
        }

            body .datepicker .datepicker-centuries table tbody tr td.day.highlighted, body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-centuries table tbody tr td.day.selected, body .datepicker .datepicker-centuries table tbody tr td.day:focus, body .datepicker .datepicker-centuries table tbody tr td.day:hover, body .datepicker .datepicker-days table tbody tr td.day.highlighted, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.selected, body .datepicker .datepicker-days table tbody tr td.day:focus, body .datepicker .datepicker-days table tbody tr td.day:hover, body .datepicker .datepicker-decades table tbody tr td.day.highlighted, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.selected, body .datepicker .datepicker-decades table tbody tr td.day:focus, body .datepicker .datepicker-decades table tbody tr td.day:hover, body .datepicker .datepicker-months table tbody tr td.day.highlighted, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.selected, body .datepicker .datepicker-months table tbody tr td.day:focus, body .datepicker .datepicker-months table tbody tr td.day:hover, body .datepicker .datepicker-years table tbody tr td.day.highlighted, body .datepicker .datepicker-years table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.selected, body .datepicker .datepicker-years table tbody tr td.day:focus, body .datepicker .datepicker-years table tbody tr td.day:hover {
                background: var(--bs-component-hover-bg);
                text-shadow: none
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.today, body .datepicker .datepicker-days table tbody tr td.day.today, body .datepicker .datepicker-decades table tbody tr td.day.today, body .datepicker .datepicker-months table tbody tr td.day.today, body .datepicker .datepicker-years table tbody tr td.day.today {
                background: #cce3f8 !important;
                color: #0d2439
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.active, body .datepicker .datepicker-days table tbody tr td.day.active, body .datepicker .datepicker-decades table tbody tr td.day.active, body .datepicker .datepicker-months table tbody tr td.day.active, body .datepicker .datepicker-years table tbody tr td.day.active {
                background: #348fe2 !important;
                color: #fff;
                text-shadow: none !important
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.range {
                border-radius: 0
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.range-start, body .datepicker .datepicker-days table tbody tr td.day.range-start, body .datepicker .datepicker-decades table tbody tr td.day.range-start, body .datepicker .datepicker-months table tbody tr td.day.range-start, body .datepicker .datepicker-years table tbody tr td.day.range-start {
                border-radius: 4px 0 0 4px
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.range-end, body .datepicker .datepicker-days table tbody tr td.day.range-end, body .datepicker .datepicker-decades table tbody tr td.day.range-end, body .datepicker .datepicker-months table tbody tr td.day.range-end, body .datepicker .datepicker-years table tbody tr td.day.range-end {
                border-radius: 0 4px 4px 0
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.old, body .datepicker .datepicker-days table tbody tr td.day.old, body .datepicker .datepicker-decades table tbody tr td.day.old, body .datepicker .datepicker-months table tbody tr td.day.old, body .datepicker .datepicker-years table tbody tr td.day.old {
                color: var(--bs-component-disabled-color)
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.new, body .datepicker .datepicker-days table tbody tr td.day.new, body .datepicker .datepicker-decades table tbody tr td.day.new, body .datepicker .datepicker-months table tbody tr td.day.new, body .datepicker .datepicker-years table tbody tr td.day.new {
                color: var(--bs-component-disabled-color)
            }

            body .datepicker .datepicker-centuries table tbody tr td.day.disabled, body .datepicker .datepicker-days table tbody tr td.day.disabled, body .datepicker .datepicker-decades table tbody tr td.day.disabled, body .datepicker .datepicker-months table tbody tr td.day.disabled, body .datepicker .datepicker-years table tbody tr td.day.disabled {
                color: var(--bs-component-disabled-color)
            }

                body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus, body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover, body .datepicker .datepicker-days table tbody tr td.day.disabled:focus, body .datepicker .datepicker-days table tbody tr td.day.disabled:hover, body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus, body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover, body .datepicker .datepicker-months table tbody tr td.day.disabled:focus, body .datepicker .datepicker-months table tbody tr td.day.disabled:hover, body .datepicker .datepicker-years table tbody tr td.day.disabled:focus, body .datepicker .datepicker-years table tbody tr td.day.disabled:hover {
                    background: 0 0
                }

    body .datepicker.datepicker-inline {
        display: block;
        width: auto;
        padding: 0
    }

    body .datepicker.dropdown-menu {
        min-width: 250px;
        width: 320px;
        border: none;
        font-family: inherit;
        font-size: .75rem;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        width: 250px
    }

        body .datepicker.dropdown-menu:before {
            display: none
        }

        body .datepicker.dropdown-menu.datepicker-orient-left:after {
            left: .9375rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-right:after {
            right: .9375rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-top {
            margin-bottom: .46875rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-bottom {
            margin-top: .46875rem
        }

.datepicker .input-daterange .input-group-addon {
    margin: 0;
    font-weight: 600;
    background: var(--bs-component-border-color);
    color: var(--bs-component-color);
    display: flex;
    align-items: center;
    border-radius: 0
}

    .datepicker .input-daterange .input-group-addon + .form-control {
        border-radius: 0 4px 4px 0
    }

.datepicker.datepicker-dropdown:after {
    border-bottom-color: var(--bs-component-dropdown-bg)
}

.datepicker.datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: var(--bs-component-dropdown-bg)
}

body .daterangepicker {
    z-index: 1020;
    border: none;
    font-family: inherit;
    background-color: var(--bs-component-dropdown-bg);
    border-radius: 6px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

@media (max-width:767.98px) {
    body .daterangepicker {
        width: 300px
    }
}

body .daterangepicker:before {
    display: none
}

body .daterangepicker:after {
    border-bottom-color: var(--bs-component-dropdown-bg)
}

body .daterangepicker .drp-calendar {
    max-width: inherit;
    padding: .9375rem
}

@media (max-width:1199.98px) {
    body .daterangepicker .drp-calendar {
        float: none
    }
}

body .daterangepicker .drp-calendar .calendar-table {
    background-color: var(--bs-component-dropdown-bg);
    border-color: var(--bs-component-dropdown-bg)
}

    body .daterangepicker .drp-calendar .calendar-table table thead tr th {
        min-width: auto;
        width: auto;
        height: auto;
        line-height: 1;
        padding: .46875rem;
        color: var(--bs-component-color);
        font-weight: 700;
        border: none
    }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span {
            border-color: var(--bs-component-color)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:hover, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:hover {
            background: rgba(var(--bs-component-color-rgb),.2);
            color: var(--bs-component-color)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect {
            border-color: var(--bs-component-dropdown-border-color);
            background: var(--bs-component-dropdown-bg);
            color: var(--bs-component-color);
            border-radius: 4px;
            transition: all .2s linear
        }

            body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect:focus {
                outline: 0;
                border-color: #67abe9;
                box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
            }

    body .daterangepicker .drp-calendar .calendar-table table thead tr:last-child th {
        padding-bottom: .46875rem
    }

    body .daterangepicker .drp-calendar .calendar-table table tbody tr td {
        min-width: auto;
        width: auto;
        height: auto;
        line-height: 1;
        padding: .609375rem;
        font-weight: 600;
        color: var(--bs-component-color);
        border: none
    }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available {
            border-radius: 4px
        }

            body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:focus, body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:hover {
                background: var(--bs-component-dropdown-hover-bg)
            }

            body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range {
                background: #e1eefb;
                color: var(--bs-component-color);
                border-radius: 0
            }

.dark-mode body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range {
    background: #1a4871
}

    .dark-mode body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range.active {
        background: #348fe2
    }

body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.active {
    background: #348fe2;
    color: #fff
}

body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.start-date {
    border-radius: 4px 0 0 4px
}

body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.end-date {
    border-radius: 0 4px 4px 0
}

body .daterangepicker .drp-calendar .calendar-table table tbody tr td.off {
    background: 0 0;
    color: var(--bs-component-disabled-color)
}

body .daterangepicker .drp-calendar.left {
    padding: .46875rem !important
}

    body .daterangepicker .drp-calendar.left .calendar-table {
        padding: 0 !important
    }

body .daterangepicker .drp-calendar.right {
    padding: .46875rem !important;
    border-left: 1px solid var(--bs-component-dropdown-border-color)
}

@media (max-width:1199.98px) {
    body .daterangepicker .drp-calendar.right {
        border-left: none;
        border-top: 1px solid var(--bs-component-dropdown-border-color)
    }
}

body .daterangepicker .drp-buttons {
    padding: .46875rem;
    border-color: var(--bs-component-dropdown-border-color)
}

@media (max-width:1199.98px) {
    body .daterangepicker .drp-buttons {
        text-align: center
    }
}

body .daterangepicker .drp-buttons .btn {
    font-weight: 600;
    min-width: 80px;
    margin: 0
}

    body .daterangepicker .drp-buttons .btn + .btn {
        margin-right: 0;
        margin-left: .46875rem
    }

body .daterangepicker .drp-buttons .drp-selected {
    font-weight: 600;
    color: #6c757d
}

@media (max-width:1199.98px) {
    body .daterangepicker .drp-buttons .drp-selected {
        display: block;
        padding: 0;
        margin-bottom: .46875rem
    }
}

body .daterangepicker.show-ranges.ltr .ranges, body .daterangepicker.show-ranges.rtl .ranges {
    position: relative;
    display: block
}

@media (max-width:1199.98px) {
    body .daterangepicker.show-ranges.ltr .ranges, body .daterangepicker.show-ranges.rtl .ranges {
        float: none;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid var(--bs-component-dropdown-border-color);
        overflow: scroll;
        max-width: 340px
    }
}

@media (max-width:1199.98px) {
    body .daterangepicker.show-ranges.ltr .ranges ul, body .daterangepicker.show-ranges.rtl .ranges ul {
        width: auto;
        white-space: nowrap;
        padding-right: .9375rem;
        display: flex;
        flex-wrap: nowrap
    }
}

body .daterangepicker.show-ranges.ltr .ranges ul li, body .daterangepicker.show-ranges.rtl .ranges ul li {
    font-weight: 600;
    color: rgba(var(--bs-component-color-rgb),.75)
}

@media (max-width:1199.98px) {
    body .daterangepicker.show-ranges.ltr .ranges ul li, body .daterangepicker.show-ranges.rtl .ranges ul li {
        margin-right: .9375rem !important;
        border-radius: 4px
    }
}

body .daterangepicker.show-ranges.ltr .ranges ul li:focus, body .daterangepicker.show-ranges.ltr .ranges ul li:hover, body .daterangepicker.show-ranges.rtl .ranges ul li:focus, body .daterangepicker.show-ranges.rtl .ranges ul li:hover {
    background: var(--bs-component-dropdown-hover-bg);
    color: var(--bs-component-hover-color)
}

body .daterangepicker.show-ranges.ltr .ranges ul li.active, body .daterangepicker.show-ranges.rtl .ranges ul li.active {
    background: #348fe2;
    color: #fff;
    margin-right: -1px
}

body .daterangepicker.show-ranges.ltr .drp-calendar.left, body .daterangepicker.show-ranges.rtl .drp-calendar.left {
    border-left: 1px solid var(--bs-component-dropdown-border-color)
}

@media (max-width:1199.98px) {
    body .daterangepicker.show-ranges.ltr .drp-calendar.left, body .daterangepicker.show-ranges.rtl .drp-calendar.left {
        border-left: none
    }
}

body .bootstrap-timepicker .input-group-addon i {
    width: auto;
    height: auto;
    display: inline
}

.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute {
    width: 40px;
    height: calc(1.5em + .875rem + 2px);
    border: 1px solid var(--bs-component-dropdown-border-color);
    padding: 6px;
    background: 0 0;
    color: var(--bs-component-color);
    font-weight: 600;
    box-shadow: none;
    transition: all .2s linear;
    border-radius: 4px
}

    .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute:focus {
        border-color: #67abe9;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
    }

.bootstrap-timepicker-widget table tbody tr td .glyphicon {
    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

    .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-up:before {
        content: "\f077"
    }

    .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-down:before {
        content: "\f078"
    }

.bootstrap-timepicker-widget table tbody tr td a {
    border: none;
    color: #adb5bd;
    padding: .46875rem;
    text-decoration: none;
    border-radius: 4px !important
}

    .bootstrap-timepicker-widget table tbody tr td a:focus, .bootstrap-timepicker-widget table tbody tr td a:hover {
        background: var(--bs-component-dropdown-hover-bg);
        color: var(--bs-component-hover-color)
    }

.bootstrap-timepicker-widget table tbody tr td.separator {
    padding: 0 .46875rem
}

.bootstrap-timepicker-widget:before {
    display: none !important
}

.bootstrap-timepicker-widget:after {
    left: .9375rem !important;
    top: -.46875rem !important;
    border-width: .46875rem !important;
    border-bottom-color: var(--bs-component-dropdown-bg) !important
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: .46875rem !important;
    border-radius: 6px !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    top: auto !important;
    bottom: -.46875rem;
    border-top-color: var(--bs-component-dropdown-bg) !important
}

body .dt-container.dt-bootstrap5 > .row.mt-2 {
    margin-top: .703125rem !important
}

    body .dt-container.dt-bootstrap5 > .row.mt-2:first-child {
        margin-top: 0 !important
    }

body .dt-container.dt-bootstrap5 table.dataTable tbody td.focus, body .dt-container.dt-bootstrap5 table.dataTable tbody th.focus {
    outline: 2px solid var(--bs-component-active-bg);
    outline-offset: -2px
}

body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:before {
    content: "+";
    background: 0 0;
    color: var(--bs-inverse);
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: var(--bs-gray-400);
    box-shadow: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: none;
    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-right: .46875rem !important
}

body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:focus:before, body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:hover:before {
    border: none;
    background: var(--bs-gray-600);
    color: var(--bs-white)
}

body .dt-container.dt-bootstrap5 table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: none;
    background: var(--bs-table-striped-bg)
}

body .dt-container.dt-bootstrap5 table.dataTable.table-striped > tbody > tr.selected > * {
    box-shadow: none;
    background: var(--bs-highlight-bg);
    color: var(--bs-highlight-color)
}

.dropzone {
    border: 2px dashed var(--bs-component-border-color) !important;
    background: 0 0 !important
}

.legend {
    background: rgba(var(--bs-component-bg-rgb),.9);
    border: 1px solid var(--bs-component-border-color);
    z-index: 1010
}

.fc .fc-view {
    background: var(--bs-component-bg)
}

    .fc .fc-view table > :not(caption) > * {
        border-width: 1px 0;
        border-color: var(--bs-component-table-border-color)
    }

        .fc .fc-view table > :not(caption) > * > * {
            border-width: 0 1px;
            border-color: var(--bs-component-table-border-color)
        }

        .fc .fc-view table > :not(caption) > * > .fc-timegrid-divider {
            background: var(--bs-component-table-border-color)
        }

    .fc .fc-view .fc-event:not(.fc-h-event):hover {
        background-color: rgba(var(--bs-component-color-rgb),.1);
        border-color: rgba(var(--bs-component-color-rgb),.1)
    }

    .fc .fc-view .fc-event.fc-h-event {
        background: #348fe2;
        border-color: #348fe2
    }

    .fc .fc-view a {
        text-decoration: none
    }

.fc .fc-event-dragging {
    background-color: #adb5bd !important;
    border-color: #adb5bd !important
}

.fc .fc-timeGridDay-view, .fc .fc-timeGridWeek-view {
    position: relative !important
}

    .fc .fc-timeGridDay-view .fc-scroller-liquid-absolute, .fc .fc-timeGridWeek-view .fc-scroller-liquid-absolute {
        position: relative !important
    }

.fc .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc .fc-timegrid-event.fc-event-mirror, .fc .fc-timegrid-more-link {
    box-shadow: none
}

.fc-event-list .fc-event {
    background: 0 0;
    border: none;
    color: var(--bs-component-color);
    font-size: .75rem;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
    background: var(--bs-component-bg);
    margin-bottom: .46875rem;
    border-radius: 4px;
    display: flex;
    padding: .46875rem .9375rem .46875rem 2.34375rem
}

    .fc-event-list .fc-event + .fc-event {
        margin-top: 0
    }

    .fc-event-list .fc-event .fc-event-text {
        flex: 1
    }

    .fc-event-list .fc-event .fc-event-icon {
        display: flex;
        align-items: center
    }

    .fc-event-list .fc-event.ui-draggable-dragging {
        border: 1px solid #ced4da
    }

    .fc-event-list .fc-event:before {
        content: "\f0b2";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1.875rem;
        text-align: center;
        font-size: .875rem;
        background: rgba(var(--bs-component-color-rgb),.075);
        color: rgba(var(--bs-component-color-rgb),.5);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        left: 0;
        border-radius: 4px 0 0 4px
    }

    .fc-event-list .fc-event:focus, .fc-event-list .fc-event:hover {
        cursor: pointer;
        background: var(--bs-component-bg)
    }

        .fc-event-list .fc-event:focus:before, .fc-event-list .fc-event:hover:before {
            color: var(--bs-component-color)
        }

.fc-event.fc-event-dragging {
    background: #fff;
    position: relative;
    padding: .46875rem .9375rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    display: flex;
    align-items: center;
    border-radius: 4px
}

    .fc-event.fc-event-dragging .fc-event-text {
        flex: 1
    }

body #gritter-notice-wrapper {
    width: 420px;
    z-index: 1030;
    right: 1.246875rem;
    top: 1.246875rem
}

@media (max-width:575.98px) {
    body #gritter-notice-wrapper {
        width: auto;
        right: 0;
        top: 0;
        padding: 15px 20px;
        max-width: 360px
    }
}

.irs {
    font-family: inherit !important
}

    .irs .irs .irs-line {
        height: 4px;
        top: 30px;
        background: var(--bs-component-border-color);
        border: none
    }

    .irs .irs .irs-from, .irs .irs .irs-single, .irs .irs .irs-to {
        background: #2d353c;
        font-size: .6875rem;
        font-weight: 600
    }

        .irs .irs .irs-from:before, .irs .irs .irs-single:before, .irs .irs .irs-to:before {
            border-top-color: #2d353c
        }

.dark-mode .irs .irs .irs-from, .dark-mode .irs .irs .irs-single, .dark-mode .irs .irs .irs-to {
    background: #6c757d
}

    .dark-mode .irs .irs .irs-from:before, .dark-mode .irs .irs .irs-single:before, .dark-mode .irs .irs .irs-to:before {
        border-top-color: #6c757d
    }

.irs .irs .irs-max, .irs .irs .irs-min {
    color: #2d353c;
    font-size: .6875rem;
    font-weight: 600;
    background: #dee2e6
}

.ui-widget {
    font-family: inherit
}

    .ui-widget.ui-autocomplete {
        padding: .46875rem 0;
        border: none;
        font-size: .75rem;
        background-color: var(--bs-component-dropdown-bg);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        border-radius: 0 0 4px 4px
    }

        .ui-widget.ui-autocomplete .ui-menu-item-wrapper {
            padding: .5rem 1rem;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb),.85)
        }

            .ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
                background: var(--bs-component-dropdown-hover-bg);
                border: none;
                color: var(--bs-component-hover-color);
                margin: 0;
                border-radius: 0
            }

.ui-sortable .panel-heading {
    cursor: move
}

.ui-sortable .ui-sortable-placeholder {
    border: 1px dashed #9ba8b4 !important;
    visibility: visible !important;
    background: 0 0 !important;
    margin: 0 !important
}

    .ui-sortable .ui-sortable-placeholder.panel {
        margin: -1px -1px 19px !important;
        box-shadow: none !important
    }

.row > [class^=col-].ui-sortable {
    min-height: 50px
}

.jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout {
    width: 16px;
    height: 16px;
    padding: 0;
    left: .9375rem;
    color: var(--bs-component-color);
    background: var(--bs-component-secondary-bg);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center
}

    .jvectormap-container .jvectormap-zoomin:focus, .jvectormap-container .jvectormap-zoomin:hover, .jvectormap-container .jvectormap-zoomout:focus, .jvectormap-container .jvectormap-zoomout:hover {
        background: var(--bs-component-tertiary-bg)
    }

.jvectormap-tip {
    padding: 3px 6px !important;
    border: none !important;
    background: rgba(0,0,0,.6) !important
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.pace-top .pace .pace-progress {
    top: 0 !important
}

.pace-top .pace .pace-activity {
    top: 15px !important
}

.pace {
    background: 0 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    opacity: 1;
    transition: opacity 1s
}

    .pace .pace-progress {
        top: 50px;
        height: 3px;
        background: var(--bs-app-theme);
        transition: all .2s linear
    }

@media (max-width:767.98px) {
    .pace .pace-progress {
        top: 101px
    }
}

.pace .pace-progress .pace-progress-inner {
    display: none
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 1030;
    top: 63px;
    right: 10px;
    width: .9375rem;
    height: .9375rem;
    border: 2px solid transparent;
    border-top-color: var(--bs-app-theme);
    border-left-color: var(--bs-app-theme);
    animation: pace-spinner .4s linear infinite;
    border-radius: 40px
}

@media (max-width:575.98px) {
    .pace .pace-activity {
        top: 113px
    }
}

.pace.pace-inactive {
    display: block;
    opacity: 0
}

.pace-done .pace.pace-inactive {
    display: block
}

.ps {
    position: relative
}

    .ps .ps__rail-x {
        z-index: 10
    }

        .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover {
            background: 0 0
        }

    .ps .ps__rail-y {
        z-index: 10;
        width: 6px !important;
        background: 0 0 !important
    }

        .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
            width: 6px !important;
            background: 0 0 !important
        }

            .ps .ps__rail-y.ps--clicking .ps__thumb-y, .ps .ps__rail-y.ps--clicking > .ps__thumb-y, .ps .ps__rail-y:focus .ps__thumb-y, .ps .ps__rail-y:focus > .ps__thumb-y, .ps .ps__rail-y:hover .ps__thumb-y, .ps .ps__rail-y:hover > .ps__thumb-y {
                width: 6px !important
            }

    .ps .ps__thumb-y {
        background-color: #adb5bd !important
    }

        .ps .ps__thumb-y.ps--clicking, .ps .ps__thumb-y:focus, .ps .ps__thumb-y:hover {
            background-color: #adb5bd !important
        }

    .ps.ps-disable-x .ps__rail-x {
        display: none !important
    }

body .ql-container, body .ql-toolbar {
    border-color: var(--bs-border-color) !important
}

    body .ql-container .ql-picker, body .ql-toolbar .ql-picker {
        color: var(--bs-body-color)
    }

    body .ql-container .ql-picker-item:focus, body .ql-container .ql-picker-item:hover, body .ql-container .ql-picker-label:focus, body .ql-container .ql-picker-label:hover, body .ql-container button:focus, body .ql-container button:hover, body .ql-toolbar .ql-picker-item:focus, body .ql-toolbar .ql-picker-item:hover, body .ql-toolbar .ql-picker-label:focus, body .ql-toolbar .ql-picker-label:hover, body .ql-toolbar button:focus, body .ql-toolbar button:hover {
        background: rgba(var(--bs-body-color-rgb),.15) !important;
        color: var(--bs-body-color) !important;
        border-radius: 4px
    }

    body .ql-container .ql-picker-item.ql-active, body .ql-container .ql-picker-label.ql-active, body .ql-container button.ql-active, body .ql-toolbar .ql-picker-item.ql-active, body .ql-toolbar .ql-picker-label.ql-active, body .ql-toolbar button.ql-active {
        background: rgba(var(--bs-app-theme-rgb),.25) !important;
        border-radius: 4px;
        color: var(--bs-app-theme) !important;
        border: none !important
    }

        body .ql-container .ql-picker-item.ql-active .ql-stroke, body .ql-container .ql-picker-label.ql-active .ql-stroke, body .ql-container button.ql-active .ql-stroke, body .ql-toolbar .ql-picker-item.ql-active .ql-stroke, body .ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ql-toolbar button.ql-active .ql-stroke {
            stroke: var(--bs-app-theme) !important
        }

        body .ql-container .ql-picker-item.ql-active .ql-fill, body .ql-container .ql-picker-label.ql-active .ql-fill, body .ql-container button.ql-active .ql-fill, body .ql-toolbar .ql-picker-item.ql-active .ql-fill, body .ql-toolbar .ql-picker-label.ql-active .ql-fill, body .ql-toolbar button.ql-active .ql-fill {
            fill: var(--bs-app-theme) !important
        }

    body .ql-container .ql-picker-options .ql-picker-item, body .ql-toolbar .ql-picker-options .ql-picker-item {
        border-radius: 0 !important
    }

        body .ql-container .ql-picker-options .ql-picker-item:focus, body .ql-container .ql-picker-options .ql-picker-item:hover, body .ql-toolbar .ql-picker-options .ql-picker-item:focus, body .ql-toolbar .ql-picker-options .ql-picker-item:hover {
            background: rgba(var(--bs-body-color-rgb),.15) !important;
            color: var(--bs-body-color)
        }

        body .ql-container .ql-picker-options .ql-picker-item.ql-selected, body .ql-toolbar .ql-picker-options .ql-picker-item.ql-selected {
            background: rgba(var(--bs-app-theme-rgb),.25) !important;
            color: var(--bs-app-theme) !important
        }

    body .ql-container .ql-stroke, body .ql-toolbar .ql-stroke {
        fill: transparent !important;
        stroke: var(--bs-body-color) !important
    }

    body .ql-container .ql-fill, body .ql-toolbar .ql-fill {
        fill: var(--bs-body-color) !important
    }

.border-0 .ql-toolbar {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important
}

.border-0 .ql-container {
    border: none !important
}

body .picker {
    display: block;
    border: 1px solid var(--bs-component-border-color);
    background-color: var(--bs-component-bg);
    padding: .4375rem .75rem;
    min-height: calc(1.5em + .875rem + 2px);
    border-radius: 4px
}

    body .picker > .pc-element {
        margin: 0 .375rem .4375rem 0;
        padding: 2px 10px !important;
        border: none;
        background: rgba(var(--bs-component-border-color-rgb),.65);
        color: var(--bs-component-color);
        font-weight: 600;
        border-radius: 30px
    }

        body .picker > .pc-element:hover {
            background: rgba(var(--bs-component-border-color-rgb),1);
            color: var(--bs-component-color)
        }

        body .picker > .pc-element .pc-close {
            position: relative;
            margin: 0;
            right: 0;
            top: 0;
            margin-left: .46875rem;
            opacity: .25;
            color: inherit;
            font-size: .75rem;
            font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

            body .picker > .pc-element .pc-close:after {
                content: "\f00d" !important
            }

            body .picker > .pc-element .pc-close:hover {
                opacity: .5
            }

        body .picker > .pc-element + .pc-select {
            padding-top: .4375rem
        }

            body .picker > .pc-element + .pc-select .pc-element {
                margin-top: -.4375rem
            }

    body .picker .pc-select {
        display: block;
        width: auto;
        max-width: initial;
        min-width: initial;
        margin: -.4375rem -.75rem
    }

        body .picker .pc-select .pc-element {
            display: block;
            margin: 0;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            background-color: transparent;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-size: 16px 12px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background-position: right .75rem center;
            padding: .4375rem 2.25rem .4375rem .75rem
        }

        body .picker .pc-select .pc-list {
            border: none;
            padding: .5rem 0;
            background: var(--bs-component-dropdown-bg);
            top: 100%;
            border-radius: 4px;
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
        }

            body .picker .pc-select .pc-list input[type=search] {
                display: block;
                width: calc(100% - 20px);
                margin: 0 10px 5px;
                padding: .4375rem .75rem;
                font-size: .75rem;
                font-weight: 600;
                line-height: 1.5;
                color: var(--bs-component-color);
                background-color: var(--bs-component-bg);
                background-clip: padding-box;
                border: 1px solid var(--bs-component-border-color);
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                border-radius: 4px
            }

                body .picker .pc-select .pc-list input[type=search]:focus {
                    color: var(--bs-component-color);
                    background-color: var(--bs-component-bg);
                    border-color: #67abe9;
                    outline: 0;
                    box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
                }

            body .picker .pc-select .pc-list ul > li {
                padding: .5rem 1rem;
                background: 0 0;
                color: var(--bs-component-color);
                font-weight: 600
            }

                body .picker .pc-select .pc-list ul > li:nth-child(even) {
                    background: 0 0
                }

                body .picker .pc-select .pc-list ul > li:hover {
                    background: var(--bs-component-dropdown-hover-bg);
                    color: var(--bs-component-hover-color)
                }

.select2.select2-container {
    display: block;
    background: var(--bs-component-bg)
}

    .select2.select2-container .selection .select2-selection {
        background: var(--bs-component-bg)
    }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple, .select2.select2-container .selection .select2-selection.select2-selection--single {
            border-color: var(--bs-component-border-color);
            outline: 0;
            height: calc(1.5em + .875rem + 2px);
            display: flex;
            align-items: center
        }

            .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
                line-height: 1;
                padding: .4375rem .75rem;
                font-weight: 600;
                color: var(--bs-component-color);
                position: relative;
                display: flex;
                flex-wrap: wrap;
                flex: 1;
                padding-right: .75rem
            }

                .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    width: .75rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    right: 0
                }

            .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
                height: auto;
                width: auto;
                position: relative;
                top: 0;
                right: 0;
                padding: .4375rem .75rem;
                display: flex;
                align-items: center
            }

                .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
                    position: relative;
                    top: 0;
                    left: 0;
                    margin: 0;
                    border: none;
                    color: var(--bs-component-color);
                    width: auto;
                    height: auto;
                    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
                    font-weight: 900;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto
                }

                    .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b:before, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
                        content: "\f0d7"
                    }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple {
            height: auto;
            min-height: calc(1.5em + .875rem + 2px)
        }

            .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
                padding: .375rem .75rem .15625rem
            }

                .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
                    float: none;
                    min-width: 100px
                }

                    .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
                        margin-top: -1px;
                        margin-bottom: .21875rem;
                        font-weight: 600;
                        min-height: 20px;
                        color: var(--bs-component-color)
                    }

                        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-moz-placeholder {
                            color: #6c757d
                        }

                        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::placeholder {
                            color: #6c757d
                        }

            .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice {
                border: none;
                background: rgba(var(--bs-component-border-color-rgb),.65);
                margin-bottom: .21875rem;
                margin-top: 0;
                padding: 4px 8px;
                color: var(--bs-component-color);
                float: none;
                position: relative;
                border-radius: 4px;
                padding-right: 1.3125rem;
                margin-right: .21875rem
            }

                .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice_remove {
                    color: #adb5bd;
                    font-size: .875rem;
                    margin: 0;
                    float: none;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    width: 1.3125rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    right: 0
                }

    .select2.select2-container.select2-container--above.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
        content: "\f0d8"
    }

.select2-container .select2-dropdown {
    border: none;
    background: var(--bs-component-dropdown-bg);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

    .select2-container .select2-dropdown .select2-search--dropdown {
        padding: .5rem
    }

        .select2-container .select2-dropdown .select2-search--dropdown input {
            border-color: var(--bs-component-border-color);
            height: calc(1.5em + .875rem + 2px);
            padding: .4375rem .75rem;
            outline: 0;
            color: var(--bs-component-color);
            background-color: transparent;
            border-radius: 4px;
            transition: all .2s linear
        }

            .select2-container .select2-dropdown .select2-search--dropdown input:focus {
                border-color: #67abe9;
                box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
            }

    .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
        font-weight: 600;
        color: var(--bs-component-color)
    }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group {
            padding: .5rem .5rem .25rem;
            color: var(--bs-component-color);
            font-size: .6875rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__option {
            padding: .5rem 1rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
            background: var(--bs-component-hover-bg);
            color: var(--bs-component-color)
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
            font-weight: 600;
            font-size: .75rem;
            color: rgba(var(--bs-component-color-rgb),.5);
            padding: .5rem .5rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
            background: #348fe2;
            color: #fff
        }

    .select2-container .select2-dropdown.select2-dropdown--above {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

.sp-original-input-container .sp-add-on {
    min-width: 35px
}

    .sp-original-input-container .sp-add-on .sp-colorize {
        position: relative;
        overflow: hidden;
        border-radius: 1px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

        .sp-original-input-container .sp-add-on .sp-colorize:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 5px solid var(--bs-component-border-color)
        }

body .sp-container {
    background-color: var(--bs-component-dropdown-bg)
}

    body .sp-container .sp-palette-container {
        border-color: var(--bs-component-dropdown-border-color)
    }

    body .sp-container .sp-input {
        border-color: var(--bs-component-dropdown-border-color) !important;
        color: var(--bs-component-color) !important
    }

    body .sp-container button.sp-choose {
        background-color: var(--bs-success)
    }

    body .sp-container button.sp-cancel {
        background-color: var(--bs-default)
    }

.tagit.ui-widget {
    border: 1px solid var(--bs-component-border-color);
    background: var(--bs-component-bg);
    padding: .291375rem .75rem 0;
    margin-bottom: 0;
    font-family: inherit;
    min-height: calc(1.5em + .875rem + 2px);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap
}

    .tagit.ui-widget li {
        float: none;
        margin: 0 .291375rem .21875rem 0
    }

        .tagit.ui-widget li.tagit-choice {
            background: var(--bs-component-secondary-bg);
            border: none;
            color: var(--bs-component-color);
            padding: .175rem .75rem;
            font-weight: 600;
            line-height: 1.5;
            display: flex;
            align-items: center;
            border-radius: 4px
        }

            .tagit.ui-widget li.tagit-choice .tagit-label {
                flex: 1;
                padding-right: .75rem
            }

            .tagit.ui-widget li.tagit-choice .tagit-close {
                line-height: 1;
                text-align: center;
                top: 0;
                margin: 0;
                right: 0;
                margin: -5px -8px;
                padding: 5px 8px;
                position: relative;
                color: inherit
            }

                .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close {
                    background: 0 0;
                    height: auto;
                    width: auto;
                    text-indent: 0;
                    margin-top: 0;
                    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
                    font-weight: 900;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto
                }

                    .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:before {
                        content: "\f00d";
                        font-size: inherit;
                        color: inherit;
                        opacity: .5
                    }

                .tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before, .tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before {
                    opacity: .75;
                    color: inherit
                }

        .tagit.ui-widget li.tagit-new {
            padding: 0
        }

            .tagit.ui-widget li.tagit-new input {
                height: 100%;
                font-family: inherit;
                font-weight: 600;
                font-size: .75rem;
                min-height: 1.475rem;
                color: var(--bs-component-color)
            }

    .tagit.ui-widget.white li.tagit-choice {
        background: #fff;
        color: #2d353c;
        box-shadow: inset 0 0 0 1px #dee2e6
    }

    .tagit.ui-widget.inverse li.tagit-choice {
        background: #495057;
        color: #fff
    }

    .tagit.ui-widget.primary li.tagit-choice {
        background: #348fe2;
        color: #fff
    }

    .tagit.ui-widget.info li.tagit-choice {
        background: #49b6d6;
        color: #fff
    }

    .tagit.ui-widget.success li.tagit-choice {
        background: #00acac;
        color: #fff
    }

    .tagit.ui-widget.warning li.tagit-choice {
        background: #f59c1a;
        color: #fff
    }

    .tagit.ui-widget.danger li.tagit-choice {
        background: #ff5b57;
        color: #fff
    }

.mt-1px {
    margin-top: 1px !important
}

.mt-3px {
    margin-top: 3px !important
}

.mt-5px {
    margin-top: 5px !important
}

.mt-10px {
    margin-top: 10px !important
}

.mt-5px {
    margin-top: 5px !important
}

.mt-10px {
    margin-top: 10px !important
}

.mt-15px {
    margin-top: 15px !important
}

.me-5px {
    margin-right: 5px !important
}

.me-10px {
    margin-right: 10px !important
}

.me-5px {
    margin-right: 5px !important
}

.me-10px {
    margin-right: 10px !important
}

.mb-5px {
    margin-bottom: 5px !important
}

.mb-10px {
    margin-bottom: 10px !important
}

.mb-5px {
    margin-bottom: 5px !important
}

.mb-10px {
    margin-bottom: 10px !important
}

.mb-15px {
    margin-bottom: 15px !important
}

.p-20px {
    padding: 20px !important
}

.pt-5px {
    padding-top: 5px !important
}

.pt-5px {
    padding-top: 5px !important
}

.pe-30px {
    padding-right: 30px !important
}

.pb-5px {
    padding-bottom: 5px !important
}

.pb-5px {
    padding-bottom: 5px !important
}

.ps-1px {
    padding-left: 1px !important
}

.ps-2px {
    padding-left: 2px !important
}

.ps-3px {
    padding-left: 3px !important
}

.ps-4px {
    padding-left: 4px !important
}

.ps-5px {
    padding-left: 5px !important
}

.ps-6px {
    padding-left: 6px !important
}

.ps-7px {
    padding-left: 7px !important
}

.ps-8px {
    padding-left: 8px !important
}

.ps-9px {
    padding-left: 9px !important
}

.ps-10px {
    padding-left: 10px !important
}

.ps-5px {
    padding-left: 5px !important
}

.ps-10px {
    padding-left: 10px !important
}

.ps-15px {
    padding-left: 15px !important
}

.ps-20px {
    padding-left: 20px !important
}

.ps-25px {
    padding-left: 25px !important
}

.ps-30px {
    padding-left: 30px !important
}

.ps-35px {
    padding-left: 35px !important
}

.ps-40px {
    padding-left: 40px !important
}

.ps-45px {
    padding-left: 45px !important
}

.ps-50px {
    padding-left: 50px !important
}

.ps-55px {
    padding-left: 55px !important
}

.ps-60px {
    padding-left: 60px !important
}

.ps-65px {
    padding-left: 65px !important
}

.ps-70px {
    padding-left: 70px !important
}

.ps-75px {
    padding-left: 75px !important
}

.ps-80px {
    padding-left: 80px !important
}

.ps-85px {
    padding-left: 85px !important
}

.ps-90px {
    padding-left: 90px !important
}

.ps-95px {
    padding-left: 95px !important
}

.ps-100px {
    padding-left: 100px !important
}

.py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.fs-8px {
    font-size: 8px !important
}

.fs-9px {
    font-size: 9px !important
}

.fs-10px {
    font-size: 10px !important
}

.fs-11px {
    font-size: 11px !important
}

.fs-12px {
    font-size: 12px !important
}

.fs-13px {
    font-size: 13px !important
}

.fs-14px {
    font-size: 14px !important
}

.fs-15px {
    font-size: 15px !important
}

.fs-16px {
    font-size: 16px !important
}

.fs-18px {
    font-size: 18px !important
}

.fs-20px {
    font-size: 20px !important
}

.fs-24px {
    font-size: 24px !important
}

.fs-26px {
    font-size: 26px !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.lh-14 {
    line-height: 1.4 !important
}

.lh-15 {
    line-height: 1.5 !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-move {
    cursor: move !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.flex-1 {
    flex: 1
}

.w-50px {
    width: 50px !important
}

.w-300px {
    width: 300px !important
}

.w-50px {
    width: 50px !important
}

.h-50px {
    height: 50px !important
}

.h-50px {
    height: 50px !important
}

.mh-100vh {
    max-height: 100vh !important
}

.bg-none {
    background: 0 0 !important
}

.bg-theme {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-app-theme-rgb),var(--bs-bg-opacity)) !important
}

.bg-primary-100 {
    --bs-bg-opacity: 1;
    background-color: rgba(214,233,249,var(--bs-bg-opacity)) !important
}

.text-danger-700 {
    --bs-text-opacity: 1;
    color: rgba(153,55,52,var(--bs-text-opacity)) !important
}

.theme-indigo {
    --bs-app-theme: #8753de;
    --bs-app-theme-rgb: 135,83,222;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #653ea7;
    --bs-app-theme-hover-border-color: #653ea7;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #653ea7;
    --bs-app-theme-active-border-color: #653ea7;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #a57ee6;
    --bs-app-theme-disabled-border-color: #a57ee6;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-purple {
    --bs-app-theme: #727cb6;
    --bs-app-theme-rgb: 114,124,182;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #565d89;
    --bs-app-theme-hover-border-color: #565d89;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #565d89;
    --bs-app-theme-active-border-color: #565d89;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #959dc8;
    --bs-app-theme-disabled-border-color: #959dc8;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-pink {
    --bs-app-theme: #fb5597;
    --bs-app-theme-rgb: 251,85,151;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #bc4071;
    --bs-app-theme-hover-border-color: #bc4071;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #bc4071;
    --bs-app-theme-active-border-color: #bc4071;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #fc80b1;
    --bs-app-theme-disabled-border-color: #fc80b1;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-red {
    --bs-app-theme: #ff5b57;
    --bs-app-theme-rgb: 255,91,87;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #bf4441;
    --bs-app-theme-hover-border-color: #bf4441;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #bf4441;
    --bs-app-theme-active-border-color: #bf4441;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #ff8481;
    --bs-app-theme-disabled-border-color: #ff8481;
    --bs-app-theme-disabled-color: #FFFFFF
}

.text-red-700 {
    --bs-text-opacity: 1;
    color: rgba(153,55,52,var(--bs-text-opacity)) !important
}

.theme-orange {
    --bs-app-theme: #f59c1a;
    --bs-app-theme-rgb: 245,156,26;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #b87514;
    --bs-app-theme-hover-border-color: #b87514;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #b87514;
    --bs-app-theme-active-border-color: #b87514;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #f8b553;
    --bs-app-theme-disabled-border-color: #f8b553;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-yellow {
    --bs-app-theme: #ffd900;
    --bs-app-theme-rgb: 255,217,0;
    --bs-app-theme-color: #000000;
    --bs-app-theme-color-rgb: 0,0,0;
    --bs-app-theme-hover: #bfa300;
    --bs-app-theme-hover-border-color: #bfa300;
    --bs-app-theme-hover-color: #000000;
    --bs-app-theme-active: #bfa300;
    --bs-app-theme-active-border-color: #bfa300;
    --bs-app-theme-active-color: #000000;
    --bs-app-theme-disabled: #ffe340;
    --bs-app-theme-disabled-border-color: #ffe340;
    --bs-app-theme-disabled-color: #000000;
    --bs-app-theme-color: #000000;
    --bs-app-theme-color-rgb: 0,0,0
}

.theme-green {
    --bs-app-theme: #32a932;
    --bs-app-theme-rgb: 50,169,50;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #267f26;
    --bs-app-theme-hover-border-color: #267f26;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #267f26;
    --bs-app-theme-active-border-color: #267f26;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #65bf65;
    --bs-app-theme-disabled-border-color: #65bf65;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-teal {
    --bs-app-theme: #00acac;
    --bs-app-theme-rgb: 0,172,172;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #008181;
    --bs-app-theme-hover-border-color: #008181;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #008181;
    --bs-app-theme-active-border-color: #008181;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #40c1c1;
    --bs-app-theme-disabled-border-color: #40c1c1;
    --bs-app-theme-disabled-color: #FFFFFF
}

.bg-teal-100 {
    --bs-bg-opacity: 1;
    background-color: rgba(204,238,238,var(--bs-bg-opacity)) !important
}

.text-teal-700 {
    --bs-text-opacity: 1;
    color: rgba(0,103,103,var(--bs-text-opacity)) !important
}

.theme-lime {
    --bs-app-theme: #90ca4b;
    --bs-app-theme-rgb: 144,202,75;
    --bs-app-theme-color: #000000;
    --bs-app-theme-color-rgb: 0,0,0;
    --bs-app-theme-hover: #6c9838;
    --bs-app-theme-hover-border-color: #6c9838;
    --bs-app-theme-hover-color: #000000;
    --bs-app-theme-active: #6c9838;
    --bs-app-theme-active-border-color: #6c9838;
    --bs-app-theme-active-color: #000000;
    --bs-app-theme-disabled: #acd778;
    --bs-app-theme-disabled-border-color: #acd778;
    --bs-app-theme-disabled-color: #000000
}

.theme-cyan {
    --bs-app-theme: #49b6d6;
    --bs-app-theme-rgb: 73,182,214;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #3789a1;
    --bs-app-theme-hover-border-color: #3789a1;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #3789a1;
    --bs-app-theme-active-border-color: #3789a1;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #77c8e0;
    --bs-app-theme-disabled-border-color: #77c8e0;
    --bs-app-theme-disabled-color: #FFFFFF
}

.theme-gray-600 {
    --bs-app-theme: #6c757d;
    --bs-app-theme-rgb: 108,117,125;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #51585e;
    --bs-app-theme-hover-border-color: #51585e;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #51585e;
    --bs-app-theme-active-border-color: #51585e;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #91989e;
    --bs-app-theme-disabled-border-color: #91989e;
    --bs-app-theme-disabled-color: #FFFFFF
}

.opacity-10 {
    opacity: .1 !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.opacity-20 {
    opacity: .2 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.opacity-80 {
    opacity: .8 !important
}

.hide {
    display: none !important
}

/* Estilos de la barra lateral propia */
.sidebar1-right {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    background-color: #f8f9fa;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}

    /* Estilo para cuando la barra está abierta */
    .sidebar1-right.open {
        width: 400px;
    }

.sidebar1-header {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Esto alinea verticalmente todos los elementos */
    padding: 0.25rem;
    background-color: #0d6efd;
    color: white;
}

    /* Solución: Eliminar el margen por defecto del h6 para que se alinee */
    .sidebar1-header h6 {
        margin: 0;
        margin-left: 0.25rem;
    }

#goToJobButton, #close-sidebar {
    margin-left: 1px;
    color: white;
    font-size: 1rem;
}

.sidebar1-content {
    padding: 0.5rem;
    overflow-y: auto;
}

    .sidebar1-content .row {
        margin-left: 0;
        margin-right: 0;
    }

.right-line1 {
    border-right: 1px solid #c7c7d4; /* Agrega un borde derecho delgado y del mismo color que la línea separadora */
    padding-right: 1rem; /* Opcional: añade padding para que el contenido no se pegue al borde */
}

/* Estilo para el valor del modelo */
.value-display1 {
    font-size: 0.80em; /* Tamaño de letra estándar */
    color: #212529; /* Color de texto oscuro */
    margin-bottom: 0.05rem; /* Espacio entre el valor y la línea */
}

/* Estilo para la línea delgada */
.separator-line1 {
    height: 1px;
    background-color: #c7c7d4; /* Color de línea gris claro */
    width: 100%; /* Ocupa todo el ancho del contenedor */
}

.icon-column1 {
    display: flex;
    align-items: center;
    justify-content: center; 
    /* Alternativa: justify-content: flex-end; si los quieres pegados a la derecha */
}

/* Asegúrate de que los botones no tengan márgenes extra */

/* Contenedor de las estrellas */
.rating-stars {
    display: inline-block;
    font-size: 2em; /* Tamaño por defecto (ej. en el modal) */
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    /* Estilo de la estrella individual (ícono de Font Awesome) */
    .rating-stars .star {
        position: relative;
        display: inline-block;
        color: #ddd; /* Color gris para estrellas inactivas */
        width: 1em; /* Ancho de cada estrella */
        height: 1em; /* Alto de cada estrella */
    }

        /* Pseudo-elemento para el ícono de la estrella */
        .rating-stars .star::before {
            content: "\f005"; /* Ícono de estrella completa */
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
        }

        /* Color dorado para las estrellas activas (cuando se han calificado) */
        .rating-stars .star.active::before {
            color: #ffc107; /* Color dorado */
        }

/* **Estilos específicos para la tabla** */
/* Esta clase anula el tamaño por defecto solo en la tabla */

/* **Estilos para las medias estrellas (Opcional, solo si quieres volver a intentarlo)** */
/* Puedes dejar este código para futuras referencias si decides reintentarlo */

.loading-dots {
    text-align: center;
    padding: 8px 0;
    color: blue;
}

    .loading-dots span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 2px;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        animation: dot-flicker 1.4s infinite ease-in-out both;
    }

        .loading-dots span:nth-child(1) {
            animation-delay: -0.32s;
        }

        .loading-dots span:nth-child(2) {
            animation-delay: -0.16s;
        }

@keyframes dot-flicker {
    0%, 80%, 100% {
        opacity: 0;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1.0);
    }
}

@media (max-width: 576px) {
    .quick-actions-menu {
        /* En móvil, lo expandimos para que ocupe casi todo el ancho de la pantalla */
        min-width: 85%; /* Ocupa el 95% del ancho de la pantalla */
        max-width: 85%;
        /* Centrarlo horizontalmente en la pantalla */
        left: 2.5%; /* Margen del 2.5% a la izquierda */
        right: 2.5%; /* Margen del 2.5% a la derecha */
        /* Ajuste de altura máxima para que no tape toda la pantalla */
        max-height: 70vh; /* Máximo el 70% de la altura de la vista (viewport height) */
        /* Aseguramos que el posicionamiento sea fijo en relación a la ventana si es necesario */
        /* position: fixed; */ /* Opcional: Probar con absolute primero */
        /* Redondeo de bordes en la parte inferior si tapa toda la pantalla */
        border-radius: 0.25rem;
    }
}

/* Fondo del panel */

/* Enlace principal - Quitamos el subrayado y forzamos el bloque */

/* La Tarjeta - Fondo Beige Claro */

/* Títulos con letra más grande y oscura */

/* El Botón - Estilo Grande */

/* Iconos */

/* Al entrar a la tarjeta: se eleva y se vuelve blanca */

/* EL BOTÓN se resalta automáticamente al rozar la tarjeta */

/* El icono también crece un poco */

/* Títulos y Tipografía Robusta */

/* Botón Principal Estilo Kesher */

/* Tabs (Filtros de arriba) */

/* Inputs y Etiquetas de formulario */
.label-new {
    font-weight: 800 !important;
    color: #002f6c !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-bottom: 5px;
    display: block;
}

.form-control-new {
    border-radius: 10px !important;
    border: 2px solid #e2e2e2 !important;
    background-color: #fdfbf7 !important; /* Beige claro */
    padding: 10px !important;
    font-weight: 600;
}

    .form-control-new:focus {
        border-color: #0058b0 !important;
        background-color: #ffffff !important;
        box-shadow: 0 0 10px rgba(0, 88, 176, 0.1) !important;
    }

/* TABLA ESTILO TARJETA */

        /* Bordes redondeados en las esquinas de las filas */

/* Estatus Badges */

/* Spinner Moderno */
#loading-spinner {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Nueva clase de color para evitar conflictos */
.text-blue-new {
    color: #0058b0 !important;
}

/* Ajuste al spinner para usar el nuevo color */
.spinner-kesher-new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #0058b0; /* Color por defecto si no se usa la clase */
}

/* Modales Estilo Moderno */
.modal-content-new {
    border-radius: 15px !important;
    border: none !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
}

.modal-header-new {
    background-color: #0058b0 !important;
    color: white !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 20px !important;
}

/* Sidebar de información rápida */
.sidebar1-right {
    background: #ffffff !important;
    border-left: 6px solid #0058b0 !important;
    box-shadow: -10px 0 30px rgba(0,0,0,0.1) !important;
}

.sidebar1-header {
    background: #0058b0 !important;
    color: white !important;
    font-weight: 800;
    text-transform: uppercase;
}

/* Chat en modal */
.widget-chat-info-container-new {
    background-color: #fdfbf7 !important; /* Beige */
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 10px;
    border-left: 4px solid #0058b0;
}

/* --- SIDEBAR MODERNIZADO (-new) --- */

/* Contenedor del perfil/botón para que no lo tape el menú */

/* Restauramos el tamaño de fuente a 14px */
.app-sidebar-new .menu-text {
    font-size: 14px !important;
    font-weight: 500;
}

/* Espaciado entre items del menú */
.app-sidebar-new .menu-item {
    margin-bottom: 2px !important;
}

/* Estilo para los títulos de sección (Main Menu, etc) */

/* Indicador de activo más visible */
.app-sidebar-new .menu-item.active > .menu-link {
    background: rgba(0, 88, 176, 0.08) !important;
    color: #0058b0 !important;
    border-left: 4px solid #0058b0 !important;
}
/* <<<<< FIN BASE <<<<< */

/* ========== LAYOUT ========== */

/* ----- Shared/_Layout ----- */
.pace .pace-activity {
			display: none !important;
		}

		/* Opcional: Si quieres que la línea sea un poco más gruesa o de un azul más intenso */
		.pace .pace-progress {
			height: 3px !important;
		}

		.chat-drawer {
			position: fixed;
			bottom: 0;
			right: 30px;
			width: 380px;
			z-index: 3000;
			background: white;
			border-radius: 12px 12px 0 0;
			border: 1px solid #ddd;
			overflow: hidden;
		}

		.chat-drawer-header {
			cursor: pointer;
		}
		
		.chat-drawer-body {
			flex-grow: 1;
			overflow: hidden;
		}
		/* Animación de entrada */
		.chat-drawer.active {
			display: flex !important;
			animation: slideInUp 0.3s ease-out;
		}

/* ========== VISTAS (antes en @section Styles) ========== */

/* ----- Admin/CallDashboardIndex  (solo en: Admin/CallDashboardIndex) ----- */
/* Fix para el scroll de la tabla Live */
            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .tabla-container-fixed {
                height: 350px;
                overflow-y: auto;
                background: white;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .table-kesher-new thead th {
                position: sticky;
                top: 0;
                background: #f8f9fa !important;
                z-index: 5;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .bg-blue-darker {
                background-color: #1a2229;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .bg-blue-darkest {
                background-color: #12181e;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .status-dot {
                height: 10px;
                width: 10px;
                border-radius: 50%;
                display: inline-block;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .bg-light-success {
                background-color: rgba(40, 167, 69, 0.1);
                color: #28a745;
            }

            :where(html[data-kt-vista="Admin/CallDashboardIndex"]) .bg-light-warning {
                background-color: rgba(255, 193, 7, 0.1);
                color: #ffc107;
            }

/* ----- Admin/LlamadasIndex  (solo en: Admin/LlamadasIndex) ----- */
:where(html[data-kt-vista="Admin/LlamadasIndex"]) .fs-9px { font-size: 9px !important; }
			:where(html[data-kt-vista="Admin/LlamadasIndex"]) .fs-10px { font-size: 10px !important; }
			:where(html[data-kt-vista="Admin/LlamadasIndex"]) .sidebar1-right { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: white; z-index: 1050; transition: 0.3s; box-shadow: -2px 0 10px rgba(0,0,0,0.1); }
			:where(html[data-kt-vista="Admin/LlamadasIndex"]) .sidebar1-right.open { right: 0; }
			:where(html[data-kt-vista="Admin/LlamadasIndex"]) .sidebar1-header { background: #0058b0; color: white; }

/* ----- Admin/NumerosControl  (solo en: Admin/NumerosControl) ----- */
/* Utilerías que usan los renglones de búsqueda armados por JS */
            :where(html[data-kt-vista="Admin/NumerosControl"]) .fw-800 { font-weight: 800 !important; }
            :where(html[data-kt-vista="Admin/NumerosControl"]) .fw-700 { font-weight: 700 !important; }
            :where(html[data-kt-vista="Admin/NumerosControl"]) .fw-600 { font-weight: 600 !important; }
            :where(html[data-kt-vista="Admin/NumerosControl"]) .text-blue-new { color: #0058b0 !important; }
            :where(html[data-kt-vista="Admin/NumerosControl"]) .bg-blue-new { background-color: #0058b0 !important; }
            :where(html[data-kt-vista="Admin/NumerosControl"]) .text-purple { color: #6f42c1 !important; }

/* ----- Admin/QueueIndex  (solo en: Admin/QueueIndex) ----- */
/* Utilerías que usan las tablas de números y miembros armadas por JS */
        :where(html[data-kt-vista="Admin/QueueIndex"]) .fw-800 { font-weight: 800 !important; }
        :where(html[data-kt-vista="Admin/QueueIndex"]) .fw-700 { font-weight: 700 !important; }
        :where(html[data-kt-vista="Admin/QueueIndex"]) .text-blue-new { color: #0058b0 !important; }

/* ----- Calendario/CalendarioIndex  (solo en: Calendario/CalendarioIndex) ----- */
/* Schedule & Reminders: tarjetas blancas redondeadas sobre la página clara (tema kt-*) */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-page { padding-bottom: 24px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin-bottom: 18px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-head .breadcrumb { font-size: 12px; margin-bottom: 4px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-title { color: var(--kt-navy); font-weight: 800; font-size: 1.6rem; margin: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-btn-refrescar { margin-left: auto; padding: 9px 18px; font-weight: 700; color: var(--kt-navy); box-shadow: var(--kt-shadow); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-btn-refrescar i { color: var(--kt-blue); }

        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 16px; box-shadow: var(--kt-shadow); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-lbl { display: block; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kt-muted); margin-bottom: 6px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-ayuda { color: var(--kt-muted); font-size: 12px; }

        /* Pestañas Schedule / My Reminders */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tabs { gap: 6px; border-bottom: 0; flex-wrap: wrap; margin-bottom: 14px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tabs .nav-link { display: flex; align-items: center; gap: 8px; padding: 8px 16px 8px 8px; border-radius: 12px; color: var(--kt-muted); font-weight: 700;
            font-size: 14px; background: transparent; border: 1px solid transparent; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tabs .nav-link:hover { color: var(--kt-text); background: rgba(255, 255, 255, .7); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tabs .nav-link.active { background: #fff; color: var(--kt-navy); border-color: var(--kt-border); box-shadow: var(--kt-shadow); }

        /* Filtros */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-filtros { padding: 16px 18px; margin-bottom: 16px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-filtros .form-select { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; font-size: 13px; color: var(--kt-text); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-filtros .form-select:focus { border-color: var(--kt-blue-light); box-shadow: 0 0 0 3px rgba(21, 101, 216, .12); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-btn-reset { min-height: 40px; font-weight: 700; white-space: nowrap; }

        /* Panel Schedule Overview */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-panel { padding: 16px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-panel-tit { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kt-navy); margin-bottom: 12px; }
        /* Cada tarjeta lleva un tinte muy claro del color de su ícono (~7% sobre blanco) y un borde del mismo tono.
           Variables por color: --kc-tinte (fondo), --kc-borde, --kc-icono (recuadro del ícono, un poco más fuerte que el
           fondo para que no se pierda), --kc-tinte-activo (fondo de la tarjeta seleccionada), --kc-acento y --kc-anillo. */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta { --kc-tinte: #fff; --kc-borde: var(--kt-border); --kc-icono: var(--kt-blue-tint); --kc-tinte-activo: var(--kt-blue-tint);
            --kc-acento: var(--kt-blue); --kc-anillo: rgba(21, 101, 216, .12);
            display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: var(--kc-tinte); border: 1px solid var(--kc-borde);
            border-radius: 14px; padding: 12px 14px; margin-bottom: 10px; transition: box-shadow .15s, transform .15s, border-color .15s, background-color .15s; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.kc-azul { --kc-tinte: var(--kt-blue-tint); --kc-borde: #d5e5fb; --kc-icono: #dae6f9; --kc-tinte-activo: #e3ecfa;
            --kc-acento: var(--kt-blue); --kc-anillo: rgba(21, 101, 216, .12); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.kc-verde { --kc-tinte: #eff8f3; --kc-borde: #d5ece1; --kc-icono: #d9eee5; --kc-tinte-activo: #e3f2eb;
            --kc-acento: #14955a; --kc-anillo: rgba(20, 149, 90, .14); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.kc-roja { --kc-tinte: #fcf1f2; --kc-borde: #f8dcdc; --kc-icono: #f9e0e0; --kc-tinte-activo: #fae7e8;
            --kc-acento: #d93a3f; --kc-anillo: rgba(217, 58, 63, .12); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.kc-ambar { --kc-tinte: #fef9f0; --kc-borde: #fbe6c2; --kc-icono: #fdefd7; --kc-tinte-activo: #fef4e5;
            --kc-acento: #f5a623; --kc-anillo: rgba(245, 166, 35, .15); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta:last-child { margin-bottom: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta:hover { box-shadow: var(--kt-shadow-hover); transform: translateY(-1px); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--kc-anillo); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.active { background: var(--kc-tinte-activo); border-color: var(--kc-acento); box-shadow: 0 0 0 3px var(--kc-anillo); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.active:hover { box-shadow: 0 0 0 3px var(--kc-anillo), var(--kt-shadow-hover); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-icono { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta .kc-tarjeta-icono { background: var(--kc-icono); } /* el tono del tema (kt-*) se confundiría con el fondo de la tarjeta */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-txt { flex: 1 1 auto; min-width: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-tit { display: block; font-size: 13px; font-weight: 700; color: var(--kt-text); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-num { display: block; font-size: 24px; font-weight: 800; line-height: 1.15; color: var(--kt-navy); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-roja .kc-tarjeta-num { color: #d93a3f; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-ambar .kc-tarjeta-num { color: #e08e0b; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-sub { display: block; font-size: 11.5px; color: #98a3b3; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta-flecha { color: #b3bccb; font-size: 12px; flex-shrink: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-tarjeta.active .kc-tarjeta-flecha { color: var(--kc-acento); }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cargando .kc-tarjeta-num { opacity: .45; }

        /* Plantillas de recordatorio (panel Templates): se arrastran al calendario; doble clic o el lápiz las edita */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla { position: relative; user-select: none; -webkit-user-select: none; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla-editar { border: 0; background: rgba(255, 255, 255, .25); color: inherit; width: 24px; height: 24px; border-radius: 6px; padding: 0;
            display: inline-flex; align-items: center; justify-content: center; font-size: 11px; opacity: 0; transition: opacity .15s, background-color .15s; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla:hover .kc-plantilla-editar, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla-editar:focus-visible { opacity: 1; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla-editar:hover { background: rgba(255, 255, 255, .45); }
        @media (hover: none) { :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-plantilla-editar { opacity: .85; } } /* pantallas táctiles: sin hover, el lápiz siempre se ve */

        /* Recordatorios hechos: tachados y tenues */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-evento-hecho { opacity: .55; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-evento-hecho, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-evento-hecho span, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-evento-hecho b { text-decoration: line-through; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) #calendarRecordatorios .fc-event { cursor: pointer; }

        /* Calendario */
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal { padding: 16px 18px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-leyenda { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 4px 6px 4px 12px; border-radius: 20px;
            background: var(--kt-blue-tint); color: var(--kt-navy); border: 1px solid #d6e6ff; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-chip i.fa-filter { color: var(--kt-blue); font-size: 11px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-chip-cerrar { border: 0; background: transparent; color: var(--kt-muted); width: 22px; height: 22px; border-radius: 50%; display: inline-flex;
            align-items: center; justify-content: center; padding: 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-chip-cerrar:hover { background: #fff; color: #d93a3f; }

        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 14px; gap: 8px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-toolbar-title { color: var(--kt-navy); font-weight: 800; font-size: 1.3rem; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button { background: #fff !important; border: 1px solid var(--kt-border) !important; color: var(--kt-text) !important; font-size: 13px;
            font-weight: 700; padding: 6px 14px; box-shadow: none !important; text-transform: none; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button:hover { background: var(--kt-blue-tint) !important; color: var(--kt-blue) !important; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button-primary:not(:disabled).fc-button-active,
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button-primary:not(:disabled):active { background: var(--kt-blue) !important; border-color: var(--kt-blue) !important; color: #fff !important; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button:disabled { opacity: .55; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-prev-button, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-next-button { padding: 6px 10px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button-group > .fc-button:first-child { border-radius: 10px 0 0 10px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-button-group > .fc-button:last-child { border-radius: 0 10px 10px 0; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-today-button { border-radius: 10px; margin-left: 8px !important; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc-theme-standard td, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc-theme-standard th, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc-theme-standard .fc-scrollgrid { border-color: #eef2f7; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-col-header-cell-cushion { color: var(--kt-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
            text-decoration: none; padding: 8px 4px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-daygrid-day-number { color: var(--kt-text); font-size: 12px; font-weight: 600; text-decoration: none; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-day-today { background: var(--kt-blue-tint) !important; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-daygrid-more-link { color: var(--kt-blue); font-weight: 700; font-size: 11px; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-list-day-cushion { background: #f8fafd; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-list-day-text, :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-list-day-side-text { color: var(--kt-navy); font-weight: 700; text-decoration: none; }
        :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-list-event { cursor: pointer; }

        @media (max-width: 767.98px) {
            :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-btn-refrescar { margin-left: 0; }
            :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal { padding: 12px; }
            :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-toolbar.fc-header-toolbar { flex-direction: column; align-items: stretch; }
            :where(html[data-kt-vista="Calendario/CalendarioIndex"]) .kc-cal .fc .fc-toolbar-chunk { display: flex; justify-content: center; }
        }

/* ----- Catalogos/CompañiasIndex  (solo en: Catalogos/CompañiasIndex) ----- */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .nav-tabs-kesher {
				background: #f8f9fa;
				border-bottom: 2px solid #3f51b5;
				padding: 10px 10px 0;
			}

				:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .nav-tabs-kesher .nav-link {
					border: none;
					color: #666;
					font-weight: 700;
					text-transform: uppercase;
					font-size: 11px;
					padding: 12px 20px;
				}

					:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .nav-tabs-kesher .nav-link.active {
						background: #3f51b5;
						color: #fff !important;
						border-radius: 5px 5px 0 0;
					}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .border-dashed {
				border-style: dashed !important;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .jobs-table-container {
				max-height: 700px !important;
				overflow-y: auto;
				border: 1px solid #eee;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .mt-5-custom {
				margin-top: 3rem !important;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #drawflow {
				background-color: #f8f9fa;
				background-image: radial-gradient(#d1d1d1 1px, transparent 1px);
				background-size: 20px 20px;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .node-toolbox {
				background: #fff;
				padding: 15px;
				border: 1px solid #ddd;
				border-radius: 8px;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .toolbox-item {
				cursor: grab;
				padding: 8px 12px;
				margin-bottom: 6px;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 6px;
				font-size: 11px;
				font-weight: 700;
				transition: all 0.2s;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .toolbox-item:hover {
				background: #3f51b5;
				color: white;
				transform: translateX(5px);
			}


			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node {
				width: 220px !important;
				background: #fff;
				border: 2px solid #3f51b5;
				border-radius: 8px;
				box-shadow: 0 4px 6px rgba(0,0,0,0.1);
			}

				:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node.selected {
					border-color: #ff5722;
				}

			/* Nodo con Textarea que se expande */
			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .df-textarea {
				width: 100%;
				border: 1px solid #eee;
				border-radius: 4px;
				font-size: 11px;
				height: 34px;
				transition: all 0.3s ease;
				resize: none;
				padding: 5px;
			}

				:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .df-textarea:focus {
					height: 120px;
					outline: none;
					border-color: #3f51b5;
					background: #fff;
					box-shadow: 0 0 10px rgba(63, 81, 181, 0.1);
					z-index: 100;
				}

			/* Colores por tipo de Nodo */
			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node.greeting {
				border-color: #4caf50;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node.branch {
				border-color: #ff9800;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node.gps {
				border-color: #2196f3;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .drawflow-node.closing {
				border-color: #f44336;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow .title-box {
				padding: 8px;
				font-size: 11px;
				font-weight: 800;
				border-radius: 6px 6px 0 0;
				text-transform: uppercase;
				display: flex;
				align-items: center;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .canvas-controls {
				position: absolute;
				bottom: 20px;
				right: 20px;
				display: flex;
				flex-direction: column;
				gap: 5px;
				z-index: 5;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .btn-xs {
				padding: 0.25rem 0.5rem;
				font-size: 0.7rem;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .x-small {
				font-size: 9px;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .drawflow-node input.form-control-sm {
				font-size: 10px;
				height: 24px;
			}

			:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .pac-container {
				z-index: 3000 !important;
			}

/* ----- Catalogos/ReviewsIndex  (solo en: Catalogos/ReviewsIndex) ----- */
/* Estrellas y barras de calificación (propias de esta pantalla) */
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-stars { color: #f5a623; white-space: nowrap; }
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-stars .far { color: #d1d5db; }
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-bar { height: 8px; background: #eef0f3; border-radius: 4px; overflow: hidden; min-width: 90px; }
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-bar > div { height: 100%; background: #f5a623; }
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-dist td { padding: 1px 4px; font-size: 11px; }
		:where(html[data-kt-vista="Catalogos/ReviewsIndex"]) .rv-comment { max-width: 380px; white-space: normal; }

/* ----- Catalogos/RazonesIndex  (solo en: Catalogos/RazonesIndex) ----- */
/* Job Substatuses: tipos a la izquierda y la lista del tipo elegido a la derecha */
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 16px; box-shadow: var(--kt-shadow); overflow: hidden; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav { display: flex; flex-direction: column; gap: 6px; padding: 16px; height: 100%; background: #fbfcfe; border-right: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 12px; border-left: 4px solid transparent; text-decoration: none !important; color: var(--kt-text); transition: background .15s; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-item:hover { background: var(--kt-orange-tint); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-item.active { background: var(--kt-orange-tint); border-left-color: var(--kt-orange); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-tit { display: block; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-desc { display: block; font-size: 12.5px; color: var(--kt-muted); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-ico { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color: var(--kt-orange-dark); background: var(--kt-orange-tint); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-item.active .kt-sub-ico { background: #fff; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-ico-grande { width: 60px; height: 60px; font-size: 24px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-panel { padding: 22px 24px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-panel-head { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-panel-tit { font-size: 20px; font-weight: 800; color: var(--kt-navy); margin: 0; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-panel-desc { font-size: 13px; color: var(--kt-muted); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-btn { padding: 9px 18px; border-radius: 10px; font-weight: 700; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-tabla-wrap { border: 1px solid var(--kt-border); border-radius: 12px; overflow: hidden; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-tabla thead th { background: #f4f7fb; color: var(--kt-blue-dark); font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 14px 18px; border-bottom: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-tabla td { padding: 14px 18px; border-bottom: 1px solid #eef1f5; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-tabla tbody tr:last-child td { border-bottom: 0; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-razon { font-weight: 700; color: var(--kt-navy); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-col-estatus { width: 180px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-col-acciones { width: 110px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-switch { display: flex; align-items: center; gap: 10px; padding-left: 0; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-switch .form-check-input { width: 2.6em; height: 1.4em; margin: 0; cursor: pointer; float: none; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-switch .form-check-input:checked { background-color: var(--kt-blue); border-color: var(--kt-blue); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-switch .form-check-label { color: var(--kt-muted); font-size: 13px; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-accion { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: #6b7686; font-size: 15px; text-decoration: none; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-accion:hover { background: var(--kt-blue-tint); color: var(--kt-blue); }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-borrar { color: #e5484d; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-borrar:hover { background: #fdecec; color: #c62f34; }
:where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-vacio { text-align: center; color: var(--kt-muted); padding: 32px 18px !important; }
@media (max-width: 991.98px) {
    :where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav { flex-direction: row; flex-wrap: wrap; border-right: 0; border-bottom: 1px solid var(--kt-border); }
    :where(html[data-kt-vista="Catalogos/RazonesIndex"]) .kt-sub-nav-item { flex: 1 1 240px; }
}

/* ----- Catalogos/TecnicosIndex  (solo en: Catalogos/TecnicosIndex) ----- */
:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) .pac-container {
				z-index: 3000 !important;
			}

			/* Calificación con estrellas en la lista */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) .kt-rating { white-space: nowrap; font-size: 12px; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) .kt-rating .kt-star-on { color: #f5a623; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) .kt-rating .kt-star-off { color: #dde3ec; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) .kt-rating-num { margin-left: 6px; font-weight: 700; color: var(--kt-text); }

			/* Modal de técnico: etiquetas de WhatsApp y de los días con el mismo ancho */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-tec-lbl { min-width: 90px; }

			/* Área de servicio arriba de las pestañas (mapa de dibujo y estados completos); llena el alto de la columna de contacto */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-area-panel { border: 1px solid var(--kt-border); border-radius: 12px; padding: 12px; background: var(--kt-page); min-height: 360px; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-area-mapa { width: 100%; min-height: 240px; border: 1px solid var(--kt-border); border-radius: 12px; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-area-estados { height: 0; min-height: 200px; background: #fff; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-area-usa { position: relative; min-height: 280px; overflow: hidden; }
			/* Zip Codes List: la tabla llena el alto de las otras pestañas del área */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-area-zips { height: 0; min-height: 220px; border: 1px solid var(--kt-border); border-radius: 12px; background: #fff; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-tec-zip-borrar { border: 0; background: transparent; color: #e5484d; padding: 2px 6px; border-radius: 6px; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-tec-zip-borrar:hover { background: #fdecec; }

			/* Messages: 3 renglones iguales; SMS, E-Mail y Call Mask a la izquierda y WhatsApp ocupa los tres a la derecha */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 12px; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-grid > .kt-form-card { margin-bottom: 0; display: flex; flex-direction: column; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-grid > .kt-form-card > .kt-field:last-child { margin-top: auto; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-wa { justify-content: space-between; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-wa > .row { margin-bottom: 0 !important; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-sms { grid-area: 1 / 1; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-email { grid-area: 2 / 1; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-mask { grid-area: 3 / 1; }
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-wa { grid-area: 1 / 2 / 4 / 3; }
			/* Comments: un solo campo; alto parecido al de Messages para que la pestaña no se vea vacía */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-tec-comentarios textarea.kt-tec-notas { min-height: 300px; line-height: 1.5; resize: vertical; }
			/* Seis pestañas con nombres largos: más angostas para que quepan en una línea */
			:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-tabs .nav-link { padding: 9px 10px; gap: 6px; }
			@media (max-width: 991.98px) {
				:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
				:where(html[data-kt-vista="Catalogos/TecnicosIndex"]) #movs-tecnico .kt-msg-grid > .kt-form-card { grid-area: auto; }
			}

/* ----- Cobranza/CobranzaDashboard  (solo en: Cobranza/CobranzaDashboard) ----- */
/* Variación contra el periodo anterior (también la pinta el pie de la tabla por JS) */
        :where(html[data-kt-vista="Cobranza/CobranzaDashboard"]) .growth-positive {
            color: #10b981;
            font-weight: 800;
            font-size: 11px;
        }

        :where(html[data-kt-vista="Cobranza/CobranzaDashboard"]) .growth-negative {
            color: #ef4444;
            font-weight: 800;
            font-size: 11px;
        }

/* ----- Cobranza/CobranzaIndex  (solo en: Cobranza/CobranzaIndex) ----- */
/* Pestañas de filtro: contador dentro de la pestaña */
        :where(html[data-kt-vista="Cobranza/CobranzaIndex"]) #billingTabs .badge { font-size: 10px; }

/* ----- css/agente-ia.css  (solo en: Catalogos/CompañiasIndex) ----- */
/* Constructor de agentes de IA (Retell): lienzo de la pestaña AI Agents de Compañías */

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-sidebar { width: 260px; min-width: 260px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-preview-panel { width: 400px; min-width: 400px; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-group-title {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #1d4e89;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 4px;
    margin: 14px 0 8px 0;
}

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-tool {
    cursor: grab;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--ia-color, #3f51b5);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    transition: transform .15s, box-shadow .15s;
    user-select: none;
}

    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-tool:hover { transform: translateX(3px); box-shadow: 0 2px 6px rgba(0,0,0,.08); }
    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-tool i { color: var(--ia-color, #3f51b5); width: 14px; text-align: center; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-var {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    margin: 0 4px 4px 0;
}

/* Lienzo */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente #drawflow {
    position: relative;
    background-color: #f8f9fa;
    background-image: radial-gradient(#d1d1d1 1px, transparent 1px);
    background-size: 20px 20px;
}

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.ia-node {
    width: 270px !important;
    padding: 0;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.ia-node.selected { border-color: #ff5722; box-shadow: 0 0 0 2px rgba(255,87,34,.25); }
    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.ia-setup { border-style: dashed; }
    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.ia-node .drawflow_content_node { width: 100%; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-node-head {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 7px 10px;
    border-radius: 7px 7px 0 0;
}

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-node-body { padding: 8px 10px 10px 10px; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-label {
    display: block;
    font-size: 9px;
    font-weight: 800;
    color: #6b7280;
    text-transform: uppercase;
    margin: 6px 0 2px 0;
}

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-node-body .form-control-sm,
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-node-body .form-select-sm { font-size: 11px; height: 26px; padding: 2px 6px; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-textarea {
    width: 100%;
    font-size: 11px;
    min-height: 44px;
    height: 44px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 4px 6px;
    resize: vertical;
    transition: height .2s;
}

    :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-textarea:focus { height: 130px; outline: none; border-color: #3f51b5; }

/* Conexiones y puntos de salida */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .connection .main-path { stroke: #3f51b5; stroke-width: 3px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node .output,
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node .input { width: 16px; height: 16px; border: 2px solid #3f51b5; background: #fff; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.decision .outputs .output:nth-child(1) { background: #ffe0b2; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.decision .outputs .output:nth-child(2) { background: #ffcc80; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .drawflow .drawflow-node.decision .outputs .output:nth-child(3) { background: #ffa726; }

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-canvas-controls {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 5;
}

/* Vista previa del prompt */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente #ia-preview {
    white-space: pre-wrap;
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    line-height: 1.45;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 6px;
    padding: 12px;
    margin: 0;
    min-height: 200px;
}

:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) #modal-editor-agente .ia-aviso {
    font-size: 11px;
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 4px;
}

/* ----- Home/Index  (solo en: Home/Index) ----- */
/* Estilos Base del Home Kesher Modern */
        :root:where([data-kt-vista="Home/Index"]) {
            --kesher-blue: #2d8cf0;
            --kesher-green: #4cd964;
            --kesher-teal: #4db7ad;
            --kesher-purple: #8e84f5;
            --kesher-orange: #f5a623;
            --kesher-dark-blue: #3f6ad8;
        }

        :where(html[data-kt-vista="Home/Index"]) .home-wrapper {
            padding: 20px;
            background: #f4f7fa;
        }

        :where(html[data-kt-vista="Home/Index"]) .greeting-header h2 {
            font-weight: 800;
            color: #333;
            margin-bottom: 5px;
        }

        /* Widgets Superiores (Stats) */
        :where(html[data-kt-vista="Home/Index"]) .stat-widget {
            background: white;
            border-radius: 15px;
            padding: 15px 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        :where(html[data-kt-vista="Home/Index"]) .stat-icon {
            width: 45px;
            height: 45px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            background: #f0f4ff;
            color: var(--kesher-blue);
        }

        /* Main Menu Cards */
        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card {
            border-radius: 25px;
            padding: 35px 25px;
            position: relative;
            overflow: hidden;
            color: white;
            min-height: 280px;
            display: flex;
            flex-direction: column;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none !important;
            margin-bottom: 20px;
        }

        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }

        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card .icon-box {
            background: rgba(255,255,255,0.2);
            width: 55px;
            height: 55px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin-bottom: 20px;
        }

        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card h3 {
            font-weight: 800;
            font-size: 1.6rem;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
            text-transform: uppercase;
        }

        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card p {
            font-size: 0.95rem;
            opacity: 0.9;
            line-height: 1.4;
            font-weight: 600;
            margin-bottom: 25px;
        }

        :where(html[data-kt-vista="Home/Index"]) .btn-white-action {
            background: white;
            color: #333;
            border-radius: 12px;
            padding: 10px 20px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            margin-top: auto;
            font-size: 0.9rem;
            transition: 0.3s;
        }

        /* DEGRADADOS ACTUALIZADOS */
        :where(html[data-kt-vista="Home/Index"]) .bg-new-job { background: linear-gradient(135deg, #62a3ff 0%, #2d8cf0 100%); }
        :where(html[data-kt-vista="Home/Index"]) .bg-jobs-list { background: linear-gradient(135deg, #66d98c 0%, #34b566 100%); }
        :where(html[data-kt-vista="Home/Index"]) .bg-calls { background: linear-gradient(135deg, #5ec9c0 0%, #3ea8a0 100%); }
        :where(html[data-kt-vista="Home/Index"]) .bg-messages { background: linear-gradient(135deg, #a39cf7 0%, #7d72f0 100%); }
        :where(html[data-kt-vista="Home/Index"]) .bg-reports { background: linear-gradient(135deg, #ffbc58 0%, #f5a623 100%); }
        :where(html[data-kt-vista="Home/Index"]) .bg-dashboard { background: linear-gradient(135deg, #5a87e5 0%, #3f6ad8 100%); }
        
        /* NUEVOS COLORES SETTINGS Y ACCOUNT */
        :where(html[data-kt-vista="Home/Index"]) .bg-settings { background: linear-gradient(135deg, #7b88e1 0%, #3f51b5 100%); } /* Indigo Profundo */
        :where(html[data-kt-vista="Home/Index"]) .bg-account { background: linear-gradient(135deg, #e17be1 0%, #9c27b0 100%); }  /* Magenta/Púrpura */

        :where(html[data-kt-vista="Home/Index"]) .kesher-menu-card::after {
            content: "";
            position: absolute;
            bottom: -15px;
            right: -15px;
            width: 100px;
            height: 100px;
            background-image: radial-gradient(rgba(255,255,255,0.3) 2px, transparent 2px);
            background-size: 15px 15px;
            opacity: 0.4;
        }

        :where(html[data-kt-vista="Home/Index"]) .bottom-nav-kesher {
            background: white;
            border-radius: 15px;
            padding: 15px 25px;
            margin-top: 20px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        }

/* ----- LoginRegister/LoginV1  (solo en: LoginRegister/LoginV1) ----- */
/* Login de keshercrm: fondo azul y tarjeta de acceso centrada con el logo arriba */
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .app-content { padding: 0 !important; margin: 0 !important; }

        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-wrap {
            position: relative;
            overflow: hidden;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 16px;
            background: linear-gradient(150deg, var(--kt-blue-dark, #0b46a3) 0%, var(--kt-navy, #0a2f6b) 60%, #061d45 100%);
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-wrap::before, :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-wrap::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-wrap::before { width: 520px; height: 520px; right: -160px; top: -180px; background: rgba(59, 140, 255, 0.16); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-wrap::after { width: 380px; height: 380px; left: -140px; bottom: -150px; background: rgba(247, 147, 30, 0.12); }

        /* Logo y pie sobre el fondo azul */
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-main { position: relative; z-index: 1; width: 100%; max-width: 420px; display: flex; flex-direction: column; align-items: center; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-logo { width: 150px; height: auto; margin-bottom: 24px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-pie { margin-top: 24px; font-size: 12px; color: rgba(255, 255, 255, 0.6); }

        /* Tarjeta de acceso */
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-card {
            width: 100%; max-width: 420px;
            background: #fff;
            border: 1px solid var(--kt-border, #e3eaf3);
            border-radius: 18px;
            box-shadow: 0 18px 50px rgba(16, 42, 90, 0.10);
            padding: 40px 36px 32px;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-card h2 { font-size: 24px; font-weight: 800; color: var(--kt-text, #1d2b45); margin-bottom: 4px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-card-sub { font-size: 13px; color: var(--kt-muted, #6b7a90); margin-bottom: 28px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--kt-muted, #6b7a90); margin-bottom: 6px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-input { position: relative; margin-bottom: 18px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-input > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #9aa8bb; font-size: 14px; pointer-events: none; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-input .form-control {
            height: 48px; padding-left: 40px; padding-right: 44px;
            border-radius: 10px; border: 1px solid var(--kt-border, #e3eaf3);
            background: #f8fafd; font-size: 14px;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-input .form-control:focus { background: #fff; border-color: var(--kt-blue, #1565d8); box-shadow: 0 0 0 3px rgba(21, 101, 216, 0.12); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-ojo {
            position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
            border: 0; background: transparent; color: #9aa8bb; width: 36px; height: 36px; border-radius: 8px;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-ojo:hover { color: var(--kt-blue, #1565d8); background: var(--kt-blue-tint, #eef5ff); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-opciones { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; font-size: 13px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-opciones .form-check-label { color: var(--kt-muted, #6b7a90); font-weight: 600; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-opciones a { font-weight: 600; color: var(--kt-blue, #1565d8); text-decoration: none; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-opciones a:hover { text-decoration: underline; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-btn {
            width: 100%; height: 50px; border: 0; border-radius: 10px;
            font-weight: 800; letter-spacing: .5px; color: #fff;
            background: linear-gradient(135deg, var(--kt-orange, #f7931e), var(--kt-orange-dark, #ef7a00));
            box-shadow: 0 8px 20px rgba(239, 122, 0, 0.25);
            transition: transform .15s ease, box-shadow .15s ease;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-btn:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(239, 122, 0, 0.32); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-error {
            display: flex; align-items: center; gap: 8px;
            padding: 10px 12px; margin-bottom: 18px; border-radius: 10px;
            background: #fdecec; color: #c62828; font-size: 13px; font-weight: 700;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-seguro { margin-top: 22px; text-align: center; font-size: 12px; color: var(--kt-muted, #6b7a90); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-seguro i { color: #2e9d5b; }

        /* Modales del login */
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-empresas { display: grid; gap: 10px; }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-empresa {
            display: flex; align-items: center; gap: 12px;
            padding: 12px 14px; border: 1px solid var(--kt-border, #e3eaf3); border-radius: 12px;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-empresa:hover { border-color: var(--kt-blue-light, #3b8cff); box-shadow: var(--kt-shadow, 0 2px 10px rgba(16, 42, 90, 0.06)); }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-empresa-id {
            width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px;
            display: inline-flex; align-items: center; justify-content: center;
            background: var(--kt-blue-tint, #eef5ff); color: var(--kt-blue, #1565d8); font-weight: 800; font-size: 13px;
        }
        :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-empresa-nombre { flex: 1 1 auto; font-weight: 700; color: var(--kt-text, #1d2b45); }

        @media (max-width: 575.98px) {
            :where(html[data-kt-vista="LoginRegister/LoginV1"]) .kl-card { padding: 32px 22px 26px; }
        }

/* ----- PasswordReset/Reset  (solo en: PasswordReset/Reset) ----- */
:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #f4f7f6; padding: 16px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-card { width: 100%; max-width: 420px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.08); padding: 32px 28px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-card h1 { font-size: 20px; font-weight: 800; color: #1d4e89; margin-bottom: 4px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-card .rp-sub { font-size: 13px; color: #6b7280; margin-bottom: 20px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-user { background: #f1f5f9; border-radius: 8px; padding: 8px 12px; font-size: 13px; margin-bottom: 16px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-rules { font-size: 12px; color: #6b7280; margin-bottom: 16px; }
		:where(html[data-kt-vista="PasswordReset/Reset"]) .rp-btn { width: 100%; font-weight: 700; padding: 10px; border-radius: 8px; }

/* ----- Reportes/CuentaJobsCompañia  (solo en: Reportes/CuentaJobsCompañia) ----- */
/* Renglón de detalle (child row) por tipo de trabajo */
        :where(html[data-kt-vista="Reportes/CuentaJobsCompañia"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 12px; }

        :where(html[data-kt-vista="Reportes/CuentaJobsCompañia"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/CuentaJobsDispacher  (solo en: Reportes/CuentaJobsDispacher) ----- */
/* Porcentaje bajo cada cantidad */
        :where(html[data-kt-vista="Reportes/CuentaJobsDispacher"]) .percent-label { display: block; font-size: 11px; font-weight: 700; color: var(--kt-muted); }

        /* Renglón de detalle (child row) por tipo de trabajo */
        :where(html[data-kt-vista="Reportes/CuentaJobsDispacher"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-left: 4px solid var(--kt-blue); border-radius: 12px; margin: 4px 8px; padding: 12px; }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/CuentaJobsDispacher"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.85);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/CuentaJobsTecnico  (solo en: Reportes/CuentaJobsTecnico) ----- */
/* Renglón de detalle (child row) por tipo de trabajo */
        :where(html[data-kt-vista="Reportes/CuentaJobsTecnico"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 12px; }

        :where(html[data-kt-vista="Reportes/CuentaJobsTecnico"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/CuentaMensajesCompañias  (solo en: Reportes/CuentaMensajesCompañias) ----- */
/* Etiqueta debajo de cada cantidad (enviados / recibidos) */
        :where(html[data-kt-vista="Reportes/CuentaMensajesCompañias"]) .channel-label { display: block; font-size: 9px; color: var(--kt-muted); font-weight: 800; }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/CuentaMensajesCompañias"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/CuentaMensajesOtros  (solo en: Reportes/CuentaMensajesOtros) ----- */
/* Etiqueta debajo de cada cantidad (enviados / recibidos) */
        :where(html[data-kt-vista="Reportes/CuentaMensajesOtros"]) .count-type { display: block; font-size: 9px; color: var(--kt-muted); font-weight: 800; text-transform: uppercase; }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/CuentaMensajesOtros"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.85);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/CuentaMensajesTecnicos  (solo en: Reportes/CuentaMensajesTecnicos) ----- */
/* Etiqueta debajo de cada cantidad (enviados / recibidos) */
        :where(html[data-kt-vista="Reportes/CuentaMensajesTecnicos"]) .count-label { display: block; font-size: 9px; color: var(--kt-muted); font-weight: 800; text-transform: uppercase; }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/CuentaMensajesTecnicos"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/LiquidacionesTecnico  (solo en: Reportes/LiquidacionesTecnico) ----- */
/* Colores de montos: negativo, positivo, cero */
		:where(html[data-kt-vista="Reportes/LiquidacionesTecnico"]) .text-red { color: #dc2626 !important; font-weight: 700; }
		:where(html[data-kt-vista="Reportes/LiquidacionesTecnico"]) .text-green { color: #059669 !important; font-weight: 700; }
		:where(html[data-kt-vista="Reportes/LiquidacionesTecnico"]) .text-black { color: #1e293b !important; font-weight: 700; }

		/* Renglón de detalle (child row) con los trabajos de la liquidación */
		:where(html[data-kt-vista="Reportes/LiquidacionesTecnico"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 16px; }

		/* SPINNER */
		:where(html[data-kt-vista="Reportes/LiquidacionesTecnico"]) #loading-spinner {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,0.9);
			z-index: 9999;
			display: flex;
			align-items: center;
			justify-content: center;
		}

/* ----- Reportes/PendienteLiquidarTecnico  (solo en: Reportes/PendienteLiquidarTecnico) ----- */
/* Colores de montos: negativo, positivo, cero */
		:where(html[data-kt-vista="Reportes/PendienteLiquidarTecnico"]) .text-red { color: #dc2626 !important; font-weight: 700; }
		:where(html[data-kt-vista="Reportes/PendienteLiquidarTecnico"]) .text-green { color: #059669 !important; font-weight: 700; }
		:where(html[data-kt-vista="Reportes/PendienteLiquidarTecnico"]) .text-black { color: #1e293b !important; font-weight: 700; }

		/* Renglón de detalle (child row) con los trabajos pendientes */
		:where(html[data-kt-vista="Reportes/PendienteLiquidarTecnico"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 16px; }

		/* SPINNER */
		:where(html[data-kt-vista="Reportes/PendienteLiquidarTecnico"]) #loading-spinner {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,0.9);
			z-index: 9999;
			display: flex;
			align-items: center;
			justify-content: center;
		}

/* ----- Reportes/ReporteAsistencia  (solo en: Reportes/ReporteAsistencia) ----- */
/* Renglón de detalle (child row) con las sesiones del día */
        :where(html[data-kt-vista="Reportes/ReporteAsistencia"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-left: 4px solid var(--kt-blue); border-radius: 12px; margin: 4px 8px; padding: 16px; }

        /* Sesión abierta (sin salida) */
        :where(html[data-kt-vista="Reportes/ReporteAsistencia"]) .status-live { color: #10b981; font-weight: 800; font-size: 10px; border: 1px solid #10b981; padding: 2px 8px; border-radius: 4px; animation: pulse 2s infinite; }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }

        :where(html[data-kt-vista="Reportes/ReporteAsistencia"]) #loading-spinner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.85); z-index: 9999; display: flex; align-items: center; justify-content: center; }

/* ----- Reportes/ReporteComisiones  (solo en: Reportes/ReporteComisiones) ----- */
/* DETALLE EXPANDIBLE (CHILD ROW) */
        :where(html[data-kt-vista="Reportes/ReporteComisiones"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-left: 4px solid var(--kt-blue); border-radius: 12px; margin: 4px 8px; padding: 16px; }

        /* SPINNER OVERLAY */
        :where(html[data-kt-vista="Reportes/ReporteComisiones"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.85);
            z-index: 9999;
            display: flex; /* Se controla con jQuery */
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/TrabajosImportes  (solo en: Reportes/TrabajosImportes) ----- */
/* Renglón de detalle (child row) por tipo de trabajo */
		:where(html[data-kt-vista="Reportes/TrabajosImportes"]) .child-row-details { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; }

/* ----- Reportes/TrabajosPorUsuario  (solo en: Reportes/TrabajosPorUsuario) ----- */
/* Forzar que los contenedores de Select2 tengan la misma altura que tus inputs */
        :where(html[data-kt-vista="Reportes/TrabajosPorUsuario"]) .select2-container--default .select2-selection--single {
            height: 38px !important; /* Altura estándar de Bootstrap 5. Si 'form-control-new' es más alto, cambia este número */
            display: flex;
            align-items: center;
            border: 1px solid #ced4da !important;
            border-radius: 0.375rem !important;
        }

            /* Centrar verticalmente el texto seleccionado */
            :where(html[data-kt-vista="Reportes/TrabajosPorUsuario"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
                line-height: 38px !important;
                padding-left: 12px !important;
            }

            /* Centrar la flecha del dropdown */
            :where(html[data-kt-vista="Reportes/TrabajosPorUsuario"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 36px !important;
                top: 1px !important;
            }

        /* kesher-modern.css le da a #trabajos-data-table renglones separados; aquí se usa el diseño de listas */
        :where(html[data-kt-vista="Reportes/TrabajosPorUsuario"]) #trabajos-data-table.kt-list-table { border-collapse: collapse !important; border-spacing: 0 !important; }
        :where(html[data-kt-vista="Reportes/TrabajosPorUsuario"]) #trabajos-data-table.kt-list-table tbody td { border-bottom: 1px solid #eef2f7; }

/* ----- Reportes/TrabajosPrecios  (solo en: Reportes/TrabajosPrecios) ----- */
/* Renglón de detalle (child row) por tipo de trabajo */
        :where(html[data-kt-vista="Reportes/TrabajosPrecios"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 16px; }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/TrabajosPrecios"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/TrabajosPreciosTec  (solo en: Reportes/TrabajosPreciosTec) ----- */
/* Renglón de detalle (child row) por tipo de trabajo */
        /* Tipo de fecha (Created / Closed) pegado al rango de fechas */
        :where(html[data-kt-vista="Reportes/TrabajosPreciosTec"]) .kt-tipo-fecha { flex: 0 0 auto; width: auto; min-width: 112px; font-weight: 700; color: var(--kt-navy); }
        :where(html[data-kt-vista="Reportes/TrabajosPreciosTec"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 16px; }

        :where(html[data-kt-vista="Reportes/TrabajosPreciosTec"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/TrabajosSaldos  (solo en: Reportes/TrabajosSaldos) ----- */
/* Resaltado de Saldos */
        :where(html[data-kt-vista="Reportes/TrabajosSaldos"]) tr.has-balance > td {
            background-color: #fff1f2 !important;
        }
        /* Un rojo muy tenue */
        :where(html[data-kt-vista="Reportes/TrabajosSaldos"]) tr.is-paid-full > td {
            background-color: #f0fdf4 !important;
        }
        /* Un verde muy tenue */

        :where(html[data-kt-vista="Reportes/TrabajosSaldos"]) .status-badge {
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            border: 1px solid transparent;
        }

        /* SPINNER */
        :where(html[data-kt-vista="Reportes/TrabajosSaldos"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ----- Reportes/TrabajosTiposPrecios  (solo en: Reportes/TrabajosTiposPrecios) ----- */
/* Renglón de detalle (child row) por subtipo */
        :where(html[data-kt-vista="Reportes/TrabajosTiposPrecios"]) .child-row-container { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 12px; margin: 4px 8px; padding: 16px; }

        :where(html[data-kt-vista="Reportes/TrabajosTiposPrecios"]) #loading-spinner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* ========== KESHER-MODERN ========== */
@charset "UTF-8";

/* ==========================================================================
   1. VARIABLES Y ESTILOS BASE (INSTITUCIONAL)
   ========================================================================== */
:root {
    --blue-new: #0058b0;
    --blue-dark: #002f6c;
    --blue-soft: rgba(0, 88, 176, 0.1);
    --bg-light: #fdfbf7;
    --border-color: #e2e2e2;
    --danger-soft: rgba(255, 91, 87, 0.1);
    --danger-red: #ff5b57;
}

.bg-israel-new, .bg-blue-new {
    background-color: var(--blue-new) !important;
    color: #ffffff !important;
}

.text-blue-new {
    color: var(--blue-new) !important;
}

.label-small1-new {
    font-size: 0.75em;
    color: var(--blue-new);
    display: block;
    margin-bottom: 0rem;
}

.fw-600 {
    font-weight: 600;
}

.fw-800 {
    font-weight: 800;
}

.fs-13px {
    font-size: 13px !important;
}

/* ==========================================================================
   2. LOGIN Y ACCESO (-new)
   ========================================================================== */
.login-v1-new {
    background: linear-gradient(135deg, #002f6c 0%, #0058b0 100%) !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-wrapper {
    width: 100%;
    max-width: 250px; /* Tamaño máximo deseado del logo */
    margin: 0 auto;
    overflow: hidden;
}

.login-logo-new {
    width: 100%; /* Se ajusta al ancho del wrapper */
    height: auto; /* Mantiene proporción */
    display: block;
    object-fit: contain;
}

.login-container-new {
    max-width: 420px;
    width: 100%;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);
}

.form-control-login-new {
    border-radius: 12px !important;
    border: 2px solid var(--border-color) !important;
    height: 50px !important;
    padding-left: 15px !important;
    font-weight: 600 !important;
    background-color: var(--bg-light) !important;
}

    .form-control-login-new:focus {
        border-color: var(--blue-new) !important;
        background-color: #ffffff !important;
        box-shadow: 0 0 8px rgba(0, 88, 176, 0.2) !important;
    }

.btn-login-new {
    background: var(--blue-new) !important;
    color: white !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px;
    border-radius: 12px !important;
    border: none !important;
    width: 100%;
    transition: all 0.3s ease;
}

    .btn-login-new:hover {
        background: var(--blue-dark) !important;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }

/* ==========================================================================
   3. PANELES Y TARJETAS (KESHER STYLE)
   ========================================================================== */
.kesher-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 18px !important;
    background-color: var(--bg-light) !important;
    cursor: pointer;
}

.card-link:hover .kesher-card {
    transform: translateY(-12px) !important;
    background-color: #ffffff !important;
    box-shadow: 0 20px 40px rgba(0, 88, 176, 0.25) !important;
    border-color: var(--blue-new) !important;
}

/* Estructura Job Cards */
.job-card-principal, .job-card-new {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.job-card-principal {
    background-color: var(--bg-light) !important;
}

.job-card-header-principal, .job-card-header-new {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color) !important;
}

.job-card-header-new {
    background-color: var(--bg-light) !important;
}

.job-card-body-principal, .job-card-body-new {
    padding: 15px 20px !important;
}

/* Tabs */
.nav-tabs-kesher-new {
    border-bottom: 2px solid #e2e7eb !important;
}

    .nav-tabs-kesher-new .nav-link {
        border: none !important;
        color: #6c757d !important;
        font-weight: 600 !important;
        padding: 12px 20px !important;
        border-bottom: 3px solid transparent !important;
    }

        .nav-tabs-kesher-new .nav-link.active {
            color: var(--blue-new) !important;
            border-bottom: 3px solid var(--blue-new) !important;
        }

/* ==========================================================================
   4. FORMULARIOS E INPUTS
   ========================================================================== */
.label-new {
    font-weight: 800 !important;
    color: var(--blue-dark) !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-bottom: 5px;
    display: block;
}

.form-control-new {
    border-radius: 10px !important;
    border: 2px solid var(--border-color) !important;
    background-color: var(--bg-light) !important;
    padding: 10px !important;
    font-weight: 600;
}

    .form-control-new:focus {
        border-color: var(--blue-new) !important;
        background-color: #ffffff !important;
        box-shadow: 0 0 10px rgba(0, 88, 176, 0.1) !important;
    }

/* ==========================================================================
   5. TABLAS (ESTILO KESHER)
   ========================================================================== */
.table-kesher-new {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

    .table-kesher-new thead th {
        color: var(--blue-dark) !important;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 0.75rem;
        padding: 10px 15px !important;
        border: none !important;
    }

    .table-kesher-new tbody tr {
        transition: all 0.3s ease;
        background-color: #ffffff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

        .table-kesher-new tbody tr:hover {
            background-color: #dbeafe !important;
            transform: scale(1.01);
        }

    .table-kesher-new td {
        padding: 12px 15px !important;
        border-top: 1px solid #f2f2f2 !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }

        .table-kesher-new td:first-child {
            border-left: 5px solid var(--blue-new) !important;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .table-kesher-new td:last-child {
            border-right: 1px solid #f2f2f2 !important;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

    .table-kesher-new tbody tr:nth-child(even) td {
        /* Un tono grisaceo con tinte azul mas profundo para monitores con mucho brillo */
        background-color: #ecf0f5 !important;
        border-bottom: 1px solid #dce2e9;
    }

    .table-kesher-new tbody tr:nth-child(odd) td {
        background-color: #ffffff !important;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Efecto Hover mas marcado para guiar la vista */
    .table-kesher-new tbody tr:hover td {
        background-color: #e2e8f0 !important;
        transition: background-color 0.15s ease-in-out;
    }

    /* Resaltado especial para la celda del ID para que no se pierda */
    .table-kesher-new tbody tr td:first-child {
        border-left: 3px solid #0066cc; /* Una linea azul institucional al inicio de cada fila */
    }


/* ==========================================================================
   6. BOTONES
   ========================================================================== */
.btn-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .btn-new:hover {
        transform: translateY(-2px);
        filter: brightness(1.1);
    }

.btn-action-new {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

    .btn-action-new:hover {
        transform: translateY(-2px);
        background: #f8f9fa;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

.btn-success-new {
    background-color: #28a745;
    color: white;
}

.btn-warning-new {
    background-color: #ffc107;
    color: #212529;
}

.btn-danger-new {
    background-color: #dc3545;
    color: white;
}

.btn-primary-new {
    background-color: var(--blue-new);
    color: white;
}

/* ==========================================================================
   7. MODALES Y MENSAJES
   ========================================================================== */
.modal-content-new {
    border-radius: 15px !important;
    border: none !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
}

.modal-header-new {
    background-color: var(--blue-new) !important;
    color: white !important;
    padding: 20px !important;
    border-radius: 15px 15px 0 0 !important;
}

.border-israel-new {
    border-left: 5px solid var(--blue-new) !important;
}

.border-israel-new-soft {
    border-color: var(--blue-soft) !important;
}

.bg-blue-new-soft {
    background-color: var(--blue-soft) !important;
}

.bg-danger-soft {
    background-color: var(--danger-soft) !important;
}

.border-left-danger {
    border-left: 4px solid var(--danger-red) !important;
}

/* ==========================================================================
   8. COMPONENTES EXTRA
   ========================================================================== */
#loading-spinner {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
}

.spinner-kesher-new {
    color: var(--blue-new);
}

.plantilla-card-new {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    border-left: 5px solid var(--blue-new);
    transition: all 0.3s ease;
}

    .plantilla-card-new:hover {
        transform: translateX(8px);
        background-color: #f0f7ff;
    }

/* Scrollbars */
.modal-body::-webkit-scrollbar {
    width: 6px;
}

.modal-body::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 10px;
}

.action-icon {
    transition: all 0.2s ease;
}

    .action-icon:hover {
        background-color: #f8f9fa !important;
        transform: translateY(-2px);
    }

    /* Ajuste para los iconos dentro de los botones redondos */
    .action-icon i {
        font-size: 14px;
    }

.select2-new {
    border: 1px solid #dce1e7 !important;
    font-weight: 600 !important;
    color: #0058b0 !important;
}

.border-dashed {
    border-style: dashed !important;
}

/* SIDEBAR KESHER NEW STYLE */
.sidebar-kesher-new {
    position: fixed;
    top: 0;
    right: -400px;
    width: 380px;
    height: 100%;
    background: white;
    z-index: 1050;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .sidebar-kesher-new.active {
        right: 0;
    }

.sidebar-body-new {
    height: calc(100% - 60px);
    overflow-y: auto;
}

/* CALENDAR CUSTOMS */
#calendar {
    min-height: 700px;
    background: white;
}

.fc-header-toolbar {
    padding: 10px;
    margin-bottom: 0 !important;
}

.fc-event {
    transition: transform 0.2s, box-shadow 0.2s;
    border: none !important;
}

    .fc-event:hover {
        transform: scale(1.02);
        box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
        z-index: 5;
    }

/* PREDEFINED CARDS */
.cursor-move {
    cursor: move !important;
}

/* KESHER NEW - JOBS LIST STYLE */
.filter-section {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.datepicker-new {
    border-radius: 8px !important;
    border: 1px solid #dce1e7;
    font-weight: 600;
    color: #0058b0;
    text-align: center;
}

/* TABLA Y FILAS */
#trabajos-data-table {
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
}

    #trabajos-data-table thead th {
        background: #f8fafc;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 800;
        color: #64748b;
        padding: 12px;
        border: none;
    }

    #trabajos-data-table tbody tr {
        background: white;
        transition: all 0.2s;
    }

        #trabajos-data-table tbody tr:hover {
            background: #f1f5f9 !important;
        }

    #trabajos-data-table td {
        padding: 12px;
        border: none;
        vertical-align: middle;
        font-size: 13px;
    }

/* BADGES PERSONALIZADOS */
.status-badge {
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
}

.status-submited {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.status-cancelled {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.status-inprogress {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.status-done-pending {
    background: #fff7ed;
    color: #c2410c;
    border-color: #ffedd5;
}

.status-done {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.status-pending {
    background: #f9fafb;
    color: #374151;
    border-color: #e5e7eb;
}

/* SPINNER */
#loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-cell {
    color: #0058b0;
    font-weight: 800;
}

.total-footer {
    background: #f8fafc !important;
    font-weight: 800;
    color: #0058b0;
}

/* Estilo para el selector de cantidad de registros */
.dataTables_length {
    margin-right: 20px; /* Espacio entre el selector y los botones */
}

    .dataTables_length select {
        border-radius: 6px !important;
        border: 1px solid #dce1e7 !important;
        padding: 4px 24px 4px 8px !important; /* Aumentamos el padding derecho a 24px */
        font-weight: 600;
        color: #0058b0;
        outline: none;
        /* --- ESTO ARREGLA EL ENCIMADO --- */
        appearance: none; /* Quita la flecha nativa del sistema */
        -webkit-appearance: none;
        -moz-appearance: none;
        /* Si Bootstrap está metiendo la flecha por background-image */
        background-position: right 6px center !important;
        background-repeat: no-repeat !important;
        min-width: 65px !important; /* Asegura espacio suficiente para 2 o 3 dígitos */
    }

    .dataTables_length label {
        font-size: 12px;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
    }

/* ==========================================================================
   KESHER HOME — REDESIGN 2026
   Pegar al final de kesher.css (o en un archivo home.css separado)
   ========================================================================== */

/* ── Contenedor principal ── */
.kh-home {
    padding: 1.5rem 1.75rem 2.5rem;
    max-width: 1400px;
}

/* ══════════════════════════════════════════
   BLOQUE SUPERIOR: Saludo + KPIs
══════════════════════════════════════════ */
.kh-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

/* Saludo */
.kh-greeting__title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 4px;
}

.kh-greeting__sub {
    font-size: 0.9rem;
    color: #6c757d;
    margin: 0;
}

/* KPIs */
.kh-kpis {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.kh-kpi {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 14px 18px;
    min-width: 150px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.kh-kpi__icon {
    font-size: 1.4rem;
    flex-shrink: 0;
}

.kh-kpi__icon--blue {
    color: #0058b0;
}

.kh-kpi__icon--green {
    color: #15803d;
}

.kh-kpi__icon--purple {
    color: #7c3aed;
}

.kh-kpi__icon--orange {
    color: #c2410c;
}

.kh-kpi > div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.kh-kpi__value {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1;
}

.kh-kpi__label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}

.kh-kpi__link {
    font-size: 0.72rem;
    font-weight: 700;
    color: #0058b0;
    text-decoration: none;
    margin-top: 2px;
}

    .kh-kpi__link:hover {
        text-decoration: underline;
    }

.kh-kpi__link--orange {
    color: #c2410c;
}

/* ══════════════════════════════════════════
   GRID DE CARDS PRINCIPALES
══════════════════════════════════════════ */
.kh-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 1.5rem;
}

@media (max-width: 992px) {
    .kh-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .kh-cards-grid {
        grid-template-columns: 1fr;
    }

    .kh-top {
        flex-direction: column;
    }
}

/* Card base */
.kh-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    padding: 28px 26px 22px;
    text-decoration: none !important;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.25s ease;
    /* patrón de puntos decorativo */
    background-image: radial-gradient(circle, rgba(255,255,255,0.12) 1px, transparent 1px);
    background-size: 22px 22px;
}

    .kh-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(0,0,0,0.18);
        text-decoration: none !important;
        color: #ffffff !important;
    }

/* Colores por variante */
.kh-card--blue {
    background-color: #1a6fd4;
}

.kh-card--green {
    background-color: #22a06b;
}

.kh-card--teal {
    background-color: #0694a2;
}

.kh-card--purple {
    background-color: #7e3af2;
}

.kh-card--orange {
    background-color: #d97706;
}

.kh-card--indigo {
    background-color: #4f46e5;
}

/* Icono */
.kh-card__icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255,255,255,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

    .kh-card__icon-wrap i {
        font-size: 1.4rem;
        color: #ffffff;
    }

/* Textos */
.kh-card__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
}

.kh-card__desc {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.88);
    margin: 0;
    line-height: 1.45;
    flex: 1;
}

/* Botón CTA dentro de la card */
.kh-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #ffffff;
    width: fit-content;
    transition: background 0.2s;
}

.kh-card:hover .kh-card__btn {
    background: rgba(255,255,255,0.28);
}

/* ══════════════════════════════════════════
   BARRA SECUNDARIA (Settings / Account / etc.)
══════════════════════════════════════════ */
.kh-secondary {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.kh-sec-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 14px 20px;
    text-decoration: none !important;
    flex: 1;
    min-width: 180px;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

    .kh-sec-item:hover {
        border-color: #0058b0;
        box-shadow: 0 6px 16px rgba(0,88,176,0.12);
        transform: translateY(-2px);
        text-decoration: none !important;
    }

.kh-sec-item__icon {
    font-size: 1.2rem;
    color: #0058b0;
    flex-shrink: 0;
}

.kh-sec-item > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.kh-sec-item__title {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1a1a2e;
}

.kh-sec-item__sub {
    font-size: 0.76rem;
    color: #6c757d;
}

.kh-sec-item__arrow {
    font-size: 0.75rem;
    color: #adb5bd;
}

/* ========== KESHER-THEME ========== */
/* =====================================================================================
   Tema Kesher (azules y naranjas). Se carga después de app.min.css y kesher-modern.css,
   así que aplica a todas las vistas. Colores en variables para poder ajustarlos aquí.
   ===================================================================================== */
:root {
	--kt-navy: #0a2f6b;
	--kt-blue-dark: #0b46a3;
	--kt-blue: #1565d8;
	--kt-blue-light: #3b8cff;
	--kt-tab-inactivo: #a9ccff;
	--kt-tab-inactivo-bg: #f2f7ff;
	--kt-orange: #f7931e;
	--kt-orange-dark: #ef7a00;
	--kt-page: #cddffa; /* fondo de las vistas y de los modales: azul sólido (antes #f3f7fc) */
	--kt-blue-tint: #eef5ff;
	--kt-orange-tint: #fff5ea;
	--kt-border: #e3eaf3;
	--kt-text: #1d2b45;
	--kt-muted: #6b7a90;
	--kt-shadow: 0 2px 10px rgba(16, 42, 90, 0.06);
	--kt-shadow-hover: 0 10px 24px rgba(16, 42, 90, 0.12);
	/* Las variables que ya usan las vistas toman los colores del tema */
	--blue-new: #0b5bc7;
	--blue-dark: #0a2f6b;
	--bg-light: #f7faff;
	--border-color: #e3eaf3;
}

/* ------------------------------------ Página ------------------------------------ */
body,
.app-content {
	background-color: var(--kt-page);
}

/* El fondo de las vistas es sólido (sin el degradado radial de antes) */
.app-content {
	background-image: none;
}

.breadcrumb .breadcrumb-item a { color: var(--kt-blue); }
.breadcrumb .breadcrumb-item.active { color: var(--kt-navy) !important; }
.page-header { color: var(--kt-navy) !important; }

/* ---------------------------------- Menú lateral ---------------------------------- */
#sidebar.app-sidebar,
.app-sidebar-bg {
	background: linear-gradient(180deg, #0d4fb8 0%, #0b3c8f 55%, #0a2f6b 100%) !important;
	border-right: 0 !important;
}

.app-sidebar .menu .menu-header {
	color: rgba(255, 255, 255, 0.55) !important;
	font-weight: 700;
	letter-spacing: 0.6px;
}

.app-sidebar .menu > .menu-item > .menu-link {
	color: rgba(255, 255, 255, 0.92) !important;
	border-radius: 12px;
	margin: 0 12px 2px;
	padding: 6px 14px;
	font-weight: 500;
	transition: background 0.15s, color 0.15s;
}

.app-sidebar .menu > .menu-item > .menu-link .menu-icon,
.app-sidebar .menu > .menu-item > .menu-link .menu-icon i {
	color: #fff !important;
}

.app-sidebar .menu > .menu-item > .menu-link:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
}

.app-sidebar .menu > .menu-item.active > .menu-link {
	background: linear-gradient(135deg, var(--kt-orange), var(--kt-orange-dark)) !important;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(247, 147, 30, 0.35);
}

/* Submenús */
.app-sidebar .menu-submenu .menu-link,
.app-sidebar .menu-item.has-sub > .menu-link .menu-caret { color: rgba(255, 255, 255, 0.82) !important; }
.app-sidebar .menu-submenu .menu-item.active > .menu-link,
.app-sidebar .menu-submenu .menu-link:hover { color: #ffb15c !important; }

/* La barra lateral sube hasta arriba (encima del header) para mostrar el logo */
@media (min-width: 768px) {
	/* El fondo va una capa abajo del menú (si quedan igual, el fondo tapa el menú) */
	.app-sidebar-bg { z-index: 1024 !important; }
	.app-sidebar { z-index: 1026 !important; padding-top: 0 !important; }

	/* Línea de carga (Pace): debajo de la barra lateral, así se ve a partir de donde termina el menú
	   y no atraviesa el logo */
	.pace { z-index: 1022 !important; }
}

.pace .pace-progress { background: var(--kt-orange) !important; }

/* Logo y nombre de la empresa */
.kt-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 12px 18px 8px;
	flex: 0 0 auto;
}

.kt-brand img { width: 170px; max-width: 100%; height: auto; }
.kt-brand-empresa { color: rgba(255, 255, 255, 0.78); font-size: 12px; font-weight: 600; margin-top: 2px; max-width: 100%; }
.app-sidebar-minified .kt-brand { display: none; }
/* Ícono de Kesher Calls en el lugar del logo cuando el menú está contraído */
.kt-brand-mini { display: none; }
.app-sidebar-minified .kt-brand-mini { display: flex; justify-content: center; padding: 12px 0 6px; flex: 0 0 auto; }
.kt-brand-mini img { width: 40px; height: 40px; transition: transform 0.15s ease; }
.kt-brand-mini:hover img { transform: scale(1.08); }

/* Botón hamburguesa del header (contrae / expande el menú). El espacio de la izquierda del header (navbar-header) mide lo
   mismo que el menú, así la hamburguesa y la búsqueda se recorren al contraerlo */
#header .kt-menu-toggle { align-items: center; padding: 8px 10px !important; margin-left: 4px; border-radius: 8px; }
#header .kt-menu-toggle:hover { background: var(--kt-blue-tint); }
#header .kt-menu-toggle > i { font-size: 18px; }
@media (min-width: 768px) {
	.app-sidebar-minified .app-header .navbar-header { width: 60px; }
}

/* Menú contraído: el ícono centrado en la pastilla de la opción (con el padding lateral de 20px quedaba pegado a la derecha) */
.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link { padding-left: 0; padding-right: 0; justify-content: center; }
.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > .menu-link .menu-icon { width: auto; margin: 0; }
/* El logo queda fijo arriba y solo el menú hace scroll: la barra es una columna y el menú toma el resto del alto */
#sidebar.app-sidebar { display: flex; flex-direction: column; }
#sidebar.app-sidebar > .app-sidebar-content { flex: 1 1 auto; min-height: 0; height: auto !important; overflow-y: auto; overflow-x: hidden; }
/* keshercrm: el logo de Kesher Calls es cuadrado, va centrado y más angosto */
.kt-brand.kt-brand-cuadrado { align-items: center; }
.kt-brand.kt-brand-cuadrado img { width: 118px; }
.kt-brand.kt-brand-cuadrado .kt-brand-empresa { text-align: center; }

/* "Create New": franja plana que forma parte de la barra (sin caja redondeada) */
.app-sidebar .menu-profile {
	padding: 0 !important;
	margin: 0 0 6px !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.app-sidebar .menu-profile .menu-profile-link {
	background: rgba(255, 255, 255, 0.08) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 9px 22px !important;
	color: #fff !important;
	font-weight: 700;
	box-shadow: none !important;
}

.app-sidebar .menu-profile .menu-profile-link:hover { background: rgba(255, 255, 255, 0.15) !important; }
.app-sidebar .menu-profile .menu-profile-link .menu-caret { color: #fff; }

/* Menú "Create New": tarjeta blanca con texto oscuro e íconos de colores, para distinguirlo del menú principal */
.app-sidebar #appSidebarProfileMenu { background: #fff; border-radius: 12px; margin: 4px 12px 10px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22); }
.app-sidebar #appSidebarProfileMenu.show, .app-sidebar #appSidebarProfileMenu.collapsing { padding: 6px 0; }
.app-sidebar #appSidebarProfileMenu .menu-link { color: var(--kt-text) !important; margin: 0 6px; border-radius: 8px; padding-top: 6px; padding-bottom: 6px; }
.app-sidebar #appSidebarProfileMenu .menu-link:hover { background: #f1f5fb !important; color: var(--kt-navy) !important; }
.app-sidebar #appSidebarProfileMenu .menu-text { color: inherit !important; font-weight: 500; }
.app-sidebar #appSidebarProfileMenu .menu-divider { background: var(--kt-border) !important; margin: 4px 10px !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-naranja { color: var(--kt-orange) !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-azul { color: var(--kt-blue) !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-verde { color: #14955a !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-morado { color: #6f52d9 !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-teal { color: #0f9b9b !important; }
.app-sidebar #appSidebarProfileMenu .menu-icon i.kt-cn-gris { color: #64748b !important; }

/* ------------------------------------ Botones ------------------------------------ */
.btn-primary-new,
.btn-primary-new:focus {
	background: linear-gradient(135deg, var(--kt-blue-light), var(--kt-blue)) !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: 10px;
}

.btn-primary-new:hover {
	background: linear-gradient(135deg, var(--kt-blue), var(--kt-blue-dark)) !important;
	color: #fff !important;
}

.btn-accent,
.btn-accent:focus {
	background: linear-gradient(135deg, var(--kt-orange), var(--kt-orange-dark));
	border: 0;
	color: #fff;
	border-radius: 10px;
}

.btn-accent:hover { color: #fff; filter: brightness(0.95); }

/* --------------------------------- Tarjetas y tablas --------------------------------- */
.job-card-new,
.job-card-principal {
	border-radius: 16px !important;
	border: 1px solid var(--kt-border) !important;
	box-shadow: var(--kt-shadow) !important;
	overflow: hidden;
	background: #fff;
}

.job-card-header-new,
.job-card-header-principal {
	background: #fff !important;
	border-bottom: 1px solid var(--kt-border) !important;
}

.job-card-header-new h4 { color: var(--kt-navy) !important; }
.job-card-header-new h4 i { color: var(--kt-orange); }

.table-kesher-new thead th {
	background: var(--kt-blue-tint) !important;
	color: var(--kt-navy) !important;
	border-bottom: 2px solid #d6e5fb !important;
}

.table-kesher-new tbody tr:nth-child(odd) td { background-color: #fff !important; }
.table-kesher-new tbody tr:nth-child(even) td { background-color: #f6f9ff !important; }
.table-kesher-new tbody tr:hover td { background-color: var(--kt-orange-tint) !important; }

/* Pestañas */
.nav-tabs-kesher-new .nav-link.active,
.tab-modal-nav .nav-link.active {
	color: var(--kt-blue) !important;
	border-bottom: 3px solid var(--kt-orange) !important;
}

/* Paginación de DataTables */
.page-item.active .page-link {
	background-color: var(--kt-blue) !important;
	border-color: var(--kt-blue) !important;
}

/* =====================================================================================
   Pantallas de menú (Menu/Seccion) y Reportes: grupos con fondos alternados
   ===================================================================================== */
.kt-groups { display: flex; flex-direction: column; gap: 20px; }

.report-section {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 20px 22px 22px;
	border: 1px solid var(--kt-border);
	box-shadow: var(--kt-shadow);
	margin-bottom: 0 !important;
	/* Mismo fondo que las tarjetas de Estimates & Invoices de kesherapp: degradado del tinte del color a blanco y dos círculos */
	background: linear-gradient(135deg, var(--kt-sec-tint, #eef5ff) 0%, #fff 100%);
}

.report-section::before,
.report-section::after { content: ""; position: absolute; border-radius: 50%; background: var(--kt-sec-tint2, #dbe9ff); pointer-events: none; z-index: 0; }
.report-section::before { width: 220px; height: 220px; left: -60px; bottom: -110px; opacity: 0.6; }
.report-section::after { width: 140px; height: 140px; right: -30px; top: -50px; opacity: 0.6; }
.report-section > * { position: relative; z-index: 1; }

/* Tinte de cada sección: naranja o azul, alternado por posición. El ícono del grupo, los íconos de sus opciones y
   las flechas llevan el color de su fondo (mismos tonos en todas las vistas de menú).
   --kt-grp: color principal, --kt-grp-claro: inicio del degradado */
.kt-groups > .report-section:nth-child(odd) { --kt-sec-tint: #fff5ea; --kt-sec-tint2: #ffe6c7; --kt-grp: #ef7a00; --kt-grp-claro: #ffad4d; }
.kt-groups > .report-section:nth-child(even) { --kt-sec-tint: #eef5ff; --kt-sec-tint2: #dbe9ff; --kt-grp: #1565d8; --kt-grp-claro: #3b8cff; }

/* Ícono del grupo, centrado en su recuadro */
.report-section .section-icon {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px;
	border-radius: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #fff !important;
	background: linear-gradient(135deg, var(--kt-grp-claro, #3b8cff), var(--kt-grp, #1565d8)) !important;
	box-shadow: 0 6px 14px rgba(16, 42, 90, 0.15) !important;
}

.report-section .section-icon i { margin: 0 !important; line-height: 1; }

.report-section h3 { color: var(--kt-navy) !important; margin-bottom: 0; text-transform: uppercase; letter-spacing: .03em; }
.report-section .kt-group-sub { font-size: 12px; color: var(--kt-muted); margin-top: 2px; }
/* Subgrupos dentro de un grupo (título, descripción y sus botones) */
.report-section .kt-menu-subgrupo { margin: 4px 0 12px; padding-left: 10px; border-left: 3px solid var(--kt-grp, #1565d8); }
.report-section .row + .kt-menu-subgrupo { margin-top: 24px; }
.report-section .kt-menu-subtit { font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kt-navy); }
.report-section .kt-menu-subdesc { font-size: 12px; color: var(--kt-muted); margin-top: 2px; }

/* Botones de las opciones */
.report-item-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 18px 44px 18px 18px !important;
	background: #fff !important;
	border: 1px solid var(--kt-border) !important;
	border-radius: 14px !important;
	box-shadow: var(--kt-shadow) !important;
	text-decoration: none !important;
	height: 100%;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s;
}

.report-item-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--kt-shadow-hover) !important;
	border-color: #bcd5f7 !important;
}

/* Flecha a la derecha */
.report-item-card::after {
	content: "\f054";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--kt-grp, var(--kt-blue));
	font-size: 14px;
	transition: right 0.18s;
}
.report-item-card:hover::after { right: 14px; }

/* Ícono de la opción dentro de un círculo del mismo color, suave */
.report-icon {
	position: relative;
	width: 58px !important;
	height: 58px !important;
	min-width: 58px;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem !important;
	margin-right: 12px !important;
}

/* Dentro de un grupo, todos los íconos de las opciones llevan el color del grupo */
.kt-groups .report-icon { color: var(--kt-grp, var(--kt-blue)) !important; }

.report-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.12;
}

.report-icon i { position: relative; }

.report-info { display: flex; flex-direction: column; min-width: 0; }
.report-desc { font-size: 12px; }

.report-title { color: var(--kt-text) !important; font-weight: 800 !important; font-size: 15px !important; }
.report-desc { color: var(--kt-muted) !important; }

/* =====================================================================================
   Home: tarjetas del menú en azules y naranjas alternados
   ===================================================================================== */
.home-wrapper { background: transparent !important; }

.bg-new-job { background: linear-gradient(135deg, #3b8cff 0%, #1565d8 100%) !important; }
.bg-jobs-list { background: linear-gradient(135deg, #ffad4d 0%, #ef7a00 100%) !important; }
.bg-calls { background: linear-gradient(135deg, #2f6fd6 0%, #0b46a3 100%) !important; }
.bg-messages { background: linear-gradient(135deg, #ffc073 0%, #f7931e 100%) !important; }
.bg-reports { background: linear-gradient(135deg, #1e7be8 0%, #0d4fb8 100%) !important; }
.bg-dashboard { background: linear-gradient(135deg, #ff9f43 0%, #e86f00 100%) !important; }
.bg-settings { background: linear-gradient(135deg, #1d5fc4 0%, #0a2f6b 100%) !important; }
.bg-account { background: linear-gradient(135deg, #f7a541 0%, #d96a00 100%) !important; }

.kesher-menu-card { border-radius: 20px !important; box-shadow: 0 8px 20px rgba(16, 42, 90, 0.12); }

/* Todas las tarjetas del Home del mismo alto: llenan su columna y la descripción reserva 2 renglones */
.kesher-menu-card { height: calc(100% - 20px); min-height: 280px; }
.kesher-menu-card p { min-height: 2.8em; }
.btn-white-action { color: var(--kt-navy) !important; }
.stat-icon { background: var(--kt-blue-tint) !important; color: var(--kt-blue) !important; }

@media (max-width: 768px) {
	.report-section { padding: 16px; }
	.report-icon { width: 48px !important; height: 48px !important; min-width: 48px; font-size: 1.3rem !important; }
}

/* =====================================================================================
   LISTAS (mismo diseño que la lista de técnicos). Clases kt-list-*; JS en js/kesher-lista.js
   ===================================================================================== */
.kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
.kt-naranja { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
.kt-verde { background: #e7f7ef; color: #14955a; }
.kt-rojo { background: #fdecec; color: #d93a3f; }
.kt-gris { background: #eef1f5; color: var(--kt-muted); }
.kt-amarillo { background: #fff8e1; color: #f5a623; }
.kt-morado { background: #f1ecff; color: #6f52d9; }
.kt-azul-txt { color: var(--kt-blue); }
.kt-naranja-txt { color: var(--kt-orange-dark); }

.kt-btn-orange { background: var(--kt-orange); border-color: var(--kt-orange); color: #fff; border-radius: 10px; font-weight: 800; }
.kt-btn-orange:hover, .kt-btn-orange:focus { background: var(--kt-orange-dark); border-color: var(--kt-orange-dark); color: #fff; }
/* Agregar / dar de alta (New, Add, Register...): azul en todas las vistas; naranja queda para guardar y acciones */
.kt-btn-blue { background: var(--kt-blue); border-color: var(--kt-blue); color: #fff; border-radius: 10px; font-weight: 800; }
.kt-btn-blue:hover, .kt-btn-blue:focus { background: var(--kt-blue-dark); border-color: var(--kt-blue-dark); color: #fff; }
.kt-btn-light { background: #fff; border: 1px solid var(--kt-border); color: var(--kt-text); border-radius: 10px; font-size: 13px; font-weight: 600; }
.kt-btn-light:hover { background: var(--kt-blue-tint); color: var(--kt-blue); }

/* Encabezado de la página */
.kt-list-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 16px; }
.kt-list-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0;
	background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
.kt-list-head .breadcrumb { font-size: 12px; margin-bottom: 4px; }
.kt-list-title { color: var(--kt-text); font-weight: 800; margin: 0; font-size: 1.6rem; }
.kt-list-head .kt-btn-orange { padding: 9px 20px; }

/* Tarjetas de resumen (pueden filtrar la lista) */
.kt-stats { margin-bottom: 16px; }
.kt-stat { display: flex; align-items: center; gap: 12px; text-align: left; background: #fff; border: 1px solid var(--kt-border); border-radius: 14px;
	padding: 14px 16px; box-shadow: var(--kt-shadow); transition: all .15s; width: 100%; }
button.kt-stat:hover { box-shadow: var(--kt-shadow-hover); transform: translateY(-1px); }
.kt-stat.active { border-color: var(--kt-blue); box-shadow: 0 0 0 3px rgba(21, 101, 216, .12); }
.kt-stat-icon { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.kt-stat-num { display: block; font-size: 22px; font-weight: 800; color: var(--kt-text); line-height: 1.1; }
.kt-stat-lbl { display: block; font-size: 12px; font-weight: 600; color: var(--kt-muted); }

/* Tarjeta de la tabla y barra de herramientas */
.kt-list-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 16px; box-shadow: var(--kt-shadow); overflow: hidden; margin-bottom: 20px; }
.kt-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--kt-border); }
.kt-list-toolbar .form-control, .kt-list-toolbar .form-select { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; }
.kt-list-buscar { position: relative; flex: 1 1 260px; max-width: 380px; }
.kt-list-buscar > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); pointer-events: none; }
.kt-list-buscar .form-control { padding-left: 2.5rem; }
.kt-list-filtro { flex: 0 1 220px; min-width: 180px; }
.kt-list-export { display: flex; gap: 8px; margin-left: auto; }
.kt-list-toolbar .select2-container--classic .select2-selection--single { height: 40px; border-radius: 10px; border-color: var(--kt-border); background: #fff; }
.kt-list-toolbar .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.kt-list-toolbar .select2-container--classic .select2-selection--single .select2-selection__arrow, .kt-list-toolbar .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { height: 38px; border-radius: 0 10px 10px 0; background: #fff; border-left: 0; }

/* Tabla */
.kt-list-table { margin-bottom: 0 !important; width: 100% !important; }
.kt-list-table thead th { background: #f8fafd; color: var(--kt-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
	border-bottom: 1px solid var(--kt-border) !important; padding: 10px 14px !important; white-space: nowrap; }
.kt-list-table tbody td { padding: 12px 14px !important; border-color: #eef2f7; vertical-align: middle; font-size: 13px; }
.kt-list-table tbody tr[data-href] { cursor: pointer; }
.kt-list-table tbody tr:hover td { background: #f7faff; }
.kt-list-nombre { font-weight: 800; color: var(--kt-text); }
.kt-list-sub { font-size: 12px; color: var(--kt-muted); }
.kt-list-sub a { color: var(--kt-muted); text-decoration: none; }
.kt-list-sub a:hover { color: var(--kt-blue); }
.kt-list-id { color: #a9b4c4; font-size: 12px; }
.kt-avatar { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; flex-shrink: 0; }
.kt-avatar-sq { border-radius: 12px; font-size: 16px; }
.kt-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
.kt-chip-on { background: #e7f7ef; color: #14955a; }
.kt-chip-off { background: #f2f4f7; color: #b3bccb; text-decoration: line-through; }
.kt-estatus { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 20px; white-space: nowrap; }
.kt-estatus i { font-size: 7px; }
.kt-estatus.kt-on { background: #e7f7ef; color: #14955a; }
.kt-estatus.kt-off { background: #f2f4f7; color: var(--kt-muted); }
.kt-estatus.kt-alerta { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
.kt-estatus.kt-error { background: #fdecec; color: #d93a3f; }
/* Estatus de trabajo sin clase propia (Helpers/EstatusTrabajoColor.cs): Approved by Client, Closed, Pass by Tech */
.kt-estatus.kt-teal { background: #e6f6f5; color: #0e9f9a; }
.kt-estatus.kt-marino { background: #e6ecf5; color: #0a2f6b; }
.kt-estatus.kt-rosa { background: #fce8f0; color: #c2185b; }
.kt-tel { display: flex; align-items: center; gap: 6px; font-weight: 600; color: var(--kt-text); text-decoration: none; white-space: nowrap; }
.kt-tel i { color: var(--kt-blue); width: 14px; }
.kt-tel:hover { color: var(--kt-blue); }
.kt-monto { font-weight: 700; color: var(--kt-text); white-space: nowrap; }
.kt-btn-icon { width: 34px; height: 34px; padding: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; border: 0; }
.kt-btn-icon:hover { filter: brightness(.95); box-shadow: var(--kt-shadow); }
.kt-acciones { display: inline-flex; gap: 4px; justify-content: flex-end; }
.kt-menu-acciones { border-radius: 12px; border: 1px solid var(--kt-border); box-shadow: var(--kt-shadow-hover); padding: 6px; font-size: 13px; }
.kt-menu-acciones .dropdown-item { border-radius: 8px; padding: 8px 12px; display: flex; align-items: center; gap: 10px; }
.kt-menu-acciones .dropdown-item i { width: 16px; text-align: center; }
.kt-list-pie { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--kt-border);
	font-size: 13px; color: var(--kt-muted); }
.kt-list-pie .dataTables_info { padding-top: 0 !important; }
.kt-list-pie .pagination { margin: 0; }
.kt-list-pie .dataTables_length select { border-radius: 8px; }

/* Totales al pie de la tabla */
.kt-list-table tfoot th, .kt-list-table tfoot td { background: #f8fafd; font-weight: 800; color: var(--kt-text); border-top: 2px solid var(--kt-border) !important;
	padding: 12px 14px !important; white-space: nowrap; }

/* Montos largos en las tarjetas de resumen */
.kt-stat-num { overflow-wrap: anywhere; }
.kt-stat-num.kt-chico { font-size: 17px; }

/* Filtros con etiqueta en la barra (fechas, combos) */
.kt-list-filtro-lbl { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--kt-muted); margin-bottom: 4px; }
.kt-list-rango { display: flex; gap: 6px; align-items: center; flex: 0 1 320px; }
.kt-list-rango .form-control { min-width: 0; }
.kt-list-toolbar .select2-container--default .select2-selection--single { height: 40px; border-radius: 10px; border-color: var(--kt-border); }
.kt-list-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.kt-list-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
.kt-list-toolbar .select2-container { width: 100% !important; }

/* Pestañas de filtro dentro de la tarjeta (cuando el servidor filtra por estatus) */
.kt-list-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px 0; }
.kt-list-tabs a, .kt-list-tabs button, .kt-list-tabs .nav-link { border: 1px solid var(--kt-border) !important; background: #fff; color: var(--kt-muted) !important; border-radius: 20px !important;
	padding: 6px 14px !important; font-size: 12px; font-weight: 700; text-decoration: none; }
.kt-list-tabs a.active, .kt-list-tabs button.active, .kt-list-tabs .nav-link.active { background: var(--kt-blue) !important; border-color: var(--kt-blue) !important; color: #fff !important; }
/* Íconos de las pestañas de las listas: azul claro sin seleccionar; la seleccionada conserva el color de su texto */
.kt-list-tabs .nav-link:not(.active) i, .kt-list-tabs a:not(.active) i, .kt-list-tabs button:not(.active) i,
.nav-tabs:not(.kt-tabs) .nav-link:not(.active) > i, .nav-pills .nav-link:not(.active) > i { color: var(--kt-tab-inactivo); }
/* Contadores dentro de las pestañas de las listas: azul claro; en la seleccionada (fondo azul) van en blanco con el número azul */
.kt-list-tabs .nav-link .badge, .kt-list-tabs .nav-link .kt-tab-badge { background: var(--kt-tab-inactivo-bg) !important; color: #6fa6f5 !important; border: 1px solid #dbe9ff; }
.kt-list-tabs .nav-link.active .badge, .kt-list-tabs .nav-link.active .kt-tab-badge { background: #fff !important; color: var(--kt-blue-light) !important; border-color: #fff; }

/* Las pestañas viejas (nav-tabs-kesher-new) con el estilo nuevo: sin la línea inferior ni el subrayado naranja */
.nav-tabs-kesher-new.kt-list-tabs { border-bottom: 0 !important; }
.nav-tabs-kesher-new.kt-list-tabs .nav-link, .nav-tabs-kesher-new.kt-list-tabs .nav-link.active { border-bottom-width: 1px !important; }
.nav-tabs-kesher-new.kt-list-tabs .nav-link.active { border-bottom-color: var(--kt-blue) !important; }
.nav-tabs-kesher-new.kt-list-tabs .nav-link::after { display: none !important; }

/* Pestañas de estatus arriba de la tarjeta de la lista (no forman parte de la tabla) */
.kt-list-estatus { margin-bottom: 14px; }
.kt-list-estatus .kt-list-tabs { padding: 0; gap: 8px; }
.kt-list-estatus .kt-list-tabs .nav-link:not(.active) { box-shadow: 0 1px 2px rgba(15, 40, 80, .06); }

/* Columnas con borde en todas las tablas de lista; ancho ajustable en las que pasan por KtLista (anchosAjustables).
   Solo escritorio */
@media (min-width: 768px) {
	.kt-list-table thead th + th,
	.kt-list-table tbody td + td,
	.kt-col-bordes thead th + th,
	.kt-col-bordes tbody td + td { border-left: 1px solid #e3eaf3; }
	/* Los anchos se aplican con el padding incluido (border-box), igual que se miden; !important porque DataTables
	   (table.dataTable thead th) lo regresa a content-box */
	.kt-col-bordes thead th { position: relative; box-sizing: border-box !important; }
	.kt-col-fijas thead th,
	.kt-col-fijas tbody td { overflow: hidden; text-overflow: ellipsis; }
	.kt-col-fijas tbody td:last-child { overflow: visible; }
	.kt-col-ajuste { position: absolute; top: 0; right: -4px; width: 8px; height: 100%; cursor: col-resize; z-index: 2; }
	.kt-col-ajuste:hover, .kt-col-arrastrando .kt-col-ajuste:active { background: rgba(21, 101, 216, 0.18); }
	body.kt-col-arrastrando { cursor: col-resize; user-select: none; }
}

/* Renglón de detalle que se expande (child rows) */
.kt-list-table tr.shown .kt-btn-expand i { transform: rotate(90deg); }
.kt-btn-expand i { transition: transform .15s; }

/* Celular: cada renglón como tarjeta (kesher-lista.js pone data-label a cada celda) */
@media (max-width: 767.98px) {
	.kt-list-table thead { display: none; }
	.kt-list-table, .kt-list-table tbody { display: block; }
	.kt-list-table tbody tr { display: block; border: 1px solid var(--kt-border); border-radius: 14px; margin: 12px; padding: 6px 14px; box-shadow: var(--kt-shadow); }
	.kt-list-table tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0 !important; padding: 7px 0 !important; text-align: right; }
	.kt-list-table tbody td::before { content: attr(data-label); font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--kt-muted); text-align: left; }
	.kt-list-table tbody td.kt-cel-principal { border-bottom: 1px solid #eef2f7 !important; padding-bottom: 10px !important; text-align: left; }
	.kt-list-table tbody td.kt-cel-principal::before, .kt-list-table tbody td.dataTables_empty::before { display: none; }
	.kt-list-buscar, .kt-list-filtro { max-width: none; flex: 1 1 100%; }
	.kt-list-export { margin-left: 0; }
}

/* =====================================================================================
   MODALES DE CAPTURA (mismo diseño que el alta de técnicos): <div class="modal kt-crud">
   ===================================================================================== */
.kt-crud .modal-content { border: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 50px rgba(16, 42, 90, .25); }
.kt-crud .modal-header { background: #fff !important; color: var(--kt-text) !important; padding: 18px 24px; border-bottom: 1px solid var(--kt-border) !important; }
.kt-crud .modal-header .btn-close { filter: none; }
.kt-crud-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;
	background: var(--kt-blue-tint); color: var(--kt-blue); }
.kt-crud-icon.kt-peligro { background: #fdecec; color: #d93a3f; }
.kt-crud-icon.kt-exito { background: #e7f7ef; color: #14955a; }
.kt-crud .modal-title { color: var(--kt-text) !important; font-weight: 800; font-size: 1.25rem; text-transform: none; letter-spacing: 0; margin: 0; }
.kt-crud-sub { color: var(--kt-muted); font-size: 13px; }
/* Edición en CRUDs: el nombre del registro (kt-titulo-registro) va grande y el título del modal chico y light */
.modal-header:has(.kt-titulo-registro) .modal-title { font-size: 13px !important; font-weight: 500 !important; color: var(--kt-muted) !important; text-transform: none; letter-spacing: 0; }
.modal-header .kt-titulo-registro { font-size: 1.25rem !important; font-weight: 800 !important; color: var(--kt-text) !important; line-height: 1.25; }
.kt-crud .modal-body { background: var(--kt-page) !important; padding: 20px 24px; }
.kt-crud .modal-footer { background: #fff !important; border-top: 1px solid var(--kt-border) !important; padding: 14px 24px; justify-content: center; gap: 8px; }
.kt-crud .modal-footer > * { margin: 0; }
.kt-form-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; padding: 20px 22px; box-shadow: var(--kt-shadow); margin-bottom: 16px; }
.kt-form-card:last-child { margin-bottom: 0; }
.kt-form-card-tit { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--kt-text); margin-bottom: 14px; font-size: 14px; }
.kt-tab-icon { width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.kt-field { margin-bottom: 14px; }
.kt-field > label, .kt-crud .kt-label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--kt-muted); margin-bottom: 5px; }
.kt-crud .form-control, .kt-crud .form-select { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; }
.kt-crud .form-control-sm, .kt-crud .form-select-sm, .kt-crud .input-group-sm > .form-control { min-height: 0; border-radius: 8px; }
.kt-crud .form-control:focus, .kt-crud .form-select:focus { border-color: var(--kt-blue-light); box-shadow: 0 0 0 3px rgba(21, 101, 216, .12); }
.kt-crud textarea.form-control { resize: vertical; }
.kt-crud .form-switch .form-check-input { width: 2.6em; height: 1.4em; cursor: pointer; }
.kt-crud .form-switch .form-check-input:checked { background-color: var(--kt-orange); border-color: var(--kt-orange); }
.kt-switch-card { display: flex; align-items: center; gap: 10px; border: 1px solid var(--kt-border); border-radius: 12px; padding: 10px 12px; background: #fff; height: 100%; }
.kt-switch-card .form-check { margin: 0 0 0 auto; padding-left: 2.8em; min-height: 0; }
.kt-switch-card .kt-switch-txt { font-weight: 700; font-size: 13px; color: var(--kt-text); }
.kt-crud .kt-tabs { gap: 6px; border-bottom: 0; flex-wrap: wrap; margin-bottom: 0; }
.kt-crud .kt-tabs .nav-link { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 12px 12px 0 0; color: var(--kt-muted); font-weight: 700;
	font-size: 13px; background: transparent; border: 1px solid transparent; border-bottom: 0; }
.kt-crud .kt-tabs .nav-link.active { background: #fff; color: var(--kt-text); border-color: var(--kt-border); }
/* Pestañas de los CRUD: ícono azul claro en las pestañas sin seleccionar; la seleccionada conserva su color */
.kt-tabs .nav-link:not(.active) .kt-tab-icon { background: var(--kt-tab-inactivo-bg) !important; color: var(--kt-tab-inactivo) !important; transition: background 0.15s, color 0.15s; }
.kt-tabs .nav-link:not(.active):hover .kt-tab-icon { background: #e6f0ff !important; color: var(--kt-blue-light) !important; }
/* Pestañas con ícono sin recuadro (Queues, historial del cliente): azul claro sin seleccionar, azul la seleccionada */
.kt-tabs .nav-link > i { color: var(--kt-tab-inactivo); transition: color 0.15s; }
.kt-tabs .nav-link.active > i { color: var(--kt-blue); }
.kt-crud .kt-tabs + .tab-content { background: #fff; border: 1px solid var(--kt-border); border-radius: 0 14px 14px 14px; padding: 16px; box-shadow: var(--kt-shadow); }
.kt-crud .btn-cancelar { background: #fff; border: 1px solid var(--kt-border); color: var(--kt-muted); border-radius: 10px; font-weight: 700; padding-left: 1.5rem; padding-right: 1.5rem; }
.kt-crud .btn-cancelar:hover { background: #f3f6fa; color: var(--kt-text); }
.kt-crud .kt-btn-peligro { background: #d93a3f; border-color: #d93a3f; color: #fff; border-radius: 10px; font-weight: 800; }
.kt-crud .kt-btn-exito { background: #14955a; border-color: #14955a; color: #fff; border-radius: 10px; font-weight: 800; }
.kt-aviso { border-radius: 10px; padding: 12px 14px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.kt-aviso.kt-rojo { background: #fdecec; color: #b42328; }
.kt-aviso.kt-naranja { background: var(--kt-orange-tint); color: #a85400; }
.kt-aviso.kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue-dark); }
.kt-aviso.kt-verde { background: #e7f7ef; color: #0f7a49; }
.pac-container { z-index: 2000 !important; }

/* select2 dentro de capturas: mismo alto y bordes que los demás campos */
.kt-crud .select2-container--classic .select2-selection--single,
.kt-crud .select2-container--default .select2-selection--single { min-height: 40px; height: 40px; border-radius: 10px; border-color: var(--kt-border); background: #fff; }
.kt-crud .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.kt-crud .select2-container .select2-selection--single .select2-selection__arrow, .kt-crud .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow { height: 38px; border-radius: 0 10px 10px 0; background: #fff; border-left: 0; }

/* Ícono dentro de un campo: <div class="position-relative"><i class="fas ... kt-input-icon"></i><input class="form-control ps-5"></div> */
.kt-input-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-orange); pointer-events: none; z-index: 2; }
.kt-list-icon.kt-rojo { background: #fdecec; color: #d93a3f; }

/* ------------------------------------ Header ------------------------------------ */
/* Íconos del header en azul claro (lupa, teléfono, notificaciones, chat y avatar); más oscuro al pasar el mouse */
:root {
	--kt-header-icon: var(--kt-blue-light);
	--kt-header-icon-hover: var(--kt-blue);
}

#header .kt-header-icono > i { color: var(--kt-header-icon); transition: color 0.15s; }
#header .kt-header-icono:hover > i,
#header .kt-header-icono:focus-visible > i,
#header .navbar-item.show > .kt-header-icono > i { color: var(--kt-header-icon-hover); }
#header .navbar-link.kt-header-icono:hover,
#header .navbar-link.kt-header-icono:focus { opacity: 1; }

/* Avatar del usuario: fondo azul claro con el ícono azul */
#header .navbar-user .image.kt-header-avatar { background: var(--kt-blue-tint); box-shadow: inset 0 0 0 1px #d3e4fb; }
#header .navbar-user .image.kt-header-avatar i { color: var(--kt-blue); font-size: 15px; }

/* Búsqueda global: siempre visible a la izquierda, justo después de la barra lateral */
#header .kt-header-search { flex: 0 1 520px; min-width: 140px; margin: 0 auto 0 0; padding: 0 16px; }
#header .kt-header-search #search-form { width: 100%; }
#header .kt-header-search .form-group { position: relative; margin: 0; }
#header .kt-header-search .kt-header-search-icono { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-header-icon); font-size: 14px; pointer-events: none; z-index: 2; }
#header .kt-header-search .form-control,
#header .kt-header-search .form-control:focus { width: 100%; height: 36px; padding: 6px 16px 6px 38px; border: 1px solid var(--kt-border); border-radius: 999px; background: #f7faff; color: var(--kt-text); font-size: 13px; animation: none; }
#header .kt-header-search .form-control::placeholder { color: var(--kt-muted); opacity: 1; }
#header .kt-header-search .form-control:hover { border-color: #c9d9ee; }
#header .kt-header-search .form-control:focus { background: #fff; border-color: var(--kt-header-icon); box-shadow: 0 0 0 3px rgba(59, 140, 255, 0.15); }

/* Celular: el campo ocupa lo que dejan libre los íconos en la segunda fila del header (16px evita el zoom de iOS) */
@media (max-width: 767.98px) {
	#header .kt-header-search { flex: 1 1 auto; min-width: 0; margin: 7px 8px 7px 0; padding: 0; }
	#header .kt-header-search .form-control,
	#header .kt-header-search .form-control:focus { font-size: 16px; }
}

/* Menú flotante de acciones rápidas / resultados de la búsqueda */
#quick-actions-menu.quick-actions-menu { border: 1px solid var(--kt-border); border-radius: 12px; box-shadow: var(--kt-shadow-hover); }

/* ------------------------------- Tags de trabajos (js/kt-tags.js) ------------------------------- */
/* Campo con los chips del trabajo; clic o foco abre el panel desplegable */
.kt-tags { position: relative; min-width: 0; }
.kt-tags-campo { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 32px; padding: 3px 6px; background: #fff; border: 1px solid var(--kt-border); border-radius: 10px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s; }
.kt-tags-campo:hover { border-color: #c9d6e8; }
.kt-tags-campo:focus,
.kt-tags-campo.kt-tags-campo-abierto { outline: 0; border-color: var(--kt-blue-light); box-shadow: 0 0 0 3px rgba(59, 140, 255, 0.15); }
.kt-tags-chip { gap: 2px; max-width: 100%; }
.kt-tags-chip-txt { overflow: hidden; text-overflow: ellipsis; }
.kt-tags-quitar { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-right: -4px; padding: 0; color: inherit; font-size: 9px; background: transparent; border: 0; border-radius: 50%; opacity: 0.8; cursor: pointer; }
.kt-tags-quitar:hover,
.kt-tags-quitar:focus-visible { background: rgba(0, 0, 0, 0.18); opacity: 1; outline: 0; }
.kt-tags-mas { display: inline-flex; align-items: center; gap: 5px; padding: 2px 4px; color: var(--kt-muted); font-size: 12px; white-space: nowrap; }
.kt-tags-mas i { color: var(--kt-blue); font-size: 10px; }
.kt-tags.kt-tags-ocupado .kt-tags-campo { opacity: 0.65; pointer-events: none; }

/* Panel (va en el body mientras está abierto, encima de la barra lateral y de los modales) */
.kt-tags-panel { position: fixed; z-index: 1090; padding: 8px; color: var(--kt-text); font-size: 13px; background: #fff; border: 1px solid var(--kt-border); border-radius: 12px; box-shadow: var(--kt-shadow-hover); }
.kt-tags-panel.kt-tags-ocupado .kt-tags-lista { opacity: 0.65; pointer-events: none; }
.kt-tags-nuevo { display: flex; align-items: center; gap: 8px; width: 100%; margin-bottom: 6px; padding: 7px 8px; color: var(--kt-orange-dark); font-weight: 700; text-align: left; background: var(--kt-orange-tint); border: 0; border-radius: 8px; }
.kt-tags-nuevo:hover,
.kt-tags-nuevo:focus-visible { background: #ffe9d1; outline: 0; }
.kt-tags-buscar { border-radius: 8px; }
.kt-tags-lista { position: relative; max-height: 220px; margin: 6px 0 0; padding: 0; overflow-y: auto; list-style: none; }
.kt-tags-opcion { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.kt-tags-opcion.kt-tags-activo { color: var(--kt-navy); background: var(--kt-blue-tint); }
.kt-tags-opcion-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kt-tags-punto { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; }
.kt-tags-crear { color: var(--kt-blue); font-weight: 600; }
.kt-tags-crear i { width: 10px; font-size: 11px; text-align: center; }
.kt-tags-vacio { padding: 8px; color: var(--kt-muted); font-style: italic; }
.kt-tags-aviso,
.kt-tags-error { margin-top: 6px; padding: 6px 8px; color: #d93a3f; font-size: 12px; background: #fdecec; border-radius: 8px; }
.kt-tags-aviso.kt-tags-aviso-info { color: var(--kt-navy); background: var(--kt-blue-tint); }

/* Formulario de tag nuevo dentro del panel */
.kt-tags-nuevo-tit { margin-bottom: 8px; color: var(--kt-navy); font-weight: 800; }
.kt-tags-lbl { display: block; margin: 0 0 4px; color: var(--kt-muted); font-size: 11px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
.kt-tags-form .form-control { margin-bottom: 10px; border-radius: 8px; }
.kt-tags-colores { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.kt-tags-color { width: 22px; height: 22px; padding: 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--kt-border); cursor: pointer; }
.kt-tags-color.kt-tags-color-activo { box-shadow: 0 0 0 2px var(--kt-blue); }
.kt-tags-color:focus-visible { outline: 0; box-shadow: 0 0 0 2px var(--kt-blue-light); }
.kt-tags-acciones { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
.kt-tags-volver { display: inline-flex; align-items: center; gap: 6px; color: var(--kt-muted); font-size: 12px; font-weight: 600; text-decoration: none; }
.kt-tags-volver:hover { color: var(--kt-blue); }
.kt-tags-guardar { min-width: 72px; padding: 4px 16px; }

/* Descripción corta debajo del título de una lista o reporte */
.kt-list-desc { color: var(--kt-muted); font-size: 13px; margin-top: 2px; }

/* Íconos de contorno (Bootstrap Icons) en el menú lateral: mismo tamaño visual que los de Font Awesome */
.app-sidebar .menu > .menu-item > .menu-link .menu-icon .bi { font-size: 17px; line-height: 1; }
.app-sidebar .menu > .menu-item > .menu-link .menu-text { font-weight: inherit; }

/* Línea tenue entre los grupos del menú lateral */
.app-sidebar .kt-menu-separador { height: 1px; margin: 8px 22px; background: rgba(255, 255, 255, 0.14); }
.app-sidebar-minified .app-sidebar .kt-menu-separador { margin: 8px 14px; }

/* Header un poco más alto: sus elementos ya no quedan pegados al borde inferior y las vistas tienen más aire */
@media (min-width: 768px) {
	.app-header { min-height: 62px; align-items: center; }
	.app-header .navbar-nav { align-items: center; }
	.app-header-fixed { padding-top: 62px; }
	.app-content { padding-top: 28px; }
}

/* ===== Etiquetas dentro del campo ("floating label"), en todos los CRUD (.kt-crud, .kt-form-card; ver js/kt-campos.js) =====
   Vacío: la etiqueta se ve dentro del campo, como texto guía. Con valor o al escribir: sube y queda arriba del texto. */
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot { position: relative; }
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot > label {
	position: absolute; left: 13px; top: 0; height: 52px; margin: 0; z-index: 3;
	display: flex; align-items: center; pointer-events: none;
	font-size: 13.5px; font-weight: 500; text-transform: none; letter-spacing: 0; color: #8a96a8;
	transition: top .15s, height .15s, font-size .15s, color .15s;
}
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot > .form-control,
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot > .form-select { height: 52px; min-height: 52px; padding-top: 20px; padding-bottom: 4px; }
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot-area > .form-control { height: auto; padding-top: 24px; }
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot-area > label { height: 46px; }
/* Con valor o con foco: etiqueta chica arriba, dentro del campo */
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot.kt-lleno > label,
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot:focus-within > label {
	height: auto; top: 7px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--kt-muted);
}
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot:focus-within > label { color: var(--kt-blue); }
/* Sin valor y sin foco: el placeholder no se ve (la etiqueta hace ese papel) */
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot:not(.kt-lleno):not(:focus-within) > .form-control::placeholder { color: transparent; }
/* select2 del campo: misma altura y el texto debajo de la etiqueta */
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot-select .select2-container .select2-selection--single { height: 52px !important; }
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot-select .select2-container .select2-selection--single .select2-selection__rendered { padding-top: 18px; line-height: 30px !important; }
:is(.kt-etiquetas-dentro, .kt-crud, .kt-form-card) .kt-field.kt-flot-select .select2-container .select2-selection--single .select2-selection__arrow { height: 50px !important; }

/* ========== VISTAS (antes dentro del body) ========== */

/* ----- Shared/_ChatPanel ----- */
/* Chat interno tipo Facebook: botón flotante abajo a la derecha y ventana flotante con el chat */
.kt-ichat-fab {
    position: fixed; right: 24px; bottom: 24px; z-index: 2990;
    width: 58px; height: 58px; border-radius: 50%; border: 0;
    background: linear-gradient(135deg, var(--kt-blue-light) 0%, var(--kt-blue) 100%); color: #fff;
    font-size: 24px; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 26px rgba(16, 42, 90, .32); cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.kt-ichat-fab:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 30px rgba(16, 42, 90, .38); }
.kt-ichat-fab.kt-oculto { opacity: 0; transform: scale(.6); pointer-events: none; }
.kt-ichat-fab-count {
    position: absolute; top: -2px; right: -2px; min-width: 22px; height: 22px; padding: 0 6px;
    border-radius: 11px; background: #e53935; color: #fff; border: 2px solid #fff;
    font-size: 11px; font-weight: 800; line-height: 18px; text-align: center;
}
.kt-ichat-ventana {
    position: fixed; right: 24px; bottom: 24px; z-index: 3000;
    width: 760px; height: 540px; max-width: calc(100vw - 32px); max-height: calc(100vh - 90px);
    display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden;
    box-shadow: 0 18px 50px rgba(16, 42, 90, .30);
    opacity: 0; visibility: hidden; transform: translateY(16px) scale(.98); transform-origin: bottom right;
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s, width .2s ease, height .2s ease;
}
.kt-ichat-ventana.active { opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease, transform .2s ease, width .2s ease, height .2s ease; }
.kt-ichat-ventana.kt-grande { width: 1100px; height: calc(100vh - 90px); }
.kt-ichat-ventana-header {
    display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 18px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--kt-blue) 0%, var(--kt-blue-dark) 100%); color: #fff;
}
.kt-ichat-ventana-icono { font-size: 22px; line-height: 1; }
.kt-ichat-ventana-titulo { font-weight: 800; font-size: 15px; line-height: 1.2; }
.kt-ichat-ventana-sub { font-size: 12px; opacity: .85; }
.kt-ichat-ventana-btn {
    width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer;
}
.kt-ichat-ventana-btn:hover { background: rgba(255, 255, 255, .16); }
.kt-ichat-ventana-body { flex: 1 1 auto; min-height: 0; }
.kt-ichat-ventana-body iframe { display: block; width: 100%; height: 100%; border: 0; }
/* Celular: la ventana ocupa toda la pantalla */
@media (max-width: 575.98px) {
    .kt-ichat-fab { right: 16px; bottom: 16px; }
    .kt-ichat-ventana, .kt-ichat-ventana.kt-grande { right: 0; bottom: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; border-radius: 0; }
    .kt-ichat-ventana-btn[data-ichat="maximizar"] { display: none; }
}

/* ----- Shared/_Header ----- */
/* Conteo de no leídos sobre el ícono del chat (mismo lugar y tamaño que el de las notificaciones) */
				#openInternalChat { position: relative; }
				#openInternalChat #kt-ichat-count { position: absolute; top: 2px; right: 0; line-height: 12px; font-weight: 600; padding: 3px 6px; font-size: 10.5px; border-radius: 30px; }

/* ----- Shared/_Header ----- */
/* Menú del usuario (nombre en el header) */
	.kesher-user-menu {
		min-width: 290px;
		padding: 0 0 8px 0;
		border-radius: 14px;
		overflow: hidden;
	}

	.kesher-user-head {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 16px 18px;
		margin-bottom: 8px;
		background: linear-gradient(135deg, #0058b0, #0a7ae0);
		color: #fff;
	}

	.kesher-user-avatar {
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.2);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		font-size: 18px;
	}

	.kesher-user-name { font-weight: 800; font-size: 14px; }
	.kesher-user-sub { font-size: 11px; opacity: 0.85; }

	.kesher-user-item {
		display: flex !important;
		align-items: center;
		gap: 12px;
		padding: 9px 18px !important;
		transition: background 0.15s;
	}

		.kesher-user-item small { color: #6c757d; font-size: 11px; }
		.kesher-user-item:hover { background: #f1f6fd; }

	.kesher-user-icon {
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 14px;
	}

	.kesher-user-icon.bg-blue-new { background-color: #0058b0; }
	.kesher-user-logout:hover { background: #fdf0f0; color: #dc3545; }

	.navbar {
		/* Reduce el padding superior e inferior (vertical) */
		padding-top: 2px !important; /* Ajusta a un valor menor */
		padding-bottom: 5px !important; /* Ajusta a un valor menor */
		/* Si tienes una altura mínima (min-height) definida, puedes reducirla */
		/* min-height: 40px !important; */
	}

	/* También puedes necesitar reducir el padding de los elementos individuales dentro de la barra,
		   como los enlaces y los items del navbar */
	.navbar-item, .navbar-link {
		/* Reduce el padding vertical de los elementos internos */
		padding-top: 1px !important;
		padding-bottom: 1px !important;
	}

	/* El campo de búsqueda del header se estiliza en kesher-theme.css (.kt-header-search) */

	.quick-actions-menu {
		/* Posicionamiento y ancho por defecto (escritorio) */
		position: absolute;
		z-index: 1050;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 0.25rem;
		box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
		min-width: 180px;
		padding: 0.5rem 0;
		max-height: 400px;
		overflow-y: auto; /* Permite desplazamiento vertical si el contenido es grande */
		overflow-x: hidden;
		/* Nueva propiedad: Posicionamiento en escritorio, ajustado a la derecha */
		right: 0;
		left: auto; /* Aseguramos que se alinee a la derecha de la lupa */
		top: 100%; /* Justo debajo del header */
	}

	.quick-action-link {
		/* Mantenemos el estilo de Bootstrap/dropdown */
		border-bottom: 1px solid #eee; /* Línea de color gris muy claro */
		padding-bottom: 0.5rem; /* Espacio debajo del contenido */
		margin-bottom: 0.5rem; /* Espacio debajo de la línea */
	}

	/* Opcional: Eliminar la línea del último elemento de cada grupo (para mejor estética) */
	/* Esto requiere una pequeña modificación en JavaScript (ver abajo) */
	.quick-action-link:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	:root {
		--blue-new: #0058b0;
	}

	.navbar-link.icon i {
		font-size: 18px;
	}

	.bg-blue-new {
		background-color: #0058b0 !important;
	}

	.text-blue-new {
		color: #0058b0 !important;
	}

	/* Animación cuando el teléfono de Twilio está activo */
	.phone-active {
		color: #28a745 !important; /* Verde cuando el dispositivo está registrado */
		animation: pulse-blue 2s infinite;
	}

	@keyframes pulse-blue {
		0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); }
	}

/* ----- Shared/_RecordatoriosHeader ----- */
/* Lista de recordatorios pendientes (SweetAlert del aviso al entrar y del ícono del header) */
		.kt-rec-lista { text-align: left; max-height: 55vh; overflow-y: auto; margin: 0 -4px; }
		.kt-rec-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border: 1px solid #e3e9f2; border-radius: 12px; margin: 0 4px 8px; background: #fff; }
		.kt-rec-txt { flex: 1 1 auto; min-width: 0; }
		.kt-rec-tit { font-weight: 700; font-size: 14px; color: #1d2b44; word-wrap: break-word; }
		.kt-rec-fecha { font-size: 12px; color: #6b778c; margin-top: 2px; }
		.kt-rec-desc { font-size: 12px; color: #6b778c; margin-top: 4px; white-space: pre-line; word-wrap: break-word; }
		.kt-rec-hecho { flex-shrink: 0; font-weight: 700; white-space: nowrap; }
		.kt-rec-vacio { padding: 18px 8px; color: #6b778c; font-size: 14px; }
		.kt-rec-vacio i { color: #2e9e5b; font-size: 18px; margin-right: 6px; vertical-align: -2px; }

/* ----- Catalogos/CompañiasIndex  (solo en: Catalogos/CompañiasIndex) ----- */
/* Columnas de la pestaña de datos: la última tarjeta de cada columna se estira para igualar alturas */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-col { display: flex; flex-direction: column; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-col > .kt-form-card:last-of-type { flex: 1 1 auto; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-estira { display: flex; flex-direction: column; flex: 1 1 auto; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) textarea.kt-cia-estira { min-height: 160px; }
/* Branch Details: requeridos, nota del título, subtítulo de API y pie con aviso */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-req { color: #e5484d; font-weight: 800; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-nota { font-size: 12px; font-weight: 500; color: var(--kt-muted); }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-sub { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 13px; color: var(--kt-text); margin: 16px 0 10px; padding-top: 14px; border-top: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-sub .kt-tab-icon { width: 26px; height: 26px; font-size: 12px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-copiar { color: var(--kt-blue); border-color: var(--kt-blue); font-weight: 700; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-pie { justify-content: space-between !important; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-pie-req { font-size: 12px; color: var(--kt-muted); }
/* Canales de comunicación: renglón con switch, ícono, nombre, resumen y flecha; los campos se despliegan */
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canales { display: grid; gap: 8px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal { border: 1px solid var(--kt-border); border-radius: 12px; background: #fff; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal.kt-on { background: #f5f9ff; border-color: #d6e6ff; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-head { display: grid; grid-template-columns: auto 30px minmax(110px, 160px) minmax(0, 1fr) 30px; align-items: center; gap: 12px; padding: 8px 12px; cursor: pointer; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-head .form-switch .form-check-input { width: 2.6em; height: 1.35em; cursor: pointer; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-ico { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-nom { font-weight: 800; font-size: 13px; color: var(--kt-text); white-space: nowrap; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-res { font-size: 12px; color: var(--kt-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-res.kt-vacio { color: var(--kt-muted); font-style: italic; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-flecha { border: 0; background: transparent; color: var(--kt-text); width: 30px; height: 30px; border-radius: 8px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-flecha:hover { background: var(--kt-blue-tint); }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-flecha i { transition: transform .2s; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal.abierto .kt-canal-flecha i { transform: rotate(180deg); }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-body { display: none; padding: 4px 12px 12px; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal.abierto .kt-canal-body { display: block; }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-cia-webhook .kt-canal-nom { min-width: 80px; }
@media (max-width: 575.98px) { :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-head { grid-template-columns: auto 30px minmax(0, 1fr) 30px; } :where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .kt-canal-res { display: none; } }
:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .btn-emoji {
		background: none;
		border: none;
		padding: 4px 8px;
		font-size: 1.2rem;
		transition: all 0.2s ease;
		cursor: pointer;
		border-radius: 5px;
	}

		:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .btn-emoji:hover {
			background-color: #e9ecef; /* Un gris muy tenue al pasar el mouse */
			transform: scale(1.3); /* El emoji se agranda un poco */
		}

		:where(html[data-kt-vista="Catalogos/CompañiasIndex"]) .btn-emoji:active {
			background-color: #dee2e6;
		}

/* ----- Catalogos/JobsCatIndex  (solo en: Catalogos/JobsCatIndex) ----- */
:where(html[data-kt-vista="Catalogos/JobsCatIndex"]) #loading-spinner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.85);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* ----- Catalogos/JobsTypeIndex  (solo en: Catalogos/JobsTypeIndex) ----- */
:where(html[data-kt-vista="Catalogos/JobsTypeIndex"]) #loading-spinner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.85);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* ----- Configuracion/NotificacionesIndex  (solo en: Configuracion/NotificacionesIndex) ----- */
/* Team Notifications: tarjetas, plantillas, lista con avance de lectura, alta en tres pasos y panel de detalle */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-icono { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-kpi { display: flex; align-items: center; gap: 14px; height: 100%; padding: 16px 20px; background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; box-shadow: var(--kt-shadow); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-kpi-ico { width: 46px; height: 46px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-kpi-num { font-size: 26px; font-weight: 800; color: var(--kt-navy); line-height: 1.1; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-kpi-lbl { font-size: 13px; color: var(--kt-text); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-kpi-pct { align-self: flex-end; font-weight: 700; font-size: 13px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-verde-txt { color: #14955a; }

/* Plantillas: tarjeta de alta en blanco + tipos sugeridos */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantillas { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; padding: 14px 16px; background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; box-shadow: var(--kt-shadow); transition: border-color .15s, transform .15s; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla:hover { border-color: var(--kt-blue); transform: translateY(-1px); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-ico { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 4px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-tit { font-weight: 800; font-size: 13.5px; color: var(--kt-navy); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-desc { font-size: 12px; color: var(--kt-muted); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-nueva { background: var(--kt-blue); border-color: var(--kt-blue); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-nueva .tn-plantilla-ico { background: rgba(255, 255, 255, .2); color: #fff; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-nueva .tn-plantilla-tit, :where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-plantilla-nueva .tn-plantilla-desc { color: #fff; }

/* Sin envíos */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-vacio { text-align: center; padding: 48px 20px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-vacio-ico { width: 84px; height: 84px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 36px; background: var(--kt-blue-tint); color: var(--kt-blue); margin-bottom: 14px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-vacio h4 { font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-vacio p { color: var(--kt-muted); }

/* Filtros con etiqueta chica arriba del valor */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-combo { position: relative; min-width: 170px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-combo > i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--kt-blue); pointer-events: none; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-combo-lbl { position: absolute; left: 36px; top: 5px; font-size: 10.5px; color: var(--kt-muted); pointer-events: none; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-combo .form-select { padding: 17px 32px 3px 36px; height: 44px; font-weight: 600; font-size: 13px; border-radius: 10px; }

/* Lista */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) #tn-tabla tbody tr { cursor: pointer; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-nombre { min-width: 0; max-width: 260px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-preview { font-size: 12px; color: var(--kt-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-dest-ico { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--kt-blue-tint); color: var(--kt-blue); font-size: 13px; flex-shrink: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-dest-grande { width: 42px; height: 42px; font-size: 17px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-progreso { min-width: 150px; font-size: 12.5px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-pista { height: 7px; border-radius: 4px; background: #edf1f6; overflow: hidden; margin-top: 5px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-pista > div { height: 100%; border-radius: 4px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-barra-verde { background: #14955a; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-barra-azul { background: #2f80ed; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-barra-naranja { background: #f7931e; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-estado { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-estado i { font-size: 8px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-estado.tn-programado i { font-size: 11px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-leido { background: #e7f7ef; color: #0f7a49; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-parcial { background: var(--kt-orange-tint); color: #a85400; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-noleido { background: #fdecec; color: #b42328; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-programado { background: var(--kt-blue-tint); color: var(--kt-blue-dark); }

/* Alta: pasos, destinatarios y revisión */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-paso { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--kt-navy); margin-bottom: 14px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-paso > span { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--kt-blue); color: #fff; font-size: 13px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-req { color: #e5484d; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-editor-caja { border: 1px solid var(--kt-border); border-radius: 10px; overflow: hidden; background: #fff; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-editor-caja .ql-toolbar { border: 0; border-bottom: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-editor-caja .ql-container { border: 0; height: 200px; font-size: 14px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-opcion { display: flex; align-items: center; gap: 8px; font-size: 13.5px; margin-bottom: 6px; cursor: pointer; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-opcion .form-check-input { margin: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-busca { position: relative; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-busca > i { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); font-size: 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-busca .form-control { padding-left: 32px; font-size: 13px; border-radius: 8px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuarios { max-height: 250px; overflow-y: auto; border: 1px solid var(--kt-border); border-radius: 10px; margin-top: 8px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuarios.tn-deshabilitada { opacity: .5; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuario-fila { display: flex; align-items: center; gap: 10px; padding: 7px 12px; font-size: 13px; margin: 0; cursor: pointer; border-bottom: 1px solid #f0f3f7; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuario-fila:last-child { border-bottom: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuario-fila .form-check-input { margin: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-ini { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--kt-blue-tint); color: var(--kt-blue); font-size: 10.5px; font-weight: 800; margin-right: 8px; flex-shrink: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-usuario-fila .tn-ini { margin-right: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-resumen { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; background: var(--kt-blue-tint); color: var(--kt-blue); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-resumen > i { font-size: 20px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-resumen-lbl { font-size: 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-resumen-num { font-size: 18px; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-rev-asunto { margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--kt-text); word-break: break-word; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-rev-cuando { font-size: 12px; color: var(--kt-muted); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-pie { justify-content: space-between !important; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-pie-req { font-size: 12px; color: var(--kt-muted); }

/* Panel de detalle (offcanvas a la derecha) */
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-detalle { width: 480px !important; max-width: 100%; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-detalle .offcanvas-header { border-bottom: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-detalle .offcanvas-title { font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-head { display: flex; align-items: center; gap: 14px; margin-bottom: 6px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-titulo { font-size: 18px; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-sec { font-weight: 800; color: var(--kt-navy); margin: 20px 0 8px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-mensaje { background: #f5f8fd; border-radius: 12px; padding: 14px 16px; font-size: 13.5px; color: var(--kt-text); word-break: break-word; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-mensaje p:last-child { margin-bottom: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-pct { font-size: 13px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-pista { margin-top: 0; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-mini { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--kt-border); border-radius: 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-mini .tn-kpi-ico { width: 34px; height: 34px; font-size: 15px; border-radius: 50%; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-tabla { border: 1px solid var(--kt-border); border-radius: 10px; overflow: hidden; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-tabla th { background: #f5f8fd; font-size: 11px; text-transform: uppercase; color: var(--kt-muted); font-weight: 700; padding: 8px 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-tabla td { font-size: 13px; padding: 7px 12px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-punto { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-punto-verde { background: #14955a; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-punto-naranja { background: #f7931e; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-punto-azul { background: #2f80ed; }
:where(html[data-kt-vista="Configuracion/NotificacionesIndex"]) .tn-det-pie { display: flex; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--kt-border); }

/* ----- Chat/ChatIndex  (solo en: Chat/ChatIndex) ----- */
/* ===================== Messages: diseño de 3 columnas ===================== */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat {
        display: grid;
        grid-template-columns: 250px 340px minmax(0, 1fr);
        gap: 16px;
        height: 100%;
        min-height: 0;
        color: var(--kt-text);
    }

    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-col {
        background: #fff;
        border: 1px solid var(--kt-border);
        border-radius: 16px;
        box-shadow: var(--kt-shadow);
        display: flex;
        flex-direction: column;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }

    /* --- Columna 1: categorías --- */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cats-head { display: flex; align-items: center; gap: 12px; padding: 18px 16px 12px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cats-icon { width: 42px; height: 42px; font-size: 18px; border-radius: 12px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cats-title { font-size: 1.25rem; font-weight: 800; margin: 0; color: var(--kt-text); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-list { display: flex; flex-direction: column; gap: 2px; padding: 4px 10px 12px; overflow-y: auto; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat {
        display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px;
        color: var(--kt-text); text-decoration: none; font-weight: 600; font-size: 13.5px; white-space: nowrap;
        transition: background .15s, color .15s;
    }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat:hover { background: #f5f8fc; color: var(--kt-text); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat.active { background: var(--kt-blue-tint); color: var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-icon { width: 22px; text-align: center; color: var(--kt-muted); flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat.active .kt-chat-cat-icon { color: var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-lbl { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-num { font-size: 12px; font-weight: 700; color: var(--kt-muted); min-width: 18px; text-align: right; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat.active .kt-chat-cat-num { color: var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--kt-orange); flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-dot[hidden] { display: none; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-wa, :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-icon.kt-chat-wa, :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat.active .kt-chat-cat-icon.kt-chat-wa { color: #25d366; }

    /* --- Columna 2: búsqueda y contactos --- */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar { display: flex; align-items: center; gap: 8px; padding: 14px; border-bottom: 1px solid var(--kt-border); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar .form-control { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; padding-left: 2.4rem; padding-right: 2.2rem; background: #f7faff; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); pointer-events: none; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar-limpiar { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); padding: 4px 8px; border: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar .kt-btn-icon { width: 40px; height: 40px; flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-buscar-info { font-size: 12px; color: var(--kt-muted); padding: 8px 16px; border-bottom: 1px solid var(--kt-border); background: #fbfcfe; }
    /* Filtros Business / Company debajo de la búsqueda (dos combos en la columna de contactos) */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-filtros { display: flex; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--kt-border); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-filtros .kt-list-filtro { flex: 1 1 0; min-width: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-filtros .form-select { border-radius: 10px; border-color: var(--kt-border); min-height: 36px; font-size: 13px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-lista-body { flex: 1 1 auto; overflow-y: auto; min-height: 0; }

    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-item .messenger-chat-link {
        display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--kt-text);
        border-bottom: 1px solid #f1f4f8; transition: background .15s;
    }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-item .messenger-chat-link:hover { background: #f7faff; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-item.active .messenger-chat-link { background: var(--kt-blue-tint); box-shadow: inset 3px 0 0 var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-avatar { width: 42px; height: 42px; font-size: 14px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-content { flex: 1 1 auto; min-width: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-row-name { font-weight: 700; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-time { font-size: 11.5px; color: var(--kt-muted); white-space: nowrap; flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-time.kt-azul-txt, :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-time.text-green { font-weight: 700; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-row-sub { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat .messenger-chat-desc { flex: 1 1 auto; min-width: 0; font-size: 12.5px; color: var(--kt-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-row-nuevo .messenger-chat-desc { color: var(--kt-text); font-weight: 600; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-row-tipo { font-size: 11px; color: var(--kt-muted); width: 14px; text-align: center; flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-dot-unread { width: 9px; height: 9px; border-radius: 50%; background: var(--kt-blue); flex-shrink: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-dot-unread.kt-chat-dot-wa { background: #25d366; }

    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-vacio { text-align: center; color: var(--kt-muted); padding: 40px 16px; font-size: 13px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-vacio i { font-size: 32px; color: #c9d4e3; display: block; margin-bottom: 10px; }

    /* --- Columna 3: conversación --- */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-head { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--kt-border); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-avatar { width: 48px; height: 48px; font-size: 16px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-info { min-width: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-nombre { font-weight: 800; font-size: 1.05rem; text-transform: uppercase; color: var(--kt-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-sub { font-size: 12px; color: var(--kt-muted); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-sub i { margin-right: 4px; }

    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-aviso-busqueda { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 8px 18px; background: var(--kt-orange-tint); color: var(--kt-text); border-bottom: 1px solid var(--kt-border); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-aviso-busqueda > i { color: var(--kt-orange-dark); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-aviso-busqueda a { color: var(--kt-blue); font-weight: 600; text-decoration: none; white-space: nowrap; }

    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-mensajes { flex: 1 1 auto; overflow-y: auto; min-height: 0; padding: 12px 18px; background: #fbfcfe; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-sep { text-align: center; margin: 14px 0 10px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-sep span { display: inline-block; font-size: 11.5px; font-weight: 700; color: var(--kt-muted); background: #eef2f7; border-radius: 20px; padding: 3px 12px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; max-width: 780px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-enviado { margin-left: auto; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-avatar { width: 32px; height: 32px; font-size: 12px; margin-top: 2px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-card { flex: 1 1 auto; min-width: 0; background: #fff; border: 1px solid var(--kt-border); border-radius: 12px; padding: 8px 12px 10px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-enviado .kt-msg-card { background: var(--kt-blue-tint); border-color: #d6e6ff; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-enviado.kt-msg-wa .kt-msg-card { background: #e7f7ef; border-color: #c9ecd9; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-head { display: flex; align-items: center; gap: 8px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-autor { font-weight: 700; font-size: 13px; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-hora { font-size: 11.5px; color: var(--kt-muted); white-space: nowrap; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-menu { padding: 0 6px; line-height: 1.4; color: var(--kt-muted); border: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-menu:hover, :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-menu:focus { color: var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-body { margin-top: 4px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13.5px; color: var(--kt-text); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg-file { color: var(--kt-blue); text-decoration: none; font-weight: 600; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-mark { background: #ffe8c2; color: inherit; padding: 0 1px; border-radius: 3px; }

    /* --- Redacción del mensaje --- */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-composer { display: flex; align-items: flex-end; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--kt-border); background: #fff; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-tool { width: 40px; height: 40px; padding: 0; border-radius: 50%; color: var(--kt-muted); border: 0; font-size: 17px; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-tool:hover, :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-tool:focus { color: var(--kt-blue); background: var(--kt-blue-tint); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-input-wrap { position: relative; flex: 1 1 auto; min-width: 0; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-input-wrap textarea {
        border-radius: 20px; border-color: var(--kt-border); background: #f7faff; resize: none;
        min-height: 40px; max-height: 160px; overflow-y: auto; padding: 9px 42px 9px 16px; font-size: 13.5px;
    }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-emoji { position: absolute; right: 12px; bottom: 9px; color: var(--kt-muted); font-size: 18px; line-height: 1; }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-emoji:hover { color: var(--kt-blue); }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-send {
        width: 40px; height: 40px; border-radius: 50%; border: 0; flex-shrink: 0; color: #fff; font-size: 15px;
        background: var(--kt-blue); box-shadow: 0 4px 12px rgba(21, 101, 216, .3); transition: background .15s;
    }
    :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-send:hover { background: var(--kt-blue-dark); }

    /* --- Pantallas medianas: las categorías pasan a una fila de botones --- */
    @media (max-width: 1199.98px) {
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat { grid-template-columns: 220px 300px minmax(0, 1fr); }
    }

    @media (max-width: 991.98px) {
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat { grid-template-columns: 290px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 12px; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cats { grid-column: 1 / -1; border-radius: 14px; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cats-head { display: none; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-list { flex-direction: row; overflow-x: auto; overflow-y: hidden; padding: 8px; gap: 6px; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat { flex: 0 0 auto; border: 1px solid var(--kt-border); border-radius: 20px; padding: 6px 12px; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-cat-lbl { overflow: visible; }
    }

    /* --- Teléfonos: una columna; al abrir un contacto la conversación ocupa todo el ancho --- */
    @media (max-width: 767.98px) {
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat { grid-template-columns: minmax(0, 1fr); height: calc(100vh - 110px); }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv { display: none; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat.messenger-chat-content-mobile-toggled .kt-chat-conv { display: flex; grid-row: 1 / -1; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat.messenger-chat-content-mobile-toggled .kt-chat-cats,
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat.messenger-chat-content-mobile-toggled .kt-chat-lista { display: none; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-msg { max-width: 100%; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-conv-head { padding: 10px 12px; }
        :where(html[data-kt-vista="Chat/ChatIndex"]) .kt-chat-mensajes { padding: 10px; }
    }

    /* 🎨 Estilos para posicionar el panel de emojis sobre el input */

    /* CRUCIAL: Habilitar posicionamiento relativo en el contenedor padre
             * para que el panel de emojis se posicione absolutamente.
             */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .widget-chat-input {
        position: relative;
    }

    /* Estilos para el panel de emojis (la ventana emergente que el JS inyecta) */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .emoji-picker {
        position: absolute;
        bottom: 100%; /* Aparece justo encima del widget-chat-input */
        left: 0; /* Lo posiciona a la izquierda */
        margin-bottom: 5px;
        z-index: 100;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        border-radius: 8px;
        max-width: 250px;
        max-height: 200px;
        overflow-y: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }

    /* Estilos para cada emoji individual */
    :where(html[data-kt-vista="Chat/ChatIndex"]) .emoji-item {
        cursor: pointer;
        font-size: 20px;
        padding: 4px;
        transition: background-color 0.1s;
        border-radius: 4px;
        line-height: 1;
        user-select: none;
    }

        :where(html[data-kt-vista="Chat/ChatIndex"]) .emoji-item:hover {
            background-color: #f0f0f0;
        }

/* ----- Chat/InternalChat  (solo en: Chat/InternalChat) ----- */
:where(html[data-kt-vista="Chat/InternalChat"]) body, html:where([data-kt-vista="Chat/InternalChat"]) { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #ffffff; font-family: 'Open Sans', sans-serif; color: var(--kt-text); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .pace { display: none !important; }

        :where(html[data-kt-vista="Chat/InternalChat"]) .messenger { height: 100vh; display: flex; width: 100%; position: relative; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .messenger-chat { width: 100% !important; display: block; height: 100vh; flex: 1; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .messenger-content { width: 100% !important; display: none; height: 100vh; background: #fff; flex: 1; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .messenger-chat-content-mobile-toggled .messenger-chat { display: none !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .messenger-chat-content-mobile-toggled .messenger-content { display: flex !important; flex-direction: column; }

        /* Lista de contactos */
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-buscar { border-bottom: 1px solid var(--kt-border); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-buscar .form-control { height: 34px; border-radius: 999px; border: 1px solid var(--kt-border); background: #f7faff; font-size: 13px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .ps-30px { padding-left: 30px !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .pe-30px { padding-right: 30px !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .cursor-pointer { cursor: pointer; }
        :where(html[data-kt-vista="Chat/InternalChat"]) #btn-clear-search:hover { color: var(--kt-text) !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto .messenger-chat-link { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--kt-border); text-decoration: none; color: inherit; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto:hover { background-color: var(--kt-blue-tint) !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto .messenger-chat-content { flex: 1 1 auto; min-width: 0; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto .messenger-chat-title { display: flex; justify-content: space-between; gap: 8px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-nombre { font-weight: 700; font-size: 13px; color: var(--kt-blue-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto .messenger-chat-time { font-size: 11px; color: var(--kt-muted); white-space: nowrap; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto .messenger-chat-desc { font-size: 12px; color: var(--kt-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-azul { color: var(--kt-blue) !important; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-avatar { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--kt-blue-tint); color: var(--kt-blue); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-avatar-grupo { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-vacio { padding: 24px 12px; text-align: center; color: var(--kt-muted); font-size: 13px; }

        /* Conversación */
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-header { background: #fff; padding: 12px 15px; border-bottom: 1px solid var(--kt-border); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-titulo { font-size: 13px; font-weight: 800; color: var(--kt-text); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-sub { font-size: 10px; font-weight: 700; color: var(--kt-muted); text-transform: uppercase; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-mensajes { flex: 1 1 auto; overflow-y: auto; padding: 15px; background: #fff; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-msg { display: flex; margin-bottom: 12px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-msg.enviado { justify-content: flex-end; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-burbuja { display: inline-flex; flex-direction: column; min-width: 140px; max-width: 85%; padding: 10px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-burbuja.enviado { background: linear-gradient(135deg, var(--kt-blue-light) 0%, var(--kt-blue) 100%); border-radius: 15px 15px 2px 15px; color: #fff; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-burbuja.recibido { background: #f0f2f5; border-radius: 15px 15px 15px 2px; color: var(--kt-text); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-autor { font-size: 10px; font-weight: 700; opacity: 0.75; margin-bottom: 3px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-texto { font-size: 13px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-hora { align-self: flex-end; margin-top: 4px; font-size: 9px; font-weight: 600; opacity: 0.7; white-space: nowrap; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-archivo { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 12px; text-decoration: underline; color: inherit; margin-bottom: 4px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-img { display: block; max-width: 100%; max-height: 220px; border-radius: 10px; margin-bottom: 4px; }

        /* Captura del mensaje y emojis */
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-input { position: relative !important; background: #fff; padding: 8px; border-top: 1px solid var(--kt-border); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .textarea-ajustable { resize: none; max-height: 80px; background: #f0f2f5 !important; border-radius: 20px !important; padding: 8px 15px !important; border: none; font-size: 13px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-btn-icono { color: var(--kt-blue); padding: 4px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-btn-icono:hover { color: var(--kt-blue-dark); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-enviar { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; background: var(--kt-blue); color: #fff; border: 0; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-enviar:hover { background: var(--kt-blue-dark); color: #fff; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .emoji-picker { position: absolute; bottom: 100%; left: 10px; z-index: 9999; background: #fff; border: 1px solid var(--kt-border); padding: 10px; box-shadow: 0 -5px 20px rgba(16, 42, 90, 0.15); border-radius: 12px; display: none; flex-wrap: wrap; gap: 8px; max-width: 250px; margin-bottom: 5px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .emoji-item { cursor: pointer; font-size: 22px; transition: 0.2s; padding: 3px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .emoji-item:hover { transform: scale(1.2); background: #eee; border-radius: 5px; }

        /* Contacto abierto en la lista y encabezado de la conversación con avatar */
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-contacto.active .messenger-chat-link { background: var(--kt-blue-tint); box-shadow: inset 3px 0 0 var(--kt-blue); }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-header .kt-ichat-avatar { margin-right: 10px; }
        :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-bienvenida { display: none; }

        /* Ventana ancha (tipo Facebook): lista a la izquierda y conversación a la derecha */
        @media (min-width: 640px) {
            /* .messenger-chat-content-mobile-toggled: la plantilla oculta la lista y fija la conversación a pantalla completa debajo de 992 px */
            :where(html[data-kt-vista="Chat/InternalChat"]) .messenger.messenger-chat-content-mobile-toggled .messenger-content { position: static; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .messenger.messenger-chat-content-mobile-toggled .messenger-chat, :where(html[data-kt-vista="Chat/InternalChat"]) .messenger .messenger-chat { flex: 0 0 300px !important; width: 300px !important; display: block !important; border-right: 1px solid var(--kt-border); background: #fbfcfe; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .messenger .messenger-content { flex: 1 1 auto !important; display: flex !important; flex-direction: column; min-width: 0; overflow: hidden; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-atras { display: none !important; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-sin-conv .kt-ichat-header, :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-sin-conv .kt-ichat-mensajes, :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-sin-conv .kt-ichat-input { display: none !important; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-sin-conv .kt-ichat-bienvenida { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--kt-muted); font-size: 13px; text-align: center; padding: 24px; }
            :where(html[data-kt-vista="Chat/InternalChat"]) .kt-ichat-bienvenida i { font-size: 42px; color: var(--kt-blue); opacity: .35; }
        }


/* ----- Compras/ProveedoresMovs  (solo en: Compras/ProveedoresMovs) ----- */
:where(html[data-kt-vista="Compras/ProveedoresMovs"]) #autocomplete-suggestions {
		border: 1px solid #ccc;
		border-top: none;
		max-height: 200px;
		overflow-y: auto;
		position: absolute; /* O 'relative' si no interfiere con tu layout */
		z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
		background-color: white;
		width: inherit; /* O un ancho fijo */
	}

	:where(html[data-kt-vista="Compras/ProveedoresMovs"]) .autocomplete-suggestion-item {
		padding: 8px 12px;
		cursor: pointer;
		font-weight: bold;
	}

		:where(html[data-kt-vista="Compras/ProveedoresMovs"]) .autocomplete-suggestion-item:hover {
			background-color: #DCDCDC;
		}

/* ----- Dashboard/Dashboard1  (solo en: Dashboard/Dashboard1) ----- */
/* Colores de los íconos de las tarjetas (en KesherApp son globales) */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash .kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash .kt-naranja { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash .kt-verde { background: #e7f7ef; color: #14955a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash .kt-rojo { background: #fdecec; color: #d93a3f; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash .kt-morado { background: #f0eafc; color: #6a3fc8; }

/* Encabezado: título a la izquierda y filtros a la derecha */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin-bottom: 18px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-icono { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--kt-orange-tint); color: var(--kt-orange-dark); font-size: 22px; flex-shrink: 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-titulo { font-size: 26px; font-weight: 800; color: var(--kt-navy); margin: 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtros { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtro { min-width: 200px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtro > label { display: block; font-size: 12.5px; font-weight: 600; color: var(--kt-text); margin-bottom: 5px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-combo { position: relative; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-combo > i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--kt-blue); pointer-events: none; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-combo .form-select { padding-left: 36px; min-height: 42px; border-radius: 10px; background-color: #fff; font-weight: 600; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtros .form-control { min-height: 42px; border-radius: 10px; width: 120px; }

/* Tarjetas de resumen (arriba de las pestañas y las de finanzas): ícono en círculo, texto, número y cambio */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi { display: flex; align-items: flex-start; gap: 10px; height: 100%; padding: 16px 14px 14px; border-radius: 14px; border: 1px solid var(--kt-border); background: #fff; box-shadow: var(--kt-shadow); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi.kt-dash-naranja { background: #fff8f0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi.kt-dash-azul { background: #f2f7ff; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi.kt-dash-verde { background: #f1fbf5; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi.kt-dash-rojo { background: #fff4f4; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-ico { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpis > div, :where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi > div { min-width: 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-lbl { font-size: 13px; font-weight: 600; color: var(--kt-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-num { font-size: 26px; font-weight: 800; color: var(--kt-navy); line-height: 1.2; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-num.kt-dash-dinero { font-size: 22px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-num.kt-verde-txt { color: #14955a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-kpi-pie { font-size: 11.5px; color: var(--kt-muted); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-var { font-weight: 700; margin-right: 4px; color: var(--kt-muted); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-var i { margin-right: 3px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-var.kt-sube { color: #14955a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-var.kt-baja { color: #d93a3f; }

/* Pestañas subrayadas */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabs { gap: 6px; border-bottom: 1px solid var(--kt-border); margin-bottom: 16px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabs .nav-link { border: 0; border-bottom: 3px solid transparent; border-radius: 10px 10px 0 0; background: transparent; color: var(--kt-text); font-weight: 600; font-size: 14px; padding: 10px 18px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabs .nav-link:hover { color: var(--kt-blue); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabs .nav-link.active { background: #fff; color: var(--kt-blue); border-bottom-color: var(--kt-orange); font-weight: 800; }

/* Tarjetas de contenido de las pestañas */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; box-shadow: var(--kt-shadow); padding: 18px 20px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-card-tit { display: flex; align-items: center; font-size: 15px; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-sel { width: auto; min-width: 150px; font-size: 13px; border-radius: 8px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-sub { border: 1px solid var(--kt-border); border-radius: 12px; padding: 16px 18px; }

/* Distribución de estatus: etiqueta, barra, número y % */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist { display: grid; gap: 16px; padding-top: 6px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-fila { display: grid; grid-template-columns: 90px minmax(0, 1fr) 44px 44px; align-items: center; gap: 12px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-lbl { font-size: 13.5px; color: var(--kt-text); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-pista { height: 16px; border-radius: 8px; background: #edf1f6; overflow: hidden; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-barra { height: 100%; border-radius: 8px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-num { text-align: right; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-pct { text-align: right; font-size: 13px; color: var(--kt-muted); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-barra-naranja { background: #f7931e; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-barra-azul { background: #3b8cff; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-barra-verde { background: #14955a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-barra-roja { background: #e5484d; }

/* Leyenda y tabla de resumen de la cascada */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-leyenda { display: flex; gap: 16px; font-size: 12.5px; color: var(--kt-text); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-punto { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla { background: #f5f8fd; border-radius: 12px; padding: 6px 16px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-fila { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; font-size: 13.5px; color: var(--kt-text); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-fila + .kt-dash-tabla-fila,
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-det + .kt-dash-tabla-fila { border-top: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-fila strong { color: var(--kt-blue); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-det { padding: 2px 0 8px 12px; font-size: 12.5px; color: var(--kt-muted); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-det > div { display: flex; justify-content: space-between; padding: 2px 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-tabla-total strong { color: #14955a; font-size: 16px; }

/* Gráficas de Branches / Technicians Performance y tabla de detalle */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-graf { position: relative; height: 280px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-det thead th { background: #f5f8fd; color: var(--kt-text); font-size: 12.5px; font-weight: 700; border-bottom: 1px solid var(--kt-border); white-space: nowrap; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-det td { font-size: 13.5px; color: var(--kt-navy); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-graf-baja { height: 240px; }
/* Dona de Technicians Performance: gráfica con el total al centro y leyenda con número y % */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: center; gap: 28px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-graf { position: relative; height: 200px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-centro { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-centro strong { font-size: 26px; font-weight: 800; color: var(--kt-navy); line-height: 1.1; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-centro span { font-size: 12.5px; color: var(--kt-muted); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-ley { display: grid; gap: 14px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-fila { display: grid; grid-template-columns: minmax(0, 1fr) 50px 50px; align-items: center; font-size: 13.5px; color: var(--kt-text); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-fila strong { text-align: right; color: var(--kt-navy); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona-fila .kt-dash-punto { border-radius: 50%; }
/* Búsqueda de la tabla de detalle */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-buscar { position: relative; width: 240px; max-width: 100%; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-buscar .form-control { padding-right: 34px; font-size: 13px; border-radius: 8px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-buscar > i { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); pointer-events: none; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-det-sub { font-size: 11.5px; color: var(--kt-muted); }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-det tfoot td { background: #f5f8fd; font-weight: 800; border-bottom: 0; }

/* Solo en keshercrm: tablas con scroll, mapas, ranking de agentes y % de conversión */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-scroll { max-height: 400px; overflow-y: auto; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-scroll thead th { position: sticky; top: 0; z-index: 1; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-mapa { position: relative; border-radius: 12px; overflow: hidden; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-mapa > div[id$="-jobs-map"] { height: 260px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-mapa-tip { position: absolute; top: 10px; right: 10px; z-index: 100; background: rgba(0, 0, 0, .7); color: #fff; padding: 5px 10px; border-radius: 6px; display: none; font-size: 12px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dist-fila.kt-dash-dist-ancha { grid-template-columns: 150px minmax(0, 1fr) 54px 50px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-pista-doble { display: flex; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-pista-doble .kt-dash-dist-barra { border-radius: 0; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-det-barra { min-width: 220px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank { display: grid; gap: 8px; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-fila { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 10px; background: #f5f8fd; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-pos { font-weight: 800; color: var(--kt-muted); text-align: center; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-1 { color: #f5a623; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-2 { color: #8a96a8; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-3 { color: #c26a3a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-rank-nombre { font-weight: 700; color: var(--kt-navy); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-conv-alta { color: #14955a; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-conv-media { color: #c77800; }
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-conv-baja { color: #d93a3f; }

@media (max-width: 575.98px) {
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-dona { grid-template-columns: 1fr; }
}
@media (max-width: 991.98px) {
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtros, :where(html[data-kt-vista="Dashboard/Dashboard1"]) .kt-dash-filtro { width: 100%; }
}

/* ----- Dashboard/Parciales/_CompañiasTab1  (solo en: Dashboard/Dashboard1) ----- */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .sticky-top {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #f8f9fa !important;
        box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-800 {
        font-weight: 800;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-900 {
        font-weight: 900;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-11px {
        font-size: 11px;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-10px {
        font-size: 10px;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-success {
        background-color: #e8f5e9;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-info {
        background-color: #e3f2fd;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) #us-jobs-map, :where(html[data-kt-vista="Dashboard/Dashboard1"]) #ca-jobs-map {
        position: relative;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .jvectormap-tip {
        position: absolute !important;
        white-space: nowrap;
        z-index: 2000;
        background: rgba(0,0,0,0.8);
        color: white;
        padding: 5px;
        border-radius: 3px;
        pointer-events: none; /* Evita que el mouse 'brinque' al tocar el texto */
    }

/* ----- Dashboard/Parciales/_DispachersTab1  (solo en: Dashboard/Dashboard1) ----- */
:where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-primary {
        background-color: #e7f1ff;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-info {
        background-color: #e1f5fe;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-success {
        background-color: #e8f5e9;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .bg-light-warning {
        background-color: #fff9c4;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-800 {
        font-weight: 800;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-900 {
        font-weight: 900;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-11px {
        font-size: 11px;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .shadow-xs {
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

/* ----- Dashboard/Parciales/_TrabajosTab1  (solo en: Dashboard/Dashboard1) ----- */
/* Tipografía Kesher New */
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-900 {
        font-weight: 900 !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-800 {
        font-weight: 800 !important;
    }

    /* El valor bajó de 2.5rem a 2.1rem para ser más estético */
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) h2.fw-900 {
        letter-spacing: -1px;
    }

    /* Porcentaje en negro sólido y legible */
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .text-dark {
        color: #212529 !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-13px {
        font-size: 13px !important;
    }

    /* Tarjetas más delgadas (compactas) */
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .py-2 {
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .shadow-sm {
        box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .w-45 {
        width: 45%;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .w-10 {
        width: 10%;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fw-900 {
        font-weight: 900 !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-11px {
        font-size: 11px !important;
    }

    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fs-12px {
        font-size: 12px !important;
    }

    /* Efecto de flecha suave */
    :where(html[data-kt-vista="Dashboard/Dashboard1"]) .fa-chevron-right {
        color: #e9ecef !important;
    }

/* ----- GroupPortal/Index  (solo en: GroupPortal/Index) ----- */
:where(html[data-kt-vista="GroupPortal/Index"]) body {
                background-color: #f4f7fa;
                font-family: 'Inter', system-ui, -apple-system, sans-serif;
            }

            :where(html[data-kt-vista="GroupPortal/Index"]) .card-portal {
                border-radius: 20px;
                border: none;
                box-shadow: 0 15px 40px rgba(0, 88, 176, 0.08);
            }

            :where(html[data-kt-vista="GroupPortal/Index"]) .bg-kesher {
                background: linear-gradient(135deg, #0058b0 0%, #002f6c 100%);
            }

            :where(html[data-kt-vista="GroupPortal/Index"]) .form-control-portal {
                border-radius: 10px;
                border: 1px solid #dee2e6;
                padding: 12px 14px;
                font-size: 14px;
            }

                :where(html[data-kt-vista="GroupPortal/Index"]) .form-control-portal:focus {
                    border-color: #0058b0;
                    box-shadow: 0 0 0 4px rgba(0,88,176,0.1);
                }

            :where(html[data-kt-vista="GroupPortal/Index"]) .card-on-file-badge {
                background: #e8f5e9;
                color: #2e7d32;
                padding: 6px 14px;
                border-radius: 20px;
                font-size: 11px;
                font-weight: 800;
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            :where(html[data-kt-vista="GroupPortal/Index"]) .info-tip-box {
                background-color: #f0f7ff;
                border-left: 4px solid #0058b0;
                border-radius: 8px;
                padding: 12px;
                font-size: 12px;
                line-height: 1.5;
                color: #334155;
            }

/* ----- Home/KesherPhone  (solo en: Home/KesherPhone) ----- */
/* 1. MATAR PACE JS */
        :where(html[data-kt-vista="Home/KesherPhone"]) .pace, :where(html[data-kt-vista="Home/KesherPhone"]) .pace-progress, :where(html[data-kt-vista="Home/KesherPhone"]) .pace-activity { display: none !important; visibility: hidden !important; }

        html:where([data-kt-vista="Home/KesherPhone"]), :where(html[data-kt-vista="Home/KesherPhone"]) body { 
            background: #ffffff !important; margin: 0 !important; padding: 0 !important; 
            height: 100% !important; width: 100% !important; overflow: hidden !important;
            font-family: 'Open Sans', sans-serif;
        }
        :where(html[data-kt-vista="Home/KesherPhone"]) #kesher-softphone { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100vh !important; transition: all 0.3s ease; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .softphone-header { background: #0058b0 !important; color: white !important; padding: 15px 20px !important; font-size: 15px !important; flex-shrink: 0; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .softphone-body { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; padding: 15px 30px 25px 30px !important; background: #ffffff !important; justify-content: space-between; transition: all 0.3s ease-in-out; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .status-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
        :where(html[data-kt-vista="Home/KesherPhone"]) #phone-status-badge, :where(html[data-kt-vista="Home/KesherPhone"]) #telnyx-status { font-size: 10px; padding: 4px 10px; border-radius: 20px; font-weight: 800; text-transform: uppercase; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .user-info { text-align: right; line-height: 1.1; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .user-info .name { font-weight: 700; font-size: 11px; color: #333; display: block; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .user-info .ext { font-size: 10px; color: #0058b0; font-weight: 800; }

        :where(html[data-kt-vista="Home/KesherPhone"]) #call-info-panel { background: #f0f7ff; border: 1px solid #d0e3ff; border-radius: 12px; padding: 10px; margin-bottom: 10px; display: none; animation: fadeInDown 0.3s; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .info-label { font-size: 8px; color: #666; text-transform: uppercase; font-weight: 800; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .info-value { font-size: 13px; color: #0058b0; font-weight: 700; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .dialer-input-container { position: relative; width: 100%; margin-bottom: 10px; }
        :where(html[data-kt-vista="Home/KesherPhone"]) #dialer-number { font-size: 34px !important; border: none !important; background: transparent !important; text-align: center; color: #333; font-weight: 300; width: 100%; transition: all 0.3s; box-shadow: none !important; cursor: default; }
        :where(html[data-kt-vista="Home/KesherPhone"]) #dialer-number::placeholder { font-size: 18px !important; color: #ccc !important; font-weight: 400; letter-spacing: 1px; }
        
        :where(html[data-kt-vista="Home/KesherPhone"]) #btn-delete-digit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #ccc; cursor: pointer; display: none; padding: 10px; }
        /* Botón para pegar un número del portapapeles, a la izquierda del número (el borrar va a la derecha) */
        :where(html[data-kt-vista="Home/KesherPhone"]) #btn-paste-number { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #b8c2d0; cursor: pointer; padding: 10px; transition: color 0.15s; }
        :where(html[data-kt-vista="Home/KesherPhone"]) #btn-paste-number:hover { color: #0058b0; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .call-controls { display: none; justify-content: center; gap: 20px; margin-bottom: 15px; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .btn-control { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ddd; background: white; color: #666; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .btn-control.active { background: #ffc107; color: white; border-color: #ffc107; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .dialer-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; justify-items: center; margin-bottom: 20px; transition: all 0.3s; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .dialer-grid button { width: 65px !important; height: 65px !important; font-size: 24px !important; border-radius: 50% !important; background: #f4f6f9 !important; border: 1px solid #eef0f2 !important; color: #333 !important; display: flex; align-items: center; justify-content: center; transition: all 0.2s; padding:0; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .dialer-grid button:active { background: #0058b0 !important; color: white !important; transform: scale(0.9); }

        :where(html[data-kt-vista="Home/KesherPhone"]) .in-call-mode .dialer-grid { gap: 8px !important; margin-bottom: 10px !important; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .in-call-mode .dialer-grid button { width: 52px !important; height: 52px !important; font-size: 18px !important; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .in-call-mode #dialer-number { font-size: 24px !important; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .btn-call-action { height: 60px !important; border-radius: 35px !important; font-weight: 800 !important; font-size: 16px !important; letter-spacing: 1px; }
        
        /* FILA DE LLAMADA ENTRANTE */
        :where(html[data-kt-vista="Home/KesherPhone"]) .incoming-container { display: none !important; align-items: center; gap: 12px; }
        :where(html[data-kt-vista="Home/KesherPhone"]) .btn-answer-wide { flex-grow: 1; } /* Botón grande */
        :where(html[data-kt-vista="Home/KesherPhone"]) .btn-reject-small { width: 60px !important; flex-shrink: 0; background: white !important; color: #dc3545 !important; border: 2px solid #dc3545 !important; }

        :where(html[data-kt-vista="Home/KesherPhone"]) .pulse-green { animation: pulse-green-animation 2s infinite; }
        @keyframes pulse-green-animation { 0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); } 100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); } }
        @keyframes fadeInDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

/* ----- Jobs/ClientesIndex  (mismo diseño que Clients / Technicians de KesherApp: clases kt-tec-*, modal #movs-cliente) ----- */
/* Clients: mapa de la ubicación del cliente en el modal (lugar del área de servicio del técnico) */
:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-cli-mapa { width: 100%; height: 100%; min-height: 400px; border-radius: 12px; border: 1px solid var(--kt-border); overflow: hidden; }
:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-cli-mapa-vacio { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 8px 12px; border-radius: 10px; background: rgba(255, 255, 255, .95); box-shadow: var(--kt-shadow); font-size: 12.5px; font-weight: 600; color: var(--kt-muted); }
:where(html[data-kt-vista="Jobs/ClientesIndex"]) .alert-soft-info {
	background-color: #e8f4fd;
	border-left: 4px solid #348fe2 !important;
	}

	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .fs-13px {
	font-size: 13px !important;
	}

	/* ---- Modal de técnico: diseño nuevo ---- */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .modal-content { border-radius: 16px; overflow: hidden; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-modal-header { background: #fff; padding: 18px 24px; border-bottom: 1px solid var(--kt-border) !important; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-modal-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
		background: var(--kt-blue-tint); color: var(--kt-blue); font-size: 22px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .modal-title { color: var(--kt-text); font-weight: 800; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-modal-sub { color: var(--kt-muted); font-size: 13px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .modal-body { background: var(--kt-page) !important; }

	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-form-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; padding: 20px 22px; box-shadow: var(--kt-shadow); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-field { margin-bottom: 14px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-field > label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--kt-muted); margin-bottom: 5px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .form-control, :where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .form-select { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .form-control:focus { border-color: var(--kt-blue-light); box-shadow: 0 0 0 3px rgba(21, 101, 216, .12); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente textarea.form-control { resize: none; min-height: 180px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-input-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-orange); pointer-events: none; }

	/* Pestañas con ícono */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tabs { gap: 6px; border-bottom: 0; flex-wrap: wrap; margin-bottom: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tabs .nav-link { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 12px 12px 0 0;
		color: var(--kt-muted); font-weight: 700; font-size: 13px; background: transparent; border: 1px solid transparent; border-bottom: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tabs .nav-link:hover { color: var(--kt-text); background: rgba(255, 255, 255, .6); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tabs .nav-link.active { background: #fff; color: var(--kt-text); border-color: var(--kt-border); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .tab-content.panel { border: 1px solid var(--kt-border); border-radius: 0 14px 14px 14px !important; box-shadow: var(--kt-shadow); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tab-icon { width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tab-icon.kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tab-icon.kt-naranja { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }

	/* Pestaña Messages */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-canal { border: 1px solid var(--kt-border); border-radius: 12px; padding: 14px; margin-bottom: 12px; background: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-canal-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .form-switch .form-check-input { width: 2.6em; height: 1.4em; cursor: pointer; margin-top: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .form-switch .form-check-input:checked { background-color: var(--kt-orange); border-color: var(--kt-orange); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-wa-row { display: grid; grid-template-columns: auto 80px 1fr 1fr; gap: 8px; align-items: center; margin-bottom: 10px; }
	/* Área de servicio arriba de las pestañas (mapa de dibujo y estados completos) */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-tabs .nav-link { padding: 6px 12px; font-size: 13px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-tabs .kt-tab-icon { width: 24px; height: 24px; font-size: 12px; border-radius: 7px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-tabs .nav-link.active { background: var(--kt-page); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-panel { border: 1px solid var(--kt-border); border-radius: 0 12px 12px 12px; padding: 12px; background: var(--kt-page); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-mapa { width: 100%; height: 238px; border: 1px solid var(--kt-border); border-radius: 12px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-estados { height: 256px; border: 1px solid var(--kt-border); border-radius: 12px; background: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-usa { position: relative; height: 298px; border-radius: 12px; overflow: hidden; }
	/* Zip Codes List: la tabla llena el alto de las otras pestañas del área */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-area-zips { height: 262px; border: 1px solid var(--kt-border); border-radius: 12px; background: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tec-zip-borrar { border: 0; background: transparent; color: #e5484d; padding: 2px 6px; border-radius: 6px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tec-zip-borrar:hover { background: #fdecec; }
	/* Messages: 3 renglones iguales; SMS, E-Mail y Call Mask a la izquierda y WhatsApp ocupa los tres a la derecha */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 12px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid > .kt-canal { margin-bottom: 0; display: flex; flex-direction: column; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid > .kt-canal > .form-control, :where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid > .kt-canal > .input-group { margin-top: auto; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-wa { justify-content: space-between; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-wa > .kt-wa-row { margin-bottom: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-sms { grid-area: 1 / 1; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-email { grid-area: 2 / 1; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-mask { grid-area: 3 / 1; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-wa { grid-area: 1 / 2 / 4 / 3; }
	/* Comments: un solo campo; alto parecido al de Messages para que la pestaña no se vea vacía */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tec-comentarios { padding: 18px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-tec-comentarios textarea.kt-tec-notas { min-height: 283px; line-height: 1.5; }
	@media (max-width: 991.98px) {
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-msg-grid > .kt-canal { grid-area: auto; }
	}
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-wa-label { font-size: 12px; font-weight: 700; color: var(--kt-muted); }
	@media (max-width: 575.98px) {
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-wa-row { grid-template-columns: auto 1fr; }
	}

	/* Pestaña Pay Roll & Commissions */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 14px; padding: 16px; height: 100%; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente #com-tabla-wrap.kt-pay-card { height: auto; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-head { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--kt-text); margin-bottom: 14px; flex-wrap: wrap; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-switch-txt { font-size: 12px; font-weight: 600; color: var(--kt-muted); display: flex; align-items: center; gap: 8px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-switch-txt .form-check-input { margin-left: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-aviso { background: var(--kt-blue-tint); color: var(--kt-blue-dark); border-radius: 10px; padding: 12px 14px; font-size: 13px; font-weight: 600; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-nota { font-size: 12px; color: var(--kt-muted); background: #f8fafd; border-radius: 8px; padding: 8px 10px; margin-bottom: 12px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-sub { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--kt-muted); margin: 4px 0 6px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-pay-sub span { text-transform: none; letter-spacing: 0; font-weight: 500; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-seg { display: flex; background: #f1f4f9; border-radius: 10px; padding: 3px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-seg button { flex: 1; border: 0; background: transparent; border-radius: 8px; padding: 7px 8px; font-size: 13px; font-weight: 700; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-seg button.active { background: #fff; color: var(--kt-blue); box-shadow: 0 1px 4px rgba(16, 42, 90, .12); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee { display: flex; align-items: center; gap: 8px; border: 1px solid var(--kt-border); border-radius: 10px; padding: 4px 4px 4px 10px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee > i { color: var(--kt-orange); width: 16px; text-align: center; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-lbl { font-size: 12px; font-weight: 600; color: var(--kt-text); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee .form-control { width: 84px; min-height: 32px; height: 32px; border-radius: 8px; text-align: right; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-seg { display: inline-flex; background: #f1f4f9; border-radius: 8px; padding: 2px; gap: 2px; flex-shrink: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-seg button { width: 26px; height: 26px; border: 0; border-radius: 6px; background: transparent; color: #b3bccb; font-weight: 800; font-size: 13px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-seg button.active[data-m="0"] { background: #14955a; color: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-seg button.active[data-m="1"] { background: var(--kt-orange); color: #fff; }

	/* Tarjetas de opción: All / Select one by one */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion { width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; background: #fff; border: 2px solid var(--kt-border);
		border-radius: 12px; padding: 10px 12px; transition: all .15s; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion:hover { border-color: var(--kt-blue-light); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion.active { border-color: var(--kt-blue); background: var(--kt-blue-tint); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-radio { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #c5cfdc; flex-shrink: 0; position: relative; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion.active .kt-opcion-radio { border-color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion.active .kt-opcion-radio::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-icono { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-icono.kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-icono.kt-naranja { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion.active .kt-opcion-icono.kt-azul { background: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-txt { display: flex; flex-direction: column; min-width: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-tit { font-weight: 800; font-size: 13px; color: var(--kt-text); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-opcion-sub { font-size: 11px; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-btn-r { border-radius: 10px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-com-tabla thead th { font-size: 11px; text-transform: uppercase; color: var(--kt-muted); background: #f8fafd; border-bottom: 1px solid var(--kt-border); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-fee-chip { display: inline-block; font-size: 11px; font-weight: 600; background: #f2f4f7; border-radius: 12px; padding: 2px 8px; margin: 1px 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-mini { width: 30px; height: 30px; border: 0; border-radius: 8px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-mini.kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-mini.kt-rojo { background: #fdecec; color: #d93a3f; }

	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-btn-orange { background: var(--kt-orange); border-color: var(--kt-orange); color: #fff; border-radius: 10px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .kt-btn-orange:hover { background: var(--kt-orange-dark); border-color: var(--kt-orange-dark); color: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) #movs-cliente .modal-footer .btn-white { border-radius: 10px; }

	/* ---- Lista de técnicos ---- */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
		background: var(--kt-orange-tint); color: var(--kt-orange-dark); font-size: 24px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-title { color: var(--kt-text); font-weight: 800; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .breadcrumb { font-size: 12px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-orange { background: var(--kt-orange); border-color: var(--kt-orange); color: #fff; border-radius: 10px; padding-top: 9px; padding-bottom: 9px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-orange:hover { background: var(--kt-orange-dark); border-color: var(--kt-orange-dark); color: #fff; }

	/* Tarjetas de resumen */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat { display: flex; align-items: center; gap: 12px; text-align: left; background: #fff; border: 1px solid var(--kt-border);
		border-radius: 14px; padding: 14px 16px; box-shadow: var(--kt-shadow); transition: all .15s; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page button.kt-stat:hover { box-shadow: var(--kt-shadow-hover); transform: translateY(-1px); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat.active { border-color: var(--kt-blue); box-shadow: 0 0 0 3px rgba(21, 101, 216, .12); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat-icon { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat-num { display: block; font-size: 22px; font-weight: 800; color: var(--kt-text); line-height: 1.1; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat-lbl { display: block; font-size: 12px; font-weight: 600; color: var(--kt-muted); }

	/* Colores comunes */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-azul { background: var(--kt-blue-tint); color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-naranja { background: var(--kt-orange-tint); color: var(--kt-orange-dark); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-verde { background: #e7f7ef; color: #14955a; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-rojo { background: #fdecec; color: #d93a3f; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-gris { background: #eef1f5; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-amarillo { background: #fff8e1; color: #f5a623; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-azul-txt { color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-naranja-txt { color: var(--kt-orange-dark); }

	/* Tarjeta de la tabla y barra de herramientas */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-card { background: #fff; border: 1px solid var(--kt-border); border-radius: 16px; box-shadow: var(--kt-shadow); overflow: hidden; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--kt-border); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-buscar { flex: 1 1 260px; max-width: 380px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-team { flex: 0 1 240px; min-width: 200px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .form-control { border-radius: 10px; border-color: var(--kt-border); min-height: 40px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-input-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--kt-muted); pointer-events: none; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-light { background: #fff; border: 1px solid var(--kt-border); color: var(--kt-text); border-radius: 10px; font-size: 13px; font-weight: 600; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-light:hover { background: var(--kt-blue-tint); color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .select2-container--classic .select2-selection--single { height: 40px; border-radius: 10px; border-color: var(--kt-border); background: #fff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 38px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .select2-container--classic .select2-selection--single .select2-selection__arrow, :where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { height: 38px; border-radius: 0 10px 10px 0; background: #fff; border-left: 0; }

	/* Tabla */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table thead th { background: #f8fafd; color: var(--kt-muted); font-size: 11px; font-weight: 700; text-transform: uppercase;
		letter-spacing: .05em; border-bottom: 1px solid var(--kt-border); padding: 10px 14px; white-space: nowrap; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td { padding: 12px 14px; border-color: #eef2f7; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-fila { cursor: pointer; transition: background .1s; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-fila:hover td { background: #f7faff; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-avatar { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
		font-weight: 800; font-size: 14px; flex-shrink: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-avatar.kt-inactivo { filter: grayscale(1); opacity: .6; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-nombre { font-weight: 800; color: var(--kt-text); display: flex; align-items: center; gap: 6px; white-space: nowrap; }
	/* Aviso de datos faltantes pegado al nombre (no baja a otro renglón) */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-nombre .kt-aviso { flex: 0 0 auto; margin: 0 !important; }
	/* Segunda línea de las tarjetas de totales */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat-sub { display: block; font-size: 11.5px; color: #98a3b3; margin-top: 1px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-stat-info { font-size: 11px; color: #98a3b3; margin-left: 3px; cursor: help; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-sub { font-size: 12px; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-sub a { color: var(--kt-muted); text-decoration: none; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-sub a:hover { color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-id { color: #a9b4c4; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-sep { margin: 0 5px; color: #c3ccd8; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-aviso { color: var(--kt-orange); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 20px; white-space: nowrap; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-chip-team { background: var(--kt-blue-tint); color: var(--kt-blue-dark); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-chip-on { background: #e7f7ef; color: #14955a; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-chip-off { background: #f2f4f7; color: #b3bccb; text-decoration: line-through; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-estatus { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 20px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-estatus i { font-size: 7px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-estatus.kt-on { background: #e7f7ef; color: #14955a; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-estatus.kt-off { background: #f2f4f7; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tel { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--kt-text); text-decoration: none; white-space: nowrap; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tel i { color: var(--kt-blue); width: 14px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tel-2 { font-size: 12px; font-weight: 500; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tel:hover { color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-rating { white-space: nowrap; font-size: 12px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-star-on { color: #f5a623; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-star-off { color: #dde3ec; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-rating-num { margin-left: 6px; font-weight: 700; color: var(--kt-text); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-icon { width: 34px; height: 34px; padding: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; border: 0; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-btn-icon:hover { filter: brightness(.95); box-shadow: var(--kt-shadow); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-menu-acciones { border-radius: 12px; border: 1px solid var(--kt-border); box-shadow: var(--kt-shadow-hover); padding: 6px; font-size: 13px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-menu-acciones .dropdown-item { border-radius: 8px; padding: 8px 12px; display: flex; align-items: center; gap: 10px; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-menu-acciones .dropdown-item i { width: 16px; text-align: center; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-pie { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--kt-border); font-size: 13px; color: var(--kt-muted); }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-pie .dataTables_info { padding-top: 0 !important; }
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-pie .pagination { margin: 0; }

	/* Celular: cada técnico como tarjeta */
	@media (max-width: 767.98px) {
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table thead { display: none; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table, :where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody { display: block; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody tr { display: block; border: 1px solid var(--kt-border); border-radius: 14px; margin: 12px; padding: 6px 14px; box-shadow: var(--kt-shadow); }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; padding: 7px 0; text-align: right; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td::before { content: attr(data-label); font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--kt-muted); text-align: left; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td.kt-cel-nombre { border-bottom: 1px solid #eef2f7; padding-bottom: 10px; text-align: left; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td.kt-cel-nombre::before { display: none; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td .d-flex.flex-wrap { justify-content: flex-end; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-table tbody td:has(.kt-tel) { flex-wrap: wrap; }
		:where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-buscar, :where(html[data-kt-vista="Jobs/ClientesIndex"]) .kt-tec-page .kt-tec-team { max-width: none; flex: 1 1 100%; }
	}

	/* La lista de Google debe quedar arriba del modal */
	:where(html[data-kt-vista="Jobs/ClientesIndex"]) .pac-container { z-index: 2000 !important; }

/* ----- Jobs/Parciales/_ListaLlamadas  (solo en: Jobs/TrabajosIndex) ----- */
/* Ajuste para el reproductor de audio dentro del modal */
    :where(html[data-kt-vista="Jobs/TrabajosIndex"]) .audio-player::-webkit-media-controls-enclosure {
        border-radius: 5px;
        background-color: #f8f9fa;
    }

/* ----- Jobs/Parciales/_TrabajoCierre  (solo en: Jobs/TrabajosProc) ----- */
/* Encabezado de las secciones que se expanden */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-cierre-toggle {
        background-color: #fff;
        border: 0;
        font-weight: 800;
        font-size: 14px;
        color: var(--kt-text);
        padding: 14px 20px;
    }

        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-cierre-toggle:hover {
            background-color: #f8fafd;
        }

    /* Montos de las tarjetas de resumen (inputs sin borde) */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-stat .form-control-plaintext {
        padding: 0;
        font-size: 20px;
        font-weight: 800;
        color: var(--kt-text);
    }

    /* Cinta del desglose de costos */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-desglose > .col > div {
        border: 1px solid var(--kt-border);
        border-radius: 12px;
        padding: 8px 10px;
        height: 100%;
    }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-desglose .form-control-plaintext {
        color: inherit;
    }

/* ----- Jobs/Parciales/_TrabajoDetalle  (solo en: Jobs/TrabajosProc) ----- */
/* Campos de solo lectura con el tono del tema */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .form-control:read-only {
        background-color: #f8fafd !important;
        border-color: var(--kt-border) !important;
        color: var(--kt-text) !important;
    }

    /* Renglón expandible del historial (lo usa el JS de la página) */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) td.details-control {
        cursor: pointer;
        text-align: center;
        width: 30px;
        color: var(--kt-blue);
    }

        :where(html[data-kt-vista="Jobs/TrabajosProc"]) td.details-control::before {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            content: "\f055";
        }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) tr.shown td.details-control::before {
        content: "\f056";
        color: #d93a3f;
    }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .child-row-message {
        background-color: var(--kt-blue-tint);
        padding: 12px 15px;
        font-size: 0.85em;
        color: var(--kt-text);
        border-left: 4px solid var(--kt-blue);
        border-radius: 0 8px 8px 0;
    }

/* ----- Jobs/Parciales/_TrabajoNotas  (solo en: Jobs/TrabajosProc) ----- */
/* Comentarios editables dentro de la tabla de llamadas (el JS guarda al salir del campo) */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .observaciones-editable {
        border: 1px solid var(--kt-border) !important;
        border-radius: 8px;
        font-size: 12px;
        padding: 5px 8px;
        transition: border-color 0.2s;
    }

        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .observaciones-editable:focus {
            border-color: var(--kt-blue) !important;
            outline: none;
        }

    /* Lista de tareas */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .task-item {
        transition: all 0.2s;
        border: 1px solid var(--kt-border) !important;
        border-left: 4px solid transparent !important;
        border-radius: 12px !important;
    }

        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .task-item:hover {
            background-color: #fff !important;
            box-shadow: var(--kt-shadow);
        }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .task-completed {
        border-left-color: #14955a !important;
    }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .task-pending {
        border-left-color: var(--kt-orange) !important;
    }

/* ----- Jobs/TrabajosIndex  (solo en: Jobs/TrabajosIndex) ----- */
:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .fs-9px { font-size: 9px !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .fs-10px { font-size: 10px !important; }
	/* New Job: botón azul más grande */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-btn-nuevo-trabajo { display: inline-flex; align-items: center; gap: 10px; padding: 12px 26px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #2f7bf0, #1565d8); color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 8px 18px rgba(21, 101, 216, 0.32); transition: transform 0.15s, box-shadow 0.15s; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-btn-nuevo-trabajo:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(21, 101, 216, 0.4); }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-btn-nuevo-trabajo > i { font-size: 16px; }

	/* Follow-ups: una pestaña más (mismo tamaño) en naranja claro, pin y número en naranja; activa (filtrando), naranja sólido */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .nav-link.kt-tab-followup { background: #fff4e6 !important; border-color: #f9cf9c !important; color: #9a4f00 !important; font-weight: 700; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .nav-link.kt-tab-followup:hover { background: #ffead2 !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .nav-link.kt-tab-followup i { margin-right: 6px; color: var(--kt-orange) !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-followups-num { display: inline-block; min-width: 20px; margin-left: 6px; padding: 0 7px; border: 1px solid var(--kt-orange); border-radius: 10px; background: var(--kt-orange); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; transition: opacity 0.2s; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-followups-num.kt-tab-badge-cargando { opacity: 0.5; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .nav-link.kt-tab-followup.active-followup { background: var(--kt-orange) !important; border-color: var(--kt-orange) !important; color: #fff !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .nav-link.kt-tab-followup.active-followup i { color: #fff !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-tab-followup.active-followup .kt-followups-num { background: #fff; border-color: #fff; color: var(--kt-orange); }
	/* Contador de trabajos en cada pestaña de estatus: gris en las inactivas, naranja en la activa (fondo azul) */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .kt-tab-badge { display: inline-block; min-width: 20px; margin-left: 6px; padding: 0 7px; border-radius: 10px; background: var(--kt-tab-inactivo-bg); color: #6fa6f5; border: 1px solid #dbe9ff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; vertical-align: 1px; transition: opacity .2s; }
	/* Pestaña seleccionada: contador en naranja (gana a la regla general del tema) */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-estatus .kt-list-tabs .nav-link.active .kt-tab-badge { background: var(--kt-orange) !important; color: #fff !important; border-color: var(--kt-orange) !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-tabs .kt-tab-badge.kt-tab-badge-cargando { opacity: .5; }

	/* "More filters": segundo renglón de la barra (Tag, Job Type, City) y su contador */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-mas-filtros { background: #f8fafd; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-mas-filtros-num { display: inline-block; min-width: 18px; margin-left: 6px; padding: 0 6px; border-radius: 9px; background: var(--kt-orange); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }

	/* Sidebar Styles */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .sidebar1-right { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: white; z-index: 1050; transition: 0.3s; box-shadow: -2px 0 10px rgba(0,0,0,0.1); }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .sidebar1-right.open { right: 0; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .sidebar1-header { background: #0058b0; color: white; }

	/* Forzamos que la capa gris tenga color y visibilidad */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .modal-backdrop {
		background-color: rgba(0, 0, 0, 0.5) !important; /* Gris estándar */
	}

	/* Reducimos el z-index de la página principal para que el fondo la cubra */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) body.modal-open .kt-list-card {
		z-index: 1;
	}

	/* Aseguramos que el modal esté por encima de todo */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .modal {
		z-index: 1060 !important;
	}
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .modal-backdrop {
		z-index: 1050 !important;
	}

	/* Filtro de fecha en un solo control: [Date | tipo de fecha | rango | fechas propias] */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo { display: flex; align-items: stretch; flex: 0 1 auto; min-height: 40px; background: #fff; border: 1px solid var(--kt-border); border-radius: 10px; overflow: hidden; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 0.2rem rgba(21, 101, 216, 0.15); }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo-lbl { display: flex; align-items: center; gap: 6px; padding: 0 12px; background: var(--kt-blue-tint); color: var(--kt-blue); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo .form-select,
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo .form-control { border: 0 !important; border-radius: 0 !important; min-height: 38px; box-shadow: none !important; background-color: transparent; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo > .form-select + .form-select,
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo > .kt-fecha-grupo-rango { border-left: 1px solid var(--kt-border) !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo #TipoFecha { width: auto; min-width: 124px; font-weight: 700; color: var(--kt-navy); }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo #dateRangeSelector { width: auto; min-width: 140px; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo-rango { display: flex; align-items: center; gap: 4px; padding-right: 8px; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo-rango .form-control { width: 108px; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo-rango.d-none { display: none !important; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-list-filtro.kt-list-filtro-fecha { flex: 0 1 auto; }
	@media (max-width: 767.98px) {
		:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo { flex: 1 1 100%; flex-wrap: wrap; }
		:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo .form-select { flex: 1 1 0; }
		:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-grupo-rango { flex: 1 1 100%; border-left: 0 !important; border-top: 1px solid var(--kt-border); padding: 0 8px; }
	}

	/* Frase con lo que se está viendo: "12 Submited jobs scheduled this week (Oct 12 – Oct 18, 2026)" */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-resumen { display: flex; align-items: center; gap: 8px; padding: 9px 16px; background: #f8fbff; border-bottom: 1px solid var(--kt-border); color: var(--kt-text); font-size: 13px; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-resumen:empty { display: none; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-resumen > i { color: var(--kt-blue); }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-resumen b { color: var(--kt-navy); font-weight: 700; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fecha-resumen-rango { color: var(--kt-muted); }

	/* Reporte Job Timeline: las cuatro fechas del trabajo en renglones chicos; la del filtro, resaltada */
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fechas-linea { font-size: 11.5px; line-height: 1.5; color: #475569; white-space: nowrap; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fechas-lbl { display: inline-block; min-width: 66px; color: var(--kt-muted); font-weight: 600; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fechas-na { color: #a3adbb; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fechas-activa { color: var(--kt-navy); font-weight: 700; }
	:where(html[data-kt-vista="Jobs/TrabajosIndex"]) .kt-fechas-activa .kt-fechas-lbl { color: var(--kt-blue); }

/* ----- Jobs/TrabajosMovs  (solo en: Jobs/TrabajosMovs) ----- */
:where(html[data-kt-vista="Jobs/TrabajosMovs"]) #autocomplete-suggestions {
        border: 1px solid #ccc;
        border-top: none;
        max-height: 200px;
        overflow-y: auto;
        position: absolute; /* O 'relative' si no interfiere con tu layout */
        z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
        background-color: white;
        width: inherit; /* O un ancho fijo */
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .autocomplete-suggestion-item {
        padding: 8px 12px;
        cursor: pointer;
        font-weight: bold;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .autocomplete-suggestion-item:hover {
            background-color: #DCDCDC;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .stopwatch-alert {
        color: red !important; /* text-blue-new también es !important */
        font-weight: bold;
        background-color: white; /* <-- Agrega esta línea */
        padding: 2px 5px; /* Opcional: para darle un poco de espacio al fondo */
        border-radius: 3px; /* Opcional: bordes ligeramente redondeados */
    }

    /* Animación de alerta de emergencia */
    @keyframes alert-pulse {
        0% { background-color: rgba(220, 53, 69, 0.2); }
        50% { background-color: rgba(220, 53, 69, 0.6); }
        100% { background-color: rgba(220, 53, 69, 0.2); }
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .emergency-backdrop {
        animation: alert-pulse 1s infinite;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .btn-slot-kesher {
        height: 50px !important; /* Ligeramente más bajos para que quepan 4 filas */
        border: 1px solid #0058b0 !important; /* Borde más fino */
        background-color: #ffffff !important;
        color: #0058b0 !important;
        font-weight: 800 !important;
        font-size: 12px !important; /* Letra un poco más pequeña para 4 columnas */
        border-radius: 8px !important;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px !important;
        line-height: 1;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .btn-slot-kesher.active {
        background-color: #28a745 !important;
        border-color: #1e7e34 !important;
        color: white !important;
        box-shadow: 0 3px 8px rgba(40, 167, 69, 0.3) !important;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .btn-slot-kesher:disabled {
        border: 1px solid #e2e8f0 !important;
        background-color: #f8f9fa !important;
        color: #cbd5e0 !important;
        opacity: 0.5;
    }

    /* Reducir el espacio entre columnas para ganar ancho */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .row.g-1 {
        --bs-gutter-x: 0.25rem;
        --bs-gutter-y: 0.25rem;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .btn-slot-kesher:hover:not(:disabled) {
        background-color: #f0f7ff !important;
    }

    /* Tarjetas de Fecha */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .date-card {
        padding: 6px 2px !important; /* Menos espacio interno horizontal */
        border-color: #dee2e6 !important;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .date-card .fs-18px {
        font-size: 15px !important; /* Número un poco más pequeño para balancear */
    }
    
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .date-card.active {
        background: #0058b0 !important;
        color: white !important;
        border-color: #0058b0 !important;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .date-card.active .text-primary { color: white !important; }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) #day-selector {
        gap: 4px !important;
    }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .fw-800 { font-weight: 800 !important; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .border-blue-new { border: 1px solid #0058b0 !important; }
    
    /* Ocultar scrollbar pero permitir scroll */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .hide-scrollbar::-webkit-scrollbar { display: none; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) #answer-banner span {
        font-family: 'Courier New', Courier, monospace; /* Estilo de script de lectura */
        font-size: 14px;
    }

    /* ---- Captura de trabajos: ajustes propios de esta página (pantalla densa) ---- */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-list-head { margin-bottom: 10px; gap: 8px 14px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-list-icon { width: 42px; height: 42px; font-size: 19px; border-radius: 12px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-list-title { font-size: 1.3rem; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-form-card { padding: 12px 14px; margin-bottom: 12px; }
    /* Columnas 1 y 2 terminan a la misma altura: la última tarjeta de cada una se estira */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page #Columna1, :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page #Columna2 { display: flex; flex-direction: column; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page #Columna1 > .kt-form-card:last-child, :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page #Columna2 > .kt-form-card:last-child { flex: 1 1 auto; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-form-card-tit { flex-wrap: wrap; margin-bottom: 10px; min-height: 31px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-field > label, :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-label { font-size: 11px; margin-bottom: 3px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .field-validation-error { font-size: 12px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .select2-container { width: 100% !important; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-page .kt-job-compinfo { background: #f8fafd; font-size: 13px; line-height: 1.5; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-crono { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--kt-border); border-radius: 10px; padding: 2px 12px; min-height: 38px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 6px 14px !important; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-mapa { width: 100%; height: 160px; border: 1px solid var(--kt-border); border-radius: 12px; overflow: hidden; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-manual { background: #f8fafd; border: 1px solid var(--kt-border); border-radius: 10px; padding: 6px 10px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-footer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; padding: 8px 0; }

    /* Mensajes y plantillas en los modales */
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-scroll { max-height: 600px; overflow-y: auto; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-msg { padding: 14px 16px; margin-bottom: 10px; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-msg-txt { font-size: 14px; color: var(--kt-text); white-space: pre-wrap; word-break: break-word; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-plantilla { padding: 14px 16px; margin-bottom: 10px; cursor: pointer; transition: all .15s; }
    :where(html[data-kt-vista="Jobs/TrabajosMovs"]) .kt-job-plantilla:hover { border-color: var(--kt-blue-light); box-shadow: var(--kt-shadow-hover); }

/* ----- Jobs/TrabajosProc  (solo en: Jobs/TrabajosProc) ----- */
/* Ajustes de esta pantalla: datos clave, tarjeta de Attachments, pestaña Details, Follow-Up y Log History */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-trabajo .kt-stat-num.kt-chico {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-trabajo #default-tab-4 > .card {
        border: 1px solid var(--kt-border) !important;
        border-radius: 14px;
        box-shadow: var(--kt-shadow);
    }

    /* Mensajes de texto en monoespaciado (Message History Log) */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-msg-mono { font-family: monospace; font-size: 11px !important; line-height: 1.2; }

    /* Estatus junto al número del trabajo: más grande y visible */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-list-head .kt-estatus { font-size: 14px; padding: 7px 14px; border-radius: 10px; box-shadow: 0 2px 6px rgba(15, 40, 80, 0.12); }

    /* Pestaña Details: tarjetas con la etiqueta a la izquierda del campo */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-card { padding: 18px 20px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid { display: grid; grid-template-columns: 130px minmax(0, 1fr) 100px minmax(0, 1fr); gap: 10px 14px; align-items: center; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid.kt-det-2 { grid-template-columns: 110px minmax(0, 1fr); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid > label { margin: 0; font-size: 13px; font-weight: 600; color: var(--kt-text); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid .kt-det-ancho { grid-column: 2 / -1; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid .kt-det-arriba { align-self: start; padding-top: 8px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-tel { display: flex; gap: 10px; min-width: 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-tel .kt-det-ext { flex: 0 0 90px; width: 90px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-envio { display: flex; gap: 8px; align-items: center; min-width: 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-envio .form-select,
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-envio .select2-container { flex: 1 1 auto; min-width: 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-envio .btn { flex: 0 0 auto; white-space: nowrap; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-switch { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--kt-muted); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-switch .form-check-input { margin: 0; float: none; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det .input-group-text { padding: 0 9px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det .input-group > .form-control { min-width: 0; padding-left: 6px; padding-right: 6px; }
    @media (max-width: 767.98px) {
        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid, :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid.kt-det-2 { grid-template-columns: minmax(0, 1fr); gap: 4px; }
        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid .kt-det-ancho { grid-column: auto; }
        :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-det-grid > label:not(:first-child) { margin-top: 8px; }
    }

    /* Tarjeta Follow-Up de Details: pestañas internas Tasks & To-Dos y Notes */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado { height: 100%; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-tabs { gap: 4px; margin-bottom: 14px; padding: 4px; border-radius: 12px; background: #f1f5fb; flex-wrap: nowrap; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-tabs .nav-item { flex: 1 1 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-tabs .nav-link { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 10px; border-radius: 9px; color: var(--kt-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-tabs .nav-link.active { background: #fff; color: var(--kt-navy); box-shadow: 0 1px 4px rgba(15, 40, 80, 0.12); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-tabs .nav-link.active > i { color: var(--kt-orange); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-num { min-width: 20px; padding: 0 6px; border-radius: 10px; background: #e3eaf3; color: var(--kt-navy); font-size: 11px; line-height: 18px; text-align: center; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hist-clip { width: 40px; padding-left: 0; padding-right: 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-nota { list-style: none; padding: 10px 14px; border: 1px solid var(--kt-border); border-left: 4px solid #f5a623; border-radius: 12px; background: #fffdf7; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-nota-txt { font-size: 13px; color: var(--kt-text); white-space: pre-wrap; word-break: break-word; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-nota-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; font-size: 12px; color: var(--kt-muted); }

    /* Log History: línea de tiempo centrada (más o menos media pantalla), del más reciente al más antiguo */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log { max-width: 780px; margin: 0 auto; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-total { margin-left: 8px; padding: 2px 9px; border-radius: 20px; background: #eef4fd; color: var(--kt-blue); font-size: 11.5px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-buscar { flex: 0 1 260px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-dia { display: inline-block; margin: 16px 0 10px; padding: 4px 12px; border-radius: 8px; background: var(--kt-navy); color: #fff; font-size: 12px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-item { position: relative; display: flex; gap: 14px; padding-bottom: 14px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-item::before { content: ""; position: absolute; left: 17px; top: 36px; bottom: 0; width: 2px; background: #e3eaf3; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-grupo .kt-log-item:last-child::before { display: none; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hist-punto { position: relative; z-index: 1; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; box-shadow: 0 0 0 4px #fff; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-azul { background: var(--kt-blue); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-naranja { background: var(--kt-orange); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-rojo { background: #d93a3f; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-verde { background: #14955a; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-gris { background: #8a94a6; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-amarillo { background: #f5a623; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-hp-claro { background: var(--kt-blue-tint); color: var(--kt-blue); border: 1px solid #cfe0fb; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-card { flex: 1 1 auto; min-width: 0; padding: 12px 16px; background: #fff; border: 1px solid var(--kt-border); border-radius: 12px; box-shadow: 0 1px 3px rgba(15, 40, 80, 0.05); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-mov { font-size: 14px; font-weight: 700; color: var(--kt-navy); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-hora { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--kt-muted); white-space: nowrap; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-txt { margin-top: 6px; padding: 8px 12px; border-radius: 8px; background: #f7f9fc; font-size: 13px; color: #334155; white-space: pre-wrap; word-break: break-word; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-campos { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--kt-border); font-size: 12.5px; color: var(--kt-text); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-campo { display: inline-flex; align-items: center; gap: 6px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-lbl { font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--kt-muted); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-vacio { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 12px; color: var(--kt-muted); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-log-vacio > i { font-size: 26px; color: #c3cddb; }
    /* Pestañas un poco más compactas para que quepan en un renglón, con Calls & Recordings sola al final */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-crud .kt-tabs { gap: 2px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-crud .kt-tabs .nav-link { padding: 9px 10px; gap: 7px; }

    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-sub { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--kt-muted); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-sub > i { color: var(--kt-blue); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-nueva { padding: 14px; border: 1px solid var(--kt-border); border-radius: 12px; background: #f8fbff; }
    /* Tasks & To-Dos de la tarjeta Follow-Up: abiertas, terminadas (plegadas) y panel para crear */
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-lado-abiertas { margin-left: 10px; padding: 2px 10px; border-radius: 20px; background: #fff1e0; color: #c96a00; font-size: 12px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-cab { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-cab-tit { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 700; color: var(--kt-navy); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-cab-tit > i { color: var(--kt-blue); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-orden { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--kt-muted); font-size: 12px; font-weight: 600; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-orden:hover { color: var(--kt-blue); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-orden > i { color: var(--kt-blue); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-orden.kt-desc > i { transform: scaleY(-1); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-lista { display: flex; flex-direction: column; gap: 8px; margin: 0 0 10px; padding: 0; list-style: none; max-height: 430px; overflow-y: auto; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea { display: flex; align-items: flex-start; gap: 12px; padding: 12px 10px 12px 14px; border: 1px solid var(--kt-border); border-radius: 12px; background: #fff; transition: box-shadow 0.15s; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea:hover { box-shadow: var(--kt-shadow); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-check { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; border-radius: 5px; cursor: pointer; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-cuerpo { flex: 1 1 auto; min-width: 0; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-tit { font-size: 13.5px; font-weight: 600; color: var(--kt-navy); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-desc { margin-top: 2px; font-size: 12.5px; color: #475569; white-space: pre-wrap; word-break: break-word; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-vence { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 12px; font-weight: 600; color: #475569; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-vence > i { color: #d93a3f; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-vence.kt-vencida { color: #d93a3f; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-overdue { flex: 0 0 auto; align-self: center; padding: 2px 10px; border-radius: 20px; background: #fdecec; color: #d93a3f; font-size: 11.5px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-menu { flex: 0 0 auto; align-self: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: none; color: var(--kt-muted); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-menu:hover { background: #f1f5fb; color: var(--kt-navy); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-plegable { display: flex; align-items: center; gap: 8px; width: 100%; margin-bottom: 10px; padding: 9px 14px; border: 1px solid var(--kt-border); border-radius: 12px; background: #f8fafd; color: var(--kt-navy); font-size: 13.5px; font-weight: 700; text-align: left; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-plegable-flecha { color: var(--kt-blue); transition: transform 0.2s; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tareas-plegable.collapsed .kt-plegable-flecha { transform: rotate(-90deg); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-nueva-cab { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0; border: 0; background: none; color: var(--kt-blue); font-size: 14px; font-weight: 700; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-nueva-cab[aria-expanded="true"] { margin-bottom: 10px; }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-nueva-cab[aria-expanded="false"] .kt-plegable-flecha { transform: rotate(180deg); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-nueva .kt-field label { font-size: 12px; font-weight: 600; color: var(--kt-text); }
    :where(html[data-kt-vista="Jobs/TrabajosProc"]) .kt-tarea-vacia { padding: 22px 12px; border: 1px dashed var(--kt-border); border-radius: 12px; color: var(--kt-muted); text-align: center; list-style: none; }

/* ----- Jobs/TrabajosRecibo  (solo en: Jobs/TrabajosRecibo) ----- */
/* Aquí va tu CSS para el formato atractivo */
        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) body {
            font-family: Arial, sans-serif;
            margin: 20px;
            font-size: 12px;
        }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .header {
            text-align: center;
            margin-bottom: 30px;
        }

            :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .header h1 {
                color: #0056b3;
            }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .invoice-details, :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .client-details {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
        }

            :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .invoice-details div, :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .client-details div {
                width: 48%;
            }

            :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .invoice-details p, :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .client-details p {
                margin: 2px 0;
            }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
        }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) th, :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) th {
            background-color: #f2f2f2;
        }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .total-section {
            text-align: right;
            margin-top: 20px;
        }

            :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .total-section div {
                margin: 5px 0;
            }

            :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .total-section strong {
                font-size: 14px;
            }

        :where(html[data-kt-vista="Jobs/TrabajosRecibo"]) .footer {
            text-align: center;
            margin-top: 50px;
            font-size: 10px;
            color: #777;
        }

/* ----- Liquidaciones/TecnicosLiquidaIndex  (solo en: Liquidaciones/TecnicosLiquidaIndex) ----- */
/* Ajustes específicos para modales de gran carga de datos (13 columnas) */
	:where(html[data-kt-vista="Liquidaciones/TecnicosLiquidaIndex"]) #consultaDetalle .kt-list-table thead th {
		vertical-align: bottom;
		line-height: 1.1;
	}

	:where(html[data-kt-vista="Liquidaciones/TecnicosLiquidaIndex"]) #consultaDetalle .kt-list-table tbody td {
		padding: 10px 8px !important;
	}

	:where(html[data-kt-vista="Liquidaciones/TecnicosLiquidaIndex"]) #consultaDetalle .bg-blue-new-soft {
		background-color: rgba(0, 88, 176, 0.05) !important;
	}

/* ----- Reportes/DailyOperations  (solo en: Reportes/DailyOperations) ----- */
/* Secciones numeradas, tarjetas de color, tablas con barra de % de cierre y resumen financiero */
:where(html[data-kt-vista="Reportes/DailyOperations"]) #loading-spinner { position: fixed; inset: 0; background: rgba(255, 255, 255, .9); z-index: 9999; display: none; align-items: center; justify-content: center; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-list-head .kt-btn-light { padding: 9px 16px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-sec-tit { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 14px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-num { width: 28px; height: 28px; border-radius: 50%; background: var(--kt-blue); color: #fff; font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-sec-nom { font-size: 17px; font-weight: 800; color: var(--kt-navy); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-sec-sub { font-size: 12px; color: var(--kt-muted); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-card { display: flex; align-items: flex-start; gap: 14px; height: 100%; padding: 16px; border-radius: 14px; border: 1px solid transparent; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-ico { width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; background: #fff; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-lbl { font-size: 12.5px; font-weight: 700; color: var(--kt-text); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-valor { font-size: 28px; font-weight: 800; color: var(--kt-navy); line-height: 1.15; margin: 2px 0 4px; overflow-wrap: anywhere; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-nota { font-size: 11.5px; color: var(--kt-muted); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-nota b { color: var(--kt-text); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-pill { display: inline-block; padding: 1px 7px; border-radius: 999px; background: #d3f2df; color: #1d7a45; font-weight: 800; margin-right: 4px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-azul { background: var(--kt-blue-tint); border-color: #d6e6ff; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-azul .kt-do-ico { color: var(--kt-blue); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-verde { background: #e9f8ef; border-color: #cdeedb; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-verde .kt-do-ico { color: #1d9a55; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-naranja { background: var(--kt-orange-tint); border-color: #ffdcbc; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-naranja .kt-do-ico { color: var(--kt-orange-dark); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-morado { background: #f3effd; border-color: #e2d8fb; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-morado .kt-do-ico { color: #7a4fd6; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-gris { background: #f4f6f9; border-color: var(--kt-border); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-gris .kt-do-ico { color: #5b6677; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla-card { border: 1px solid var(--kt-border); border-radius: 12px; overflow: hidden; height: 100%; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla-tit { display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-weight: 800; color: var(--kt-navy); border-bottom: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla-tit i { color: var(--kt-blue); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla { font-size: 13px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla thead th { background: #f4f7fb; color: var(--kt-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid var(--kt-border); white-space: nowrap; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-tabla tfoot td { background: var(--kt-blue-tint); font-weight: 800; border-bottom: 0; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-col-rate { width: 150px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-rate { display: flex; align-items: center; gap: 8px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-barra { flex: 1 1 auto; height: 8px; border-radius: 999px; background: #e6eaf0; overflow: hidden; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-barra span { display: block; height: 100%; border-radius: 999px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-barra-azul { background: var(--kt-blue-light); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-barra-naranja { background: var(--kt-orange); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-rate-num { width: 40px; text-align: right; font-weight: 700; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin { padding: 16px; border-radius: 14px; border: 1px solid transparent; height: 100%; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-tit { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--kt-navy); margin-bottom: 12px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-tit .kt-do-ico { width: 36px; height: 36px; font-size: 15px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-cols { display: grid; grid-template-columns: 1fr 1fr; background: #fff; border-radius: 12px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-cols > div { padding: 12px 16px; }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-cols > div + div { border-left: 1px solid var(--kt-border); }
:where(html[data-kt-vista="Reportes/DailyOperations"]) .kt-do-fin-cols .kt-do-valor { font-size: 24px; }

/* ----- Reportes/ReportesIndex  (solo en: Reportes/ReportesIndex) ----- */
/* ESTILOS ESPECÍFICOS PARA EL MENÚ DE REPORTES */
    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .section-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-item-card {
        display: flex;
        align-items: center;
        padding: 1.25rem;
        background: white;
        border-radius: 12px;
        text-decoration: none !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        height: 100%;
    }

        :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-item-card:hover {
            transform: translateY(-5px);
            border-color: var(--blue-new) !important;
            box-shadow: 0 10px 20px rgba(0, 88, 176, 0.1) !important;
            background: #fdfdfd;
        }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-icon {
        font-size: 2.2rem;
        margin-right: 1rem;
        width: 50px;
        display: flex;
        justify-content: center;
        transition: transform 0.3s;
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-item-card:hover .report-icon {
        transform: scale(1.1);
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-info {
        display: flex;
        flex-direction: column;
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-title {
        font-weight: 800;
        color: #2d3436;
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 2px;
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-desc {
        font-size: 12px;
        color: #636e72;
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .bg-warning-soft {
        background-color: rgba(255, 193, 7, 0.05) !important;
    }

    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .border-danger-soft {
        border-color: rgba(255, 91, 87, 0.2) !important;
    }

    /* Ajuste para pantallas pequeñas */
    @media (max-width: 768px) {
        :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-item-card {
            padding: 1rem;
        }

        :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-icon {
            font-size: 1.8rem;
        }
    }
    /* 4 botones por línea: tarjetas más compactas y la descripción en máximo 2 líneas (el texto completo queda en el title) */
    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-item-card { padding: 14px 34px 14px 14px !important; }
    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-icon { width: 46px !important; height: 46px !important; min-width: 46px; font-size: 1.25rem !important; margin-right: 10px !important; }
    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-title { font-size: 14px !important; }
    :where(html[data-kt-vista="Reportes/ReportesIndex"]) .report-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }