slimCSS Framework- Full version

Dashboard

Framework

Copy the code below or use the links

@charset "UTF-8";:root{--icon-ff:boxicons;--icon-arrow-1:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjc3NyAzLjcyN0w2IDguNTU0TDEuMjIyIDMuNzI3IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');--icon-arrow-2:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjc3NyAzLjcyN0w2IDguNTU0TDEuMjIyIDMuNzI3IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');--icon-arrow-3:'\ea4a';--icon-arrow-4:'\ed3b';--spacer:1rem;--margin:1.5rem;--animate-slow:.6s;--animate-fast:.4s;--animate-back:.3s;--line-height:1.5rem;--header-height:4.5rem;--sidebar-width:14rem;--modal-margin:3rem;--hex-body:#f3f5f8;--hex-border:#e9ebec;--hex-code:#f672a7;--hex-field:#ced4da;--hex-txt:#495057;--hex-default:#d3d3d3;--hex-primary:#26a1e3;--hex-secondary:#a5a8b4;--hex-success:#00bd9d;--hex-info:#51c2e8;--hex-warning:#ff9d0a;--hex-danger:#f06548;--hex-dark:#595959;--hex-light:#f3f6f9;--hex-black:#000;--hex-white:#FFF;--hex-hover:#fffbee;--rgb-body:243,245,248;--rgb-txt:73,80,87;--rgb-border:233,235,236;--rgb-primary:38,161,227;--rgb-secondary:165,168,180;--rgb-success:0,189,157;--rgb-info:81,194,232;--rgb-warning:255,157,10;--rgb-danger:240,101,72;--rgb-dark:89,89,89;--rgb-light:243,246,249;--rgb-white:255,255,255;--rgb-black:0,0,0;--field-bg:var(--hex-body);--field-b:var(--hex-field);--focus-bc:var(--hex-primary);--step-bg:var(--hex-primary);--strip:var(--hex-body);--table-bc:var(--hex-border);--shade-bg:var(--rgb-black);--col-w:calc(100% / 12)}body{font-size:.95rem;font-family:var(--body-ff);background:var(--hex-body);color:var(--hex-txt)}body.dark-mode{--hex-body:#1F1F1F;--hex-txt:#E6E6E6;--hex-border:#555;--hex-field:#555;--hex-light:#444;--hex-black:#FFF;--hex-white:#333;--hex-hover:#555;--rgb-body:31,31,31;--rgb-txt:230,230,230;--rgb-black:51,51,51;--rgb-light:68,68,68;--rgb-white:51,51,51;--field-b:var(--hex-border);--field-bg:var(--hex-body);--table-bc:var(--hex-border);--stripe-1:var(--hex-body);--stripe-2:var(--hex-white);--shade-bg:255,255,255}.sidebar-mode #content,.sidebar-mode #footer{margin-left:0!important}.sidebar-mode #sidebar{transform:translateX(-100%);z-index:3!important}.sidebar-mode .sidebar{left:0}[dir=rtl] #content,[dir=rtl] #footer{margin-left:inherit;margin-right:var(--sidebar-width)}[dir=rtl] #container:has(#footer) #footer{margin-left:0}[dir=rtl] .modal-header .btn-close,[dir=rtl] .sidebar{left:unset;right:var(--sidebar-width)}[dir=rtl] .sidebar-mode .sidebar{right:0}[dir=rtl] .sidebar-mode #content,[dir=rtl] .sidebar-mode #footer{margin-right:0}[dir=rtl] .sidebar-mode #sidebar{transform:translateX(100%)}[dir=rtl] .sidebar-hover #sidebar{box-shadow:-.25rem 0 .1rem 0 rgb(0,0,0,.1)}[dir=rtl] .field-pwd .field{border-radius:0!important;margin-left:0!important}[dir=rtl] select.field{background-position:left 1rem center;padding-left:2.5rem;padding-right:1rem}*,::after,::before{color:inherit;box-sizing:border-box;margin:0}*[class*=shadow-hover]{transition:transform .3s ease,box-shadow .3s ease}::placeholder{letter-spacing:normal;color:var(--hex-secondary)}body.tox-fullscreen #header,body.tox-fullscreen #footer,body.tox-fullscreen #sidebar{z-index:0!important}html{scroll-behavior:smooth}a{border-radius:inherit}button{border-radius:inherit}code{color:var(--hex-code)}li{line-height:var(--line-height)}label{user-select:none}textarea{resize:none}input,select,select option,textarea{font-family:var(--body-ff)}hr{display:block;margin:.5rem 0;width:100%;height:1px;border:0;border-top:1px solid var(--hex-border)!important}blockquote{padding:var(--spacer);margin-bottom:var(--spacer)}img{border-radius:inherit;max-width:100%;transition:transform .8s;vertical-align:inherit}p:not(:last-child){margin-bottom:var(--m-3)}pre{white-space:preserve-breaks;overflow-wrap:break-word;margin:0;padding:0}#container{display:flex;flex-direction:column;min-height:100vh}#container:has(#header) #header{display:flex;align-items:center;position:fixed;left:0;right:0;height:var(--header-height);z-index:999}#container:has(#footer) #footer{display:flex;align-items:center;margin-left:var(--sidebar-width);color:var(--hex-secondary);font-size:var(--fs-14);padding:1rem var(--margin)}#header.shadow{box-shadow:0 0 .5rem 0 rgb(0,0,0,.25)}#logo{text-align:center;width:var(--sidebar-width);height:var(--header-height);line-height:var(--header-height)}#content{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:var(--margin);padding-bottom:0;flex:1}#sidebar{position:fixed;top:var(--header-height);width:var(--sidebar-width);bottom:0;overflow:auto;padding:1rem;z-index:999;translate:0 0;transition:none}#mobile{display:none;cursor:pointer;padding:0 var(--margin)}#topbar{margin:0 var(--margin);flex:1}#overlay{background:rgb(var(--rgb-dark),.5);position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;z-index:99}#riser{position:fixed;bottom:1rem;display:none;cursor:pointer;z-index:999}#pbar{position:fixed;z-index:9999}.sidebar{position:fixed;top:0;bottom:0;left:var(--sidebar-width);padding:var(--spacer) 0;color:var(--hex-secondary);font-size:var(--fs-24);align-content:center}.sidebar i{padding:1rem 0;cursor:pointer}.sidebar-hover{transition:.2s ease;box-shadow:.25rem 0 .1rem 0 rgb(0,0,0,.1);transform:none!important}.smooth-scroll{scroll-margin-top:calc(var(--margin) + var(--header-height))}.event-none{pointer-events:none}.list-style-none{list-style:none}.title{margin-bottom:var(--margin);letter-spacing:.063rem;font-weight:600;font-size:1rem}.title.title-banner{background:var(--hex-white);margin:calc(-1*var(--margin) - .05rem) calc(-1*var(--margin)) var(--margin) calc(-1*var(--margin));padding:.75rem 1rem}.title.title-flyer{background:var(--hex-white);margin-top:calc(-1*var(--margin) - .05rem);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;padding:.75rem 1rem;border:1px solid var(--hex-border)}.content-sm{max-width:40rem;margin:0 auto}.content-md{max-width:65rem;margin:0 auto}.content-lg{max-width:90rem;margin:0 auto}@font-face{font-family:'Inter';src:url('../fonts/inter-regular.ttf') format('truetype')}@font-face{font-family:'Karla';src:url('../fonts/karla-regular.ttf') format('truetype')}@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-regular.ttf') format('truetype')}@font-face{font-family:'Nunito';src:url('../fonts/nunito-regular.ttf') format('truetype')}@font-face{font-family:'Poppins Regular';src:url('../fonts/poppins-regular.ttf') format('woff')}@font-face{font-family:'Quicksand';src:url('../fonts/quicksand-regular.ttf') format('truetype')}@font-face{font-family:'Source Sans Pro';src:url('../fonts/sourcesans-regular.ttf') format('truetype')}@font-face{font-family:'Rubik';src:url('../fonts/rubik-regular.ttf') format('truetype')}@font-face{font-family:'Space Grotesk';src:url('../fonts/spacegrotesk-regular.ttf') format('truetype')}:root{--font-1:'Arial';--font-2:'Inter';--font-3:'Karla';--font-4:'Montserrat';--font-5:'Nunito';--font-6:'Poppins Regular';--font-7:'Quicksand';--font-8:'Rubik';--font-9:'Source Sans Pro';--font-10:'Space Grotesk';--body-ff:var(--font-1),'Open Sans','sans-serif'}.font-1{--body-ff:var(--font-1)}.font-2{--body-ff:var(--font-2)}.font-3{--body-ff:var(--font-3)}.font-4{--body-ff:var(--font-4)}.font-5{--body-ff:var(--font-5)}.font-6{--body-ff:var(--font-6)}.font-7{--body-ff:var(--font-7)}.font-8{--body-ff:var(--font-8)}.font-9{--body-ff:var(--font-9)}.font-10{--body-ff:var(--font-10)}.accordion{display:flex;flex-direction:column;background:var(--hex-white);border-radius:.25rem;border:0;margin-bottom:0}.accordion>div{border:1px solid var(--b-color,var(--hex-border))}.accordion>div:not(:only-child){margin-top:-1px}.accordion>div:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion>div:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.accordion-header{display:flex;justify-content:space-between;align-items:center;border:0;gap:.5rem;cursor:pointer;padding:1rem}.accordion-header i{font-size:1.2rem;transition:transform .2s ease-in-out}.accordion-body{display:none;padding:1rem;border:0;border-top:1px solid var(--b-color,var(--hex-border))}.accordion .active .accordion-header i:not(.no-rotate){transform:rotate(-180deg)}.accordion .active .accordion-body{display:block}.accordion .active i:not(.no-rotate).rotate-up{transform:rotate(-90deg)}.accordion .active i:not(.no-rotate).rotate-down{transform:rotate(90deg)}.alert{border:1px solid var(--hex-border);border-radius:.25rem;padding:.8rem 1rem;width:100%}.alert:not(:last-child){margin-bottom:1rem}.alert .icon{background:var(--alert-txt)}.alert-primary{--alert-bg:var(--rgb-primary);--alert-txt:var(--hex-primary)}.alert-secondary{--alert-bg:var(--rgb-secondary);--alert-txt:var(--hex-secondary)}.alert-success{--alert-bg:var(--rgb-success);--alert-txt:var(--hex-success)}.alert-info{--alert-bg:var(--rgb-info);--alert-txt:var(--hex-info)}.alert-warning{--alert-bg:var(--rgb-warning);--alert-txt:var(--hex-warning)}.alert-danger{--alert-bg:var(--rgb-danger);--alert-txt:var(--hex-danger)}.alert-dark{--alert-bg:var(--rgb-dark);--alert-txt:var(--hex-dark)}.alert-light{--alert-bg:var(--rgb-light);--alert-txt:var(--hex-secondary)}.alert-icon{padding:0;display:flex;justify-content:start;align-items:center}.alert-icon .icon{position:relative;padding:.75rem 1rem;border-top-left-radius:inherit;border-bottom-left-radius:inherit;margin-left:-1px;color:var(--hex-white)}.alert-icon .txt{margin:0 1rem;flex:1}[class*="alert-"]{background:rgb(var(--alert-bg),.2);border-color:rgb(var(--alert-bg),.2);color:var(--alert-txt)}[class^="alert-"] a{color:inherit}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:.3}75%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}@keyframes bounceInDown{from{transform:translateY(100vh);opacity:0}60%{transform:translateY(-30px);opacity:.5}70%{transform:translateY(5px)}100%{transform:translateY(0);opacity:1}}@keyframes bounceInLeft{from{transform:translateX(-100vw);opacity:0}60%{transform:translateX(20px);opacity:.5}70%{transform:translateX(-10px)}100%{transform:translateX(0);opacity:1}}@keyframes bounceInRight{from{transform:translateX(100vw);opacity:0}60%{transform:translateX(-20px);opacity:.5}70%{transform:translateX(10px)}100%{transform:translateX(0);opacity:1}}@keyframes bounceInUp{from{transform:translateY(-100vh);opacity:0}60%{transform:translateY(30px);opacity:.5}70%{transform:translateY(-5px)}100%{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{transform:translateY(-10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInLeft{from{transform:translateX(-10vh);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInRight{from{transform:translateX(10vh);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInUp{from{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flipInX{from{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0deg);opacity:1}}@keyframes flipInY{from{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}@keyframes jackInTheBox{from{transform:rotate(45deg);opacity:0}60%{transform:rotate(-20deg)}80%{transform:translateY(-10px) rotate(10deg)}to{transform:translateY(0) rotate(0deg);opacity:1}}@keyframes shakeItX{0%,100%{transform:translateX(0)}30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes shakeItY{0%,100%{transform:translateY(0)}30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}@keyframes slideInDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes zoomIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.bounceIn{animation:bounceIn}.bounceInDown{animation:bounceInDown}.bounceInLeft{animation:bounceInLeft}.bounceInRight{animation:bounceInRight}.bounceInUp{animation:bounceInUp}.fadeIn{animation:fadeIn}.fadeInDown{animation:fadeInDown}.fadeInLeft{animation:fadeInLeft}.fadeInRight{animation:fadeInRight}.fadeInUp{animation:fadeInUp}.flipInX{animation:flipInX}.flipInY{animation:flipInY}.slideInDown{animation:slideInDown}.slideInLeft{animation:slideInLeft}.slideInRight{animation:slideInRight}.slideInUp{animation:slideInUp}.shakeItX{animation:shakeItX .8s cubic-bezier(.36,.07,.19,.97) both}.shakeItY{animation:shakeItY .8s cubic-bezier(.36,.07,.19,.97) both}.jackInTheBox{animation:jackInTheBox}.zoomIn{animation:zoomIn}.bounceIn,.bounceInDown,.bounceInLeft,.bounceInRight,.bounceInUp,.fadeIn,.fadeInDown,.fadeInLeft,.fadeInRight,.fadeInUp,.flipInX,.flipInY,.slideInDown,.slideInLeft,.slideInRight,.slideInUp,.jackInTheBox,.zoomIn{animation-duration:var(--animate-slow)}.reverse{animation-direction:reverse!important;animation-duration:var(--animate-back)!important}.reverse.shakeItX,.reverse.shakeItY{animation-duration:.8s!important}.aos-diagonal,.aos-fade,.aos-flip,.aos-rotate,.aos-slide,.aos-skew,.aos-tilt,.aos-zoom{opacity:0;transition:opacity var(--aos-delay,.5s) ease-in-out,transform var(--aos-delay,.5s) ease-in-out}.aos-diagonal{transform:translate(var(--aos-diagonal,1rem),var(--aos-diagonal,1rem))}.aos-fade{transform:translateY(var(--aos-fade,1rem))}.aos-flip{transform:rotateY(var(--aos-rotate,90deg))}.aos-rotate{transform:rotate(var(--aos-rotate,10deg))}.aos-slide{transform:translateX(var(--aos-slide,2rem))}.aos-skew{transform:skew(var(--aos-x,10deg),var(--aos-y,5deg))}.aos-tilt{transform:rotateX(var(--aos-x,15deg)) rotateY(var(--aos-y,15deg))}.aos-zoom{transform:scale(var(--aos-zoom,.5))}.aos-diagonal-in,.aos-fade-in,.aos-flip-in,.aos-rotate-in,.aos-slide-in,.aos-skew-in,.aos-tilt-in,.aos-zoom-in{opacity:1}.aos-diagonal-in{transform:translate(0,0)}.aos-fade-in{transform:translateY(0)}.aos-flip-in{transform:rotateY(0)}.aos-rotate-in{transform:rotate(0)}.aos-slide-in{transform:translateX(0)}.aos-skew-in{transform:skew(0,0)}.aos-tilt-in{transform:rotateX(0) rotateY(0)}.aos-zoom-in{transform:scale(1)}.aos-diagonal-1{--aos-diag:1.25rem}.aos-diagonal-2{--aos-diag:1.50rem}.aos-diagonal-3{--aos-diag:1.75rem}.aos-fade-1{--aos-fade:1.25rem}.aos-fade-2{--aos-fade:1.50rem}.aos-fade-3{--aos-fade:1.75rem}.aos-rotate-1{--aos-rotate:25deg}.aos-rotate-2{--aos-rotate:45deg}.aos-rotate-3{--aos-rotate:75deg}.aos-slide-1{--aos-slide:4rem}.aos-slide-2{--aos-slide:6rem}.aos-slide-3{--aos-slide:8rem}.aos-x-1{--aos-x:25deg}.aos-x-2{--aos-x:45deg}.aos-x-3{--aos-x:75deg}.aos-y-1{--aos-y:25deg}.aos-y-2{--aos-y:45deg}.aos-y-3{--aos-y:75deg}.aos-zoom-1{--aos-zoom:.3}.aos-zoom-2{--aos-zoom:.6}.aos-zoom-3{--aos-zoom:.9}.aos-delay-1{--aos-delay:.3s}.aos-delay-2{--aos-delay:.6s}.aos-delay-3{--aos-delay:.8s}.bg-none{--bg-color:transparent}.bg-body,.bg-primary-hover:hover{--bg-color:var(--rgb-body)}.bg-primary,.bg-primary-hover:hover{--bg-color:var(--rgb-primary)}.bg-secondary,.bg-secondary-hover:hover{--bg-color:var(--rgb-secondary)}.bg-success,.bg-success-hover:hover{--bg-color:var(--rgb-success)}.bg-info,.bg-info-hover:hover{--bg-color:var(--rgb-info)}.bg-warning,.bg-warning-hover:hover{--bg-color:var(--rgb-warning)}.bg-danger,.bg-danger-hover:hover{--bg-color:var(--rgb-danger)}.bg-dark,.bg-dark-hover:hover{--bg-color:var(--rgb-dark)}.bg-light,.bg-light-hover:hover{--bg-color:var(--rgb-light)}.bg-black,.bg-black-hover:hover{--bg-color:var(--rgb-black)}.bg-white,.bg-white-hover:hover{--bg-color:var(--rgb-white)}.bg-gw-top{background-image:linear-gradient(var(--angle,0deg),rgb(var(--rgb-white),var(--bg-o,.25)),transparent)}.bg-gw-bottom{background-image:linear-gradient(var(--angle,180deg),rgb(var(--rgb-white),var(--bg-o,.25)),transparent)}.bg-gw-start{background-image:linear-gradient(var(--angle,90deg),rgb(var(--rgb-white),var(--bg-o,.25)),transparent)}.bg-gw-end{background-image:linear-gradient(var(--angle,270deg),rgb(var(--rgb-white),var(--bg-o,.25)),transparent)}.bg-gw-radial{background-image:radial-gradient(circle,rgb(var(--rgb-white),var(--bg-o,.25)),transparent)}.bg-gb-top{background-image:linear-gradient(var(--angle,0deg),rgb(var(--rgb-black),var(--bg-o,.25)),transparent)}.bg-gb-bottom{background-image:linear-gradient(var(--angle,180deg),rgb(var(--rgb-black),var(--bg-o,.25)),transparent)}.bg-gb-start{background-image:linear-gradient(var(--angle,90deg),rgb(var(--rgb-black),var(--bg-o,.25)),transparent)}.bg-gb-end{background-image:linear-gradient(var(--angle,270deg),rgb(var(--rgb-black),var(--bg-o,.25)),transparent)}.bg-gb-radial{background-image:radial-gradient(circle,transparent,rgb(var(--rgb-black),var(--bg-o,.25)))}.bg-tropical-sunset{background:linear-gradient(var(--angle,135deg),#FFA69E,#FF686B)}.bg-blue-lagoon{background:linear-gradient(var(--angle,135deg),#c0e5ff,#86c2ff)}.bg-strawberry-daiquiri{background:linear-gradient(var(--angle,135deg),#FFC1CC,#FF8A94)}.bg-mango-sorbet{background:linear-gradient(var(--angle,135deg),#FFE29F,#FFA726)}.bg-mint-mojito{background:linear-gradient(var(--angle,135deg),#CFF9DA,#A8E6CF)}.bg-raspberry-ripple{background:linear-gradient(var(--angle,135deg),#FFC3A0,#FF779E)}.bg-peach-bellini{background:linear-gradient(var(--angle,135deg),#FFD6A5,#FFA9A3)}.bg-lavender-lemonade{background:linear-gradient(var(--angle,135deg),#e7ceff,#9a9cfc)}.bg-morning-dew{background:linear-gradient(var(--angle,135deg),#C1F1F6,#C1ECE6)}.bg-coconut-dream{background:linear-gradient(var(--angle,135deg),#FFF4E0,#E0C3FC)}.bg-10{--bg-o:.1}.bg-20{--bg-o:.2}.bg-30{--bg-o:.3}.bg-40{--bg-o:.4}.bg-50{--bg-o:.5}.bg-60{--bg-o:.6}.bg-70{--bg-o:.7}.bg-80{--bg-o:.8}.bg-90{--bg-o:.9}.bg-top{--angle:0deg}.bg-top-left{--angle:45deg}.bg-top-right{--angle:225deg}.bg-bottom{--angle:180deg}.bg-bottom-left{--angle:135deg}.bg-bottom-right{--angle:315deg}.bg-left{--angle:90deg}.bg-right{--angle:270deg}[class*="bg-"]:not(.btn){background-color:rgb(var(--bg-color),var(--bg-o,1))}.badge{display:inline-block;padding:.25em .8em;white-space:nowrap;border-radius:.25rem;background-color:var(--badge-bg);border-color:var(--badge-bc)!important;color:var(--badge-txt,var(--hex-white));font-size:var(--fs-12);border:1px solid;line-height:normal;text-decoration:none}.badge-pill{line-height:1;padding:.36em .66em;font-size:.75rem;font-weight:600;border:0}.badge-primary{--badge-bg:var(--hex-primary);--badge-bc:var(--hex-primary)}.badge-secondary{--badge-bg:var(--hex-secondary);--badge-bc:var(--hex-secondary)}.badge-success{--badge-bg:var(--hex-success);--badge-bc:var(--hex-success)}.badge-info{--badge-bg:var(--hex-info);--badge-bc:var(--hex-info)}.badge-warning{--badge-bg:var(--hex-warning);--badge-bc:var(--hex-warning)}.badge-danger{--badge-bg:var(--hex-danger);--badge-bc:var(--hex-danger)}.badge-dark{--badge-bg:var(--hex-dark);--badge-bc:var(--hex-dark)}.badge-light{--badge-bg:var(--hex-light);--badge-bc:var(--hex-light);--badge-txt:var(--hex-black)}.badge-soft-primary{--badge-bg:rgb(var(--rgb-primary),.1);--badge-bc:rgb(var(--rgb-primary),.5);--badge-txt:var(--hex-primary)}.badge-soft-secondary{--badge-bg:rgb(var(--rgb-secondary),.1);--badge-bc:rgb(var(--rgb-secondary),.5);--badge-txt:var(--hex-secondary)}.badge-soft-success{--badge-bg:rgb(var(--rgb-success),.1);--badge-bc:rgb(var(--rgb-success),.5);--badge-txt:var(--hex-success)}.badge-soft-info{--badge-bg:rgb(var(--rgb-info),.1);--badge-bc:rgb(var(--rgb-info),.5);--badge-txt:var(--hex-info)}.badge-soft-warning{--badge-bg:rgb(var(--rgb-warning),.1);--badge-bc:rgb(var(--rgb-warning),.5);--badge-txt:var(--hex-warning)}.badge-soft-danger{--badge-bg:rgb(var(--rgb-danger),.1);--badge-bc:rgb(var(--rgb-danger),.5);--badge-txt:var(--hex-danger)}.badge-soft-dark{--badge-bg:rgb(var(--rgb-dark),.1);--badge-bc:rgb(var(--rgb-dark),.5);--badge-txt:var(--hex-dark)}.badge-soft-light{--badge-bg:rgb(var(--rgb-light),.5);--badge-bc:rgb(var(--rgb-secondary),.5);--badge-txt:var(--hex-txt)}.badge-light-primary{--badge-bg:transparent;--badge-bc:var(--hex-primary);--badge-txt:var(--hex-primary)}.badge-light-secondary{--badge-bg:transparent;--badge-bc:var(--hex-secondary);--badge-txt:var(--hex-secondary)}.badge-light-success{--badge-bg:transparent;--badge-bc:var(--hex-success);--badge-txt:var(--hex-success)}.badge-light-info{--badge-bg:transparent;--badge-bc:var(--hex-info);--badge-txt:var(--hex-info)}.badge-light-warning{--badge-bg:transparent;--badge-bc:var(--hex-warning);--badge-txt:var(--hex-warning)}.badge-light-danger{--badge-bg:transparent;--badge-bc:var(--hex-danger);--badge-txt:var(--hex-danger)}.badge-light-dark{--badge-bg:transparent;--badge-bc:var(--hex-dark);--badge-txt:var(--hex-dark)}.badge-light-alt{--badge-bg:transparent;--badge-bc:rgb(var(--rgb-secondary),.5);--badge-txt:var(--hex-secondary)}.b-0{border-width:0!important}.b-1{border-width:1px!important}.b-2{border-width:2px!important}.b-3{border-width:3px!important}.b-4{border-width:4px!important}.b-5{border-width:5px!important}.bt-0{border-top-width:0!important}.bt-1{border-top-width:1px!important}.bt-2{border-top-width:2px!important}.bt-3{border-top-width:3px!important}.bt-4{border-top-width:4px!important}.bt-5{border-top-width:5px!important}.bb-0{border-bottom-width:0!important}.bb-1{border-bottom-width:1px!important}.bb-2{border-bottom-width:2px!important}.bb-3{border-bottom-width:3px!important}.bb-4{border-bottom-width:4px!important}.bb-5{border-bottom-width:5px!important}.bs-0{border-left-width:0!important}.bs-1{border-left-width:1px!important}.bs-2{border-left-width:2px!important}.bs-3{border-left-width:3px!important}.bs-4{border-left-width:4px!important}.bs-5{border-left-width:5px!important}.be-0{border-right-width:0!important}.be-1{border-right-width:1px!important}.be-2{border-right-width:2px!important}.be-3{border-right-width:3px!important}.be-4{border-right-width:4px!important}.be-5{border-right-width:5px!important}.b-hide{--b-color:transparent}.b-field{--b-color:var(--hex-field)}.b-body,.b-body-hover:hover{--b-color:var(--hex-body)}.b-card,.b-card-hover:hover{--b-color:var(--hex-border)}.b-default,.b-default-hover:hover{--b-color:var(--hex-default)}.b-primary,.b-primary-hover:hover{--b-color:rgb(var(--rgb-primary),var(--b-o,1))}.b-secondary,.b-secondary-hover:hover{--b-color:rgb(var(--rgb-secondary),var(--b-o,1))}.b-success,.b-success-hover:hover{--b-color:rgb(var(--rgb-success),var(--b-o,1))}.b-info,.b-info-hover:hover{--b-color:rgb(var(--rgb-info),var(--b-o,1))}.b-warning,.b-warning-hover:hover{--b-color:rgb(var(--rgb-warning),var(--b-o,1))}.b-danger,.b-danger-hover:hover{--b-color:rgb(var(--rgb-danger),var(--b-o,1))}.b-dark,.b-dark-hover:hover{--b-color:rgb(var(--rgb-dark),var(--b-o,1))}.b-light,.b-light-hover:hover{--b-color:var(--hex-light)}.b-black,.b-black-hover:hover{--b-color:var(--hex-black)}.b-white,.b-white-hover:hover{--b-color:var(--hex-white)}.b-10{--b-o:.1}.b-20{--b-o:.2}.b-30{--b-o:.3}.b-40{--b-o:.4}.b-50{--b-o:.5}.b-60{--b-o:.6}.b-70{--b-o:.7}.b-80{--b-o:.8}.b-90{--b-o:.9}.b-solid{border-style:solid!important}.b-dashed{border-style:dashed!important}.b-dotted{border-style:dotted!important}.b-double{border-style:double!important}.b-none{border-style:none!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.25rem!important}.rounded-2{border-radius:.50rem!important}.rounded-3{border-radius:.75rem!important}.rounded-4{border-radius:50%!important}.rounded-ts-0{border-top-left-radius:0!important}.rounded-ts-1{border-top-left-radius:.25rem!important}.rounded-ts-2{border-top-left-radius:.50rem!important}.rounded-ts-3{border-top-left-radius:.75rem!important}.rounded-ts-4{border-top-left-radius:50%!important}.rounded-te-0{border-top-right-radius:0!important}.rounded-te-1{border-top-right-radius:.25rem!important}.rounded-te-2{border-top-right-radius:.50rem!important}.rounded-te-3{border-top-right-radius:.75rem!important}.rounded-te-4{border-top-right-radius:50%!important}.rounded-bs-0{border-bottom-left-radius:0!important}.rounded-bs-1{border-bottom-left-radius:.25rem!important}.rounded-bs-2{border-bottom-left-radius:.50rem!important}.rounded-bs-3{border-bottom-left-radius:.75rem!important}.rounded-bs-4{border-bottom-left-radius:50%!important}.rounded-be-0{border-bottom-right-radius:0!important}.rounded-be-1{border-bottom-right-radius:.25rem!important}.rounded-be-2{border-bottom-right-radius:.50rem!important}.rounded-be-3{border-bottom-right-radius:.75rem!important}.rounded-be-4{border-bottom-right-radius:50%!important}[class*="b-"]{border-color:var(--b-color)}.btn-menu{display:inline-flex;cursor:pointer;direction:ltr}.btn-menu:not(:has(i))>.btn-icon,.btn-menu:has(i)>.btn-icon-arrow{display:flex;align-items:center;justify-content:space-between;width:100%}.btn-menu:not(:has(i))>.btn-icon::after,.btn-menu:has(i)>.btn-icon-arrow::after{font-family:var(--icon-ff);content:var(--icon-arrow-3);font-size:1rem;margin-left:.5rem}.btn-menu>.menu-items{position:absolute;top:100%;background:var(--hex-white);padding:.4rem;min-width:max-content;box-shadow:0 5px 10px rgb(0,0,0,.1);border-radius:.25rem;display:none;z-index:9;transition:none;-webkit-transition:none}.btn-menu>.menu-items>*{display:flex;align-items:center;gap:.5rem;line-height:normal}.btn-menu>.menu-items>a:hover{background-color:var(--btn-bg,var(--hex-light));border-radius:.25rem}.btn-menu>.menu-items a{text-decoration:none;color:var(--btn-txt);padding:.4rem .6rem}.btn-menu>.menu-sm{font-size:.85rem}.btn-menu>.menu-sm a{padding:.3rem .5rem}.menu-soft-primary>*:hover{--btn-bg:var(--hex-primary);--btn-txt:var(--hex-white)}.menu-soft-secondary>a:hover{--btn-bg:var(--hex-secondary);--btn-txt:var(--hex-white)}.menu-soft-success>a:hover{--btn-bg:var(--hex-success);--btn-txt:var(--hex-white)}.menu-soft-info>a:hover{--btn-bg:var(--hex-info);--btn-txt:var(--hex-white)}.menu-soft-warning>a:hover{--btn-bg:var(--hex-warning);--btn-txt:var(--hex-white)}.menu-soft-danger>a:hover{--btn-bg:var(--hex-danger);--btn-txt:var(--hex-white)}.menu-soft-dark>a:hover{--btn-bg:var(--hex-dark);--btn-txt:var(--hex-white)}.menu-soft-light>a:hover{--btn-bg:var(--hex-light);--btn-txt:var(--hex-secondary)}.menu-light-primary>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-primary)}.menu-light-secondary>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-secondary)}.menu-light-success>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-success)}.menu-light-info>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-info)}.menu-light-warning>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-warning)}.menu-light-danger>a:hover{--btn-bg:transparent;--btn-txt:var(--hex-danger)}.btn-menu .btn-split{padding:.35rem;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.btn-menu .btn-split::after{font-family:var(--icon-ff);content:var(--icon-arrow-3);font-size:1rem}.btn-menu-auto{width:100%}.btn-menu-auto>.btn{justify-content:start}.btn{font-family:inherit;font-size:inherit;border-style:solid;border-width:1px;border-radius:.25rem;border-color:var(--btn-bc,transparent);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;height:2rem;color:var(--btn-c,var(--hex-white));background-color:var(--btn-bg,inherit);width:inherit;white-space:nowrap;padding:0 1rem}.btn:hover,.btn-split{color:var(--hex-white)!important}.btn>a{text-decoration:none;color:inherit}.btn-icon i{margin:0 -.5rem}.btn-close{cursor:pointer}.btn:disabled{background-color:rgb(var(--rgb-secondary),.2)!important;color:var(--hex-secondary)!important;border-color:transparent;cursor:not-allowed}.btn-clear,.btn-clear:hover{border:0;padding:0;height:auto;display:flex;color:inherit!important;background-color:inherit!important}.btn-event:disabled:not([data-event-icon]),.btn-event.disabled:not([data-event-icon]){cursor:wait}.btn-sm{height:1.68rem;padding:.25rem .5rem;font-size:.9rem}.btn-xl{height:2.5rem}.btn-lg-1{min-width:7rem}.btn-lg-2{min-width:8rem}.btn-lg-3{min-width:9rem}.btn-primary{--btn-bg:var(--hex-primary);--btn-bc:var(--hex-primary)}.btn-secondary{--btn-bg:var(--hex-secondary);--btn-bc:var(--hex-secondary)}.btn-success{--btn-bg:var(--hex-success);--btn-bc:var(--hex-success)}.btn-info{--btn-bg:var(--hex-info);--btn-bc:var(--hex-info)}.btn-warning{--btn-bg:var(--hex-warning);--btn-bc:var(--hex-warning)}.btn-danger{--btn-bg:var(--hex-danger);--btn-bc:var(--hex-danger)}.btn-dark{--btn-bg:var(--hex-dark);--btn-bc:var(--hex-dark)}.btn-light{--btn-bg:var(--hex-light);--btn-bc:var(--hex-light);--btn-c:var(--hex-secondary)}.btn-soft-primary{--btn-bg:rgb(var(--rgb-primary),.1);--btn-bc:rgb(var(--rgb-primary),.5);--btn-c:var(--hex-primary)}.btn-soft-secondary{--btn-bg:rgb(var(--rgb-secondary),.1);--btn-bc:rgb(var(--rgb-secondary),.5);--btn-c:var(--hex-secondary)}.btn-soft-success{--btn-bg:rgb(var(--rgb-success),.1);--btn-bc:rgb(var(--rgb-success),.5);--btn-c:var(--hex-success)}.btn-soft-info{--btn-bg:rgb(var(--rgb-info),.1);--btn-bc:rgb(var(--rgb-info),.5);--btn-c:var(--hex-info)}.btn-soft-warning{--btn-bg:rgb(var(--rgb-warning),.1);--btn-bc:rgb(var(--rgb-warning),.5);--btn-c:var(--hex-warning)}.btn-soft-danger{--btn-bg:rgb(var(--rgb-danger),.1);--btn-bc:rgb(var(--rgb-danger),.5);--btn-c:var(--hex-danger)}.btn-soft-dark{--btn-bg:rgb(var(--rgb-dark),.1);--btn-bc:rgb(var(--rgb-dark),.5);--btn-c:var(--hex-dark)}.btn-soft-light{--btn-bg:rgb(var(--rgb-light),.5);--btn-bc:rgb(var(--rgb-secondary),.5);--btn-c:var(--hex-secondary)}.btn-light-primary{--btn-bg:transparent;--btn-bc:var(--hex-primary);--btn-c:var(--hex-primary)}.btn-light-secondary{--btn-bg:transparent;--btn-bc:var(--hex-secondary);--btn-c:var(--hex-secondary)}.btn-light-success{--btn-bg:transparent;--btn-bc:var(--hex-success);--btn-c:var(--hex-success)}.btn-light-info{--btn-bg:transparent;--btn-bc:var(--hex-info);--btn-c:var(--hex-info)}.btn-light-warning{--btn-bg:transparent;--btn-bc:var(--hex-warning);--btn-c:var(--hex-warning)}.btn-light-danger{--btn-bg:transparent;--btn-bc:var(--hex-danger);--btn-c:var(--hex-danger)}.btn-light-dark{--btn-bg:transparent;--btn-bc:var(--hex-dark);--btn-c:var(--hex-dark)}.btn-light-alt{--btn-bg:transparent;--btn-bc:rgb(var(--rgb-secondary),.5);--btn-c:var(--hex-secondary)}.btn-primary:active:hover,.btn-soft-primary:active:hover,.btn-light-primary:active:hover{--btn-bg:var(--hex-primary)}.btn-secondary:active:hover,.btn-soft-secondary:active:hover,.btn-light-secondary:active:hover{--btn-bg:var(--hex-secondary)}.btn-success:active:hover,.btn-soft-success:active:hover,.btn-light-success:active:hover{--btn-bg:var(--hex-success)}.btn-info:active:hover,.btn-soft-info:active:hover,.btn-light-info:active:hover{--btn-bg:var(--hex-info)}.btn-warning:active:hover,.btn-soft-warning:active:hover,.btn-light-warning:active:hover{--btn-bg:var(--hex-warning)}.btn-danger:active:hover,.btn-soft-danger:active:hover,.btn-light-danger:active:hover{--btn-bg:var(--hex-danger)}.btn-dark:active:hover,.btn-soft-dark:active:hover,.btn-light-dark:active:hover{--btn-bg:var(--hex-dark)}.btn-soft-light:active:hover,.btn-light-alt:active:hover{--btn-bg:var(--hex-light);--btn-c:var(--hex-secondary)}.btn-light:active:hover{--btn-bg:var(--hex-light)}.btn-light.btn-split{border-left-color:rgb(var(--rgb-secondary),.5)}.btn-primary:hover,.btn-primary.btn-split,.btn-soft-primary:hover,.btn-soft-primary.btn-split,.btn-light-primary:hover,.btn-light-primary.btn-split{--btn-bg:rgb(var(--rgb-primary),.8)}.btn-secondary:hover,.btn-secondary.btn-split,.btn-soft-secondary:hover,.btn-soft-secondary.btn-split,.btn-light-secondary:hover,.btn-light-secondary.btn-split{--btn-bg:rgb(var(--rgb-secondary),.8)}.btn-success:hover,.btn-success.btn-split,.btn-soft-success:hover,.btn-soft-success.btn-split,.btn-light-success:hover,.btn-light-success.btn-split{--btn-bg:rgb(var(--rgb-success),.8)}.btn-info:hover,.btn-info.btn-split,.btn-soft-info:hover,.btn-soft-info.btn-split,.btn-light-info:hover,.btn-light-info.btn-split{--btn-bg:rgb(var(--rgb-info),.8)}.btn-warning:hover,.btn-warning.btn-split,.btn-soft-warning:hover,.btn-soft-warning.btn-split,.btn-light-warning:hover,.btn-light-warning.btn-split{--btn-bg:rgb(var(--rgb-warning),.8)}.btn-danger:hover,.btn-danger.btn-split,.btn-soft-danger:hover,.btn-soft-danger.btn-split,.btn-light-danger:hover,.btn-light-danger.btn-split{--btn-bg:rgb(var(--rgb-danger),.8)}.btn-dark:hover,.btn-dark.btn-split,.btn-soft-dark:hover,.btn-soft-dark.btn-split,.btn-light-dark:hover,.btn-light-dark.btn-split{--btn-bg:rgb(var(--rgb-dark),.8)}.btn-light:hover,.btn-light.btn-split,.btn-light-alt:hover,.btn-light-alt.btn-split{--btn-bg:rgb(var(--rgb-light),.8);color:var(--hex-secondary)!important}.btn-soft-light:hover,.btn-soft-light.btn-split{--btn-bg:rgb(var(--rgb-light),1);color:var(--hex-secondary)!important}.calendar{display:none;position:absolute;top:100%;left:0;background:var(--hex-white);z-index:99;font-size:.8rem;transform:none}.calendar.show{display:block}.calendar-header{display:flex;justify-content:space-between;align-items:center;background:var(--hex-light);padding:.5rem;border-top-left-radius:inherit;border-top-right-radius:inherit}.calendar-header .btn{padding:0 .25rem}.calendar-header select.field{border:0;background:var(--hex-white);background-image:none!important;padding:.5rem!important;direction:ltr;cursor:pointer;width:auto}.calendar-body{padding:.25rem .25rem 0 .25rem}.calendar-footer{display:flex;justify-content:center;gap:.5rem;padding:.5rem;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.calendar-footer .btn{flex-grow:1}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-days .week{text-align:center;padding:.2rem;pointer-events:none}.calendar-days .day{text-align:center;cursor:pointer;padding:.2rem;border-radius:.25rem}.calendar-days .day:hover:not(.active){background:var(--hex-light)}.calendar-days .disabled,.calendar-days .we{color:var(--hex-secondary)}.calendar-days .today{color:var(--hex-danger)!important;font-weight:bolder}.calendar-days .active{background-color:var(--hex-primary);color:var(--hex-white)!important}.card{display:flex;flex-direction:column;border:1px solid var(--b-color,var(--hex-border));border-radius:.25rem;background:var(--hex-white);margin-bottom:var(--margin)}.card:only-child{height:calc(100% - var(--margin))}.card-header,.card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-header,.card-footer,.card-body{padding:1rem}.card-body{flex:1}.card-header:not(:only-child){border-bottom:1px solid var(--b-color,var(--hex-border));font-weight:600;letter-spacing:.05rem}.card-footer:not(:only-child){border-top:1px solid var(--b-color,var(--hex-border))}.card-header + [class^=hide-screen]{border-bottom:0}[class^="b-"] .card-header,[class^="b-"] .card-footer{border-color:inherit;border-width:inherit}.card-header .btn,.card-header .tabs{font-weight:normal;letter-spacing:normal}.card-header .btn-menu{font-weight:normal;letter-spacing:normal}.card-header>.btn-sm,.card-header>.btn-menu{margin-top:-1rem;margin-bottom:-1rem}.carousel{position:relative;overflow:hidden}.carousel-content{display:flex}.carousel-item{flex:0 0 100%}.carousel-item>div{display:flex;align-items:center;justify-content:center}.carousel-item>div img{display:flex}.carousel-prev,.carousel-next{position:absolute;padding:1rem 0;cursor:pointer;display:flex;align-items:center;background-color:rgb(0,0,0,.25);color:white}.carousel-menu{display:flex;align-items:center;justify-content:center;margin-top:.5rem;gap:.5rem}.carousel-menu .btn-radio{transform:scale(.8)}.carousel-slide{transition:transform .5s ease}.carousel-bounce{transition:all .5s cubic-bezier(.4,1.3,.65,1)}.chip{display:inline-flex;align-items:center;color:var(--chip-c,var(--hex-txt));direction:ltr}.chip-label{display:flex;align-items:center;background:var(--chip-bg,var(--hex-light));border-radius:.5rem;padding:.2rem 1rem .2rem .75rem}.chip-icon{display:flex;align-items:center;justify-content:center;background:var(--chip-bg,var(--hex-light));border:.25rem solid var(--b-color,var(--hex-white));border-radius:50%;margin-left:-.5rem;min-width:3rem;min-height:3rem}.chip-icon i:not([class*="fs-"]){font-size:1.5rem}.chip-primary{--chip-bg:var(--hex-primary);--chip-c:var(--hex-white)}.chip-secondary{--chip-bg:var(--hex-secondary);--chip-c:var(--hex-white)}.chip-success{--chip-bg:var(--hex-success);--chip-c:var(--hex-white)}.chip-info{--chip-bg:var(--hex-info);--chip-c:var(--hex-white)}.chip-warning{--chip-bg:var(--hex-warning);--chip-c:var(--hex-white)}.chip-danger{--chip-bg:var(--hex-danger);--chip-c:var(--hex-white)}.chip-dark{--chip-bg:var(--hex-dark);--chip-c:var(--hex-white)}.chip-rev{direction:rtl}.chip-rev .chip-label{padding:.2rem .75rem .2rem 1rem}.chip-rev .chip-icon{margin-left:0;margin-right:-.5rem}.cp-container{display:none;position:absolute;padding:5px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.3);border-radius:1rem;z-index:1000}.cp-canvas{border-radius:50%;cursor:crosshair;display:block;margin:0 auto}.datalist-popup{position:absolute;box-sizing:border-box;background:var(--hex-white);border:1px solid var(--b-color,var(--field-b));max-height:180px;overflow-y:auto;border-radius:.25rem;padding:.25rem;width:100%;z-index:99}.datalist-item,.datalist-item-sm{cursor:pointer;border-radius:inherit}.datalist-item:hover,.datalist-item-sm:hover{background:var(--hex-light)}.datalist-item{padding:.5rem}.datalist-item-sm{padding:.25rem .5rem}.row{--gap-x:1.5rem;--gap-y:1rem;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gap-y));margin-left:calc(-.5*var(--gap-x));margin-right:calc(-.5*var(--gap-x))}.row>*{margin-top:var(--gap-y);padding-left:calc(var(--gap-x)*.5);padding-right:calc(var(--gap-x)*.5)}.col{flex-basis:0;flex-grow:1;flex-shrink:1}[class^="col-"]{width:calc(var(--col-w)*calc(var(--col-ws)*var(--col-wp,1)))}.col-1{--col-ws:1}.col-2{--col-ws:2}.col-3{--col-ws:3}.col-4{--col-ws:4}.col-5{--col-ws:5}.col-6{--col-ws:6}.col-7{--col-ws:7}.col-8{--col-ws:8}.col-9{--col-ws:9}.col-10{--col-ws:10}.col-11{--col-ws:11}.col-12{--col-ws:12}.col-70{--col-wp:.7}.col-80{--col-wp:.8}.col-90{--col-wp:.9}.col-auto,.col-auto-sm,.col-auto-xl{width:auto}.col-auto>.btn{height:2.5rem}.col-auto-sm>.btn{height:2rem}.col-auto-xl>.btn{height:3rem}.g-0,.gx-0{--gap-x:0!important}.g-1,.gx-1{--gap-x:.25rem!important}.g-2,.gx-2{--gap-x:.5rem!important}.g-3,.gx-3{--gap-x:.75rem!important}.g-4,.gx-4{--gap-x:1rem!important}.g-5,.gx-5{--gap-x:1.5rem!important}.g-6,.gx-6{--gap-x:3rem!important}.g-0,.gy-0{--gap-y:0!important}.g-1,.gy-1{--gap-y:.25rem!important}.g-2,.gy-2{--gap-y:.5rem!important}.g-3,.gy-3{--gap-y:.75rem!important}.g-4,.gy-4{--gap-y:1rem!important}.g-5,.gy-5{--gap-y:1.5rem!important}.g-6,.gy-6{--gap-y:3rem!important}.hide{display:none!important}.grid{display:grid!important;gap:1rem}.block{display:block!important}.inherit{display:inherit!important}.disabled{pointer-events:none;opacity:.5}.flex{display:flex!important}.flex-around{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:1rem}.flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.flex-center{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.flex-start{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:1rem}.flex-end{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:1rem}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:1rem}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.flex-wrap-rev{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-grow{flex:1}.row{flex-direction:row}.col-rev{flex-direction:row-reverse}.col-v{flex-direction:column}.col-v-rev{flex-direction:column-reverse}.items-baseline{align-items:baseline!important}.items-center{align-items:center!important}.items-start{align-items:start!important}.items-end{align-items:end!important}.items-unset{align-items:unset!important}.items-stretch{align-items:stretch!important}.self-baseline{align-self:baseline!important}.self-center{align-self:center!important}.self-start{align-self:start!important}.self-end{align-self:end!important}.self-unset{align-self:unset!important}.self-stretch{align-self:stretch!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-evenly{justify-content:space-evenly!important}.justify-start{justify-content:start!important}.justify-end{justify-content:end!important}.gap-0{gap:0!important}.gap-1{gap:1rem!important}.gap-2{gap:2rem!important}.gap-3{gap:3rem!important}.gap-4{gap:4rem!important}.gap-5{gap:5rem!important}.gap-n-5{gap:.5rem!important}.gap-n-25{gap:.25rem!important}.gap-n-75{gap:.75rem!important}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.va-auto{vertical-align:auto}.va-baseline{vertical-align:baseline}.va-bottom{vertical-align:bottom}.va-inherit{vertical-align:inherit}.va-middle{vertical-align:middle}.va-sub{vertical-align:sub}.va-super{vertical-align:super}.va-top{vertical-align:top}.va-txt-bottom{vertical-align:text-bottom}.va-txt-top{vertical-align:text-top}.inline{display:inline!important}.inline-block{display:inline-block!important}.inline-table{display:inline-table!important}.inline-flex{display:inline-flex!important}.vh-100{min-height:100dvh!important}.vw-100{min-width:100dvw!important}.w-auto{width:auto!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-auto{height:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.min-w-25{min-width:25%!important}.min-w-50{min-width:50%!important}.min-w-75{min-width:75%!important}.min-w-100{min-width:100%!important}.max-h-25{max-height:25%!important}.max-h-50{max-height:50%!important}.max-h-75{max-height:75%!important}.max-h-100{max-height:100%!important}.nowrap{white-space:nowrap}.overflow-x{overflow-x:auto}.overflow-y{overflow-y:auto}.opacity-15{opacity:.15}.opacity-25{opacity:.25}.opacity-50{opacity:.50}.opacity-75{opacity:.75}.rotate-n{transform:rotate(0deg)}.rotate-e{transform:rotate(90deg)}.rotate-s{transform:rotate(180deg)}.rotate-w{transform:rotate(270deg)}.rotate-ne{transform:rotate(45deg)}.rotate-se{transform:rotate(135deg)}.rotate-sw{transform:rotate(225deg)}.rotate-nw{transform:rotate(315deg)}.float-clear{clear:both}.float-left{float:left}.float-right{float:right}.float-none{float:none}.cur-default{cursor:default}.cur-disabled{cursor:not-allowed}.cur-grab{cursor:grab}.cur-help{cursor:help}.cur-move{cursor:move}.cur-pointer{cursor:pointer}.cur-progress{cursor:progress}.cur-wait{cursor:wait}.scale-1{transform:scale(.9)}.scale-2{transform:scale(.8)}.scale-3{transform:scale(.75)}.scale-start{transform-origin:left}.scale-center{transform-origin:center}.scale-end{transform-origin:right}[class^="overlap"]{display:flex}.overlap-1>*:not(:first-child){margin-left:-10px}.overlap-2>*:not(:first-child){margin-left:-15px}.overlap-3>*:not(:first-child){margin-left:-20px}.overlap-4>*:not(:first-child){margin-left:-25px}.overlap-5>*:not(:first-child){margin-left:-30px}.grabit{padding:1rem}.grabit-zone{opacity:.5}.grabit-item:not(:has(.btn-grabit)),.grabit-item:has(.btn-grabit) .btn-grabit{cursor:grab}.menu-group{display:block;margin-bottom:.5rem;border:.06em solid var(--b-color);color:inherit}.menu-group .menu-title{display:flex;align-items:center;justify-content:space-between;border-radius:inherit;color:inherit;padding:.25rem}.menu-group .menu-items{border-radius:inherit;margin-top:.25rem}.menu-group .menu-items a{text-decoration:none}.menu-group .menu-items>:is(a,div){display:flex;align-items:center;border-radius:inherit;color:inherit;text-decoration:none;padding:.25rem .5rem}.group-md .menu-items>:is(a,div){padding:.5rem}.menu-group .menu-items>:is(a,div):hover,.menu-group .menu-items>:is(a,div).active{background:var(--bg-color);color:var(--txt-color)}.menu-group ul ul li a:hover{--txt-color:var(--txt-color)}.menu-primary{--bg-color:var(--hex-primary);--txt-color:var(--hex-white)}.menu-secondary{--bg-color:var(--hex-secondary);--txt-color:var(--hex-white)}.menu-success{--bg-color:var(--hex-success);--txt-color:var(--hex-white)}.menu-info{--bg-color:var(--hex-info);--txt-color:var(--hex-white)}.menu-warning{--bg-color:var(--hex-warning);--txt-color:var(--hex-white)}.menu-danger{--bg-color:var(--hex-danger);--txt-color:var(--hex-white)}.menu-dark{--bg-color:var(--hex-dark);--txt-color:var(--hex-white)}.menu-black{--bg-color:var(--hex-black);--txt-color:var(--hex-white)}.menu-light{--bg-color:var(--hex-light);--txt-color:var(--hex-dark)}.menu-white{--bg-color:var(--hex-white);--txt-color:var(--hex-dark)}.active-bolder .active{font-weight:bolder}.active-underline .active{text-decoration:underline}.active-primary .active{--txt-color:var(--hex-primary)}.active-secondary .active{--txt-color:var(--hex-secondary)}.active-success .active{--txt-color:var(--hex-success)}.active-info .active{--txt-color:var(--hex-info)}.active-warning .active{--txt-color:var(--hex-warning)}.active-danger .active{--txt-color:var(--hex-danger)}.active-dark .active{--txt-color:var(--hex-dark)}.active-light .active{--txt-color:var(--hex-light)}.active-black .active{--txt-color:var(--hex-black)}.active-white .active{--txt-color:var(--hex-white)}.dropdown-group{cursor:pointer}.dropdown-group .menu-title::after{font-family:var(--icon-ff);font-size:1.2rem;content:var(--icon-arrow-3);transform:rotate(-180deg);transition:transform .2s ease-in-out}.dropdown-group .menu-items{display:none}.dropdown-group.show .menu-title::after{transform:rotate(0)}.dropdown-group.show .menu-items{display:block}.anim{transition:all .2s ease-in-out}.anim-slow{transition:all .5s ease-in-out}.zoom:hover{scale:1.2}.slide-up:hover{translate:0 -.5rem}.rotate-90:hover{rotate:90deg}.rotate-180:hover{rotate:180deg}.rotate-360:hover{rotate:360deg}.dark-mode .menu-group a:hover,.dark-mode .menu-group a.active{color:var(--hex-txt)}.field{position:relative;font-size:.95rem;border:1px solid var(--b-color,var(--field-b));border-radius:.25rem;background:inherit;padding:.6rem .8rem;height:2.5rem;width:100%;display:flex;align-items:center;gap:.8rem;box-shadow:0 .0625rem .1875rem #00000014}.field-shadow{box-shadow:0 .0625rem .1875rem #00000014}.field[type=date],.field[type=time],.field[type=datetime-local]{display:block}.field>*:not(i){font-size:inherit;background:transparent;outline:none;width:inherit;border-radius:inherit;box-shadow:none;border:0}.field:has(textarea){height:auto;align-items:start}.field-trans-ease-1{transition:.1s ease-in-out}.field-trans-ease-2{transition:.2s ease-in-out}.field-sm{height:2rem;font-size:.875rem;padding:0 .6rem}.field-xl{height:3rem;font-size:1.1rem}.field:focus-within,.field-select:focus-within{border-color:var(--focus-bc)!important;outline:thin;z-index:3}.field-select{box-shadow:0 .0625rem .1875rem #00000014}.field::placeholder{color:var(--hex-secondary);opacity:1}.field[type=file]::file-selector-button{color:var(--hex-secondary);background:transparent;padding:0 .6rem 0 0;border:0}.field[type=color]{appearance:none}.field[type=color]::-moz-color-swatch{border-radius:.25rem;border:0}.field[type=color]::-webkit-color-swatch{border-radius:.2rem;border:0}.field[readonly]:not([class*='bg-']),.field[disabled]:not([class*='bg-']){background:var(--field-bg)}.field[multiple] option{color:var(--hex-txt);margin-bottom:.25rem;padding:.2rem}.field[multiple] option:first-child{margin-top:.25rem}.field[multiple] option:checked{background:var(--hex-light);border-radius:.25rem}.field[multiple] optgroup{color:var(--hex-secondary);font-style:normal;font-weight:normal}.field[multiple],textarea.field{height:auto}.field[multiple]{background-image:none!important}select.field{appearance:none;background:no-repeat var(--icon-arrow-1) right 1rem center var(--hex-white);padding-right:2.5rem}.dark-mode select.field{background-image:var(--icon-arrow-2)}.field-pwd .icon-pwd{cursor:pointer}textarea.resize-v{resize:vertical}.field-label{font-size:.9rem;display:inherit}.field-label:not(:only-child){margin-bottom:.5rem}.label-align,.labels-align label{line-height:2.5rem}.label-align-sm,.labels-align-sm label{line-height:2rem}.label-align-xl,.labels-align-xl label{line-height:3rem}.label-bold,.labels-bold label{font-weight:600}.label-points,.labels-points label:not(.btn-check label):not(.btn-radio label)::after{content:'\00a0:'}.field-alt{display:flex;align-items:stretch;border-radius:.25rem;border-right:0;box-shadow:0 .0625rem .1875rem #00000014}.field-alt>*{box-shadow:none}.field-alt i{display:flex;align-items:center;justify-content:center;border-radius:inherit;border:1px solid var(--b-color,var(--field-b));background:var(--hex-light);font-style:normal;padding:0 1rem;white-space:nowrap;height:2.5rem}.field-alt>:not(:first-child):not(.tooltips){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.field-alt>.field:first-child,.field-alt>.field:not(:last-child),.field-alt>:not(:last-child):not(.tooltips):not(.field){border-top-right-radius:0;border-bottom-right-radius:0}.field-alt-sm i,.field-alt-sm>*{height:2rem;font-size:.875rem}.field-alt-xl i,.field-alt-xl>*{height:3rem;font-size:1.1rem}.field-alt [type=number]::-webkit-outer-spin-button,.field-alt [type=number]::-webkit-inner-spin-button{appearance:none}.field-alt [type=number]{appearance:textfield}.field-ph{position:relative}.field-ph .field-label{pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%);margin-bottom:0!important;transition:.2s ease-in-out;z-index:2}.field-ph .field::placeholder{opacity:0}.field-ph .field:focus-within::placeholder{opacity:1}.field-ph .field:valid + .field-label,.field-ph .field:focus-within + .field-label{background:var(--hex-white);transform:translate(0,-2rem);padding:0 .25rem;z-index:9}.field-ph.field-alt-sm .field-label{font-size:.8rem;height:auto}.field-ph.field-alt-xl .field-label{font-size:1.1rem;height:auto}.field-ph.field-alt-sm .field:valid + .field-label,.field-ph.field-alt-sm .field:focus-within + .field-label{transform:translate(0,-1.65rem)}.field-ph.field-alt-xl .field:valid + .field-label,.field-ph.field-alt-xl .field:focus-within + .field-label{transform:translate(0,-2.4rem)}.focus-primary:focus-within{--focus-bc:var(--hex-primary)}.focus-secondary:focus-within{--focus-bc:var(--hex-secondary)}.focus-success:focus-within{--focus-bc:var(--hex-success)}.focus-info:focus-within{--focus-bc:var(--hex-info)}.focus-warning:focus-within{--focus-bc:var(--hex-warning)}.focus-danger:focus-within{--focus-bc:var(--hex-danger)}.focus-dark:focus-within{--focus-bc:var(--hex-dark)}.focus-light:focus-within{--focus-bc:var(--hex-light)}.field-primary-shadow,.focus-primary-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-primary),.5)}.field-secondary-shadow,.focus-secondary-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-secondary),.5)}.field-success-shadow,.focus-success-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-success),.5)}.field-info-shadow,.focus-info-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-info),.5)}.field-warning-shadow,.focus-warning-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-warning),.5)}.field-danger-shadow,.focus-danger-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-danger),.5)}.field-dark-shadow,.focus-dark-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-dark),.5)}.field-light-shadow,.focus-light-shadow:focus-within{box-shadow:var(--focus-bs,0 0 .5rem 0) rgb(var(--rgb-light),.5)}.field-thick-shadow,.focus-thick-shadow:focus-within{--focus-bs:0 0 0 .25rem}.field-offset-shadow,.focus-offset-shadow:focus-within{--focus-bs:.25rem .25rem 0 0}fieldset{border:1px solid var(--hex-border);border-radius:.25rem;background:var(--hex-white);margin-bottom:var(--margin);padding:1rem}[dir=rtl] .field-alt>:not(:first-child):not(.tooltips){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:unset;border-top-left-radius:inherit;border-bottom-left-radius:inherit}[dir=rtl] .field-alt>.field:first-child,[dir=rtl] .field-alt>.field:not(:last-child),[dir=rtl] .field-alt>:not(:last-child):not(.tooltips):not(.field){border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[dir=rtl] .field-ph .field-label{left:unset;right:.9rem}input:-webkit-autofill:not(:disabled):not(:read-only){background-color:transparent!important;box-shadow:0 0 0px 1000px var(--hex-white) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--hex-white) inset!important}.file-icon{display:inline-block;width:1.5rem;height:2rem;background:var(--hex-primary);position:relative;border-radius:.2rem;font-size:.625rem;text-align:left;overflow:hidden;text-indent:1px}.file-icon::before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-color:var(--hex-white) var(--hex-white) rgba(255,255,255,.3) rgba(255,255,255,.3);border-width:.3rem;box-shadow:inset -2px 2px 4px rgba(0,0,0,0.2)}.file-icon::after{content:attr(data-ext);position:absolute;bottom:0;left:0;width:100%;padding:.125rem;text-transform:lowercase;white-space:nowrap;overflow:hidden;color:var(--hex-white)}.file-icon[data-ext=csv]{background:#81d88f}.file-icon[data-ext^=xls]{background:#34a853}.file-icon[data-ext^=doc]{background:#4285f4}.file-icon[data-ext=pdf]{background:#ea4335}.file-icon[data-ext=txt]{background:#607d8b}.file-icon[data-ext=json]{background:#ff9800}.file-icon[data-ext=xml]{background:#8e44ad}.file-icon[data-ext=zip]{background:#795548}.file-icon[data-ext=png]{background:#26c6da}.file-icon[data-ext=jpg]{background:#42a5f5}.file-icon[data-ext=gif]{background:#ffb74d}.file-icon-sm{font-size:.75rem;width:1.875rem;height:2.5rem}.file-icon-sm::before{border-width:.35rem}.file-icon-lg{font-size:.9rem;width:2.625rem;height:3.5rem}.file-icon-lg::before{border-width:.4rem}.file-icon-xl{font-size:1rem;width:3rem;height:4rem}.file-icon-xl::before{border-width:.5rem}.flip-card{width:max-content;height:max-content;perspective:1000px}.flip-content{position:relative;border-radius:inherit;transition:transform .6s;transition-timing-function:ease-in-out;transform-style:preserve-3d}.flip-front,.flip-back{display:flex;align-items:center;justify-content:center;position:relative;backface-visibility:hidden;border-radius:inherit;rotate:0deg}.flip-back{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--hex-white);overflow-y:auto}.flip-back,.flip-content{transition:transform .6s ease}.flip-left .flip-back,.flip-left:hover .flip-content{transform:rotateY(-180deg)}.flip-right .flip-back,.flip-right:hover .flip-content{transform:rotateY(180deg)}.flip-up .flip-back,.flip-up:hover .flip-content{transform:rotateX(180deg)}.flip-down .flip-back,.flip-down:hover .flip-content{transform:rotateX(-180deg)}.flip-diag-left .flip-back,.flip-diag-left:hover .flip-content{transform:rotate3d(1,1,0,180deg)}.flip-diag-right .flip-back,.flip-diag-right:hover .flip-content{transform:rotate3d(1,1,0,-180deg)}.flip-inv-diag-left .flip-back,.flip-inv-diag-left:hover .flip-content{transform:rotate3d(-1,1,0,180deg)}.flip-inv-diag-right .flip-back,.flip-inv-diag-right:hover .flip-content{transform:rotate3d(1,-1,0,180deg)}:root{--fs-1:clamp(1.5rem,2vw + 1rem,1.95rem);--fs-2:clamp(1.3rem,2vw + .8rem,1.65rem);--fs-3:clamp(1.15rem,2vw + .6rem,1.45rem);--fs-4:clamp(1rem,2vw + .4rem,1.25rem);--fs-5:clamp(.9rem,2vw + .2rem,1.05rem);--fs-6:clamp(.8rem,2vw + 0rem,1rem);--fs-10:clamp(.65rem,2vw - .2rem,.75rem);--fs-12:clamp(.70rem,2vw + 0rem,.8rem);--fs-14:clamp(.75rem,2vw + .1rem,.875rem);--fs-16:clamp(.85rem,2vw + .2rem,1rem);--fs-18:clamp(.85rem,2vw + .3rem,1.125rem);--fs-20:clamp(1rem,2vw + .4rem,1.25rem);--fs-22:clamp(1.15rem,2vw + .5rem,1.375rem);--fs-24:clamp(1.3rem,2vw + .6rem,1.5rem);--fs-26:clamp(1.4rem,2vw + .7rem,1.625rem);--fs-28:clamp(1.5rem,2vw + .8rem,1.75rem);--fs-30:clamp(1.8rem,2vw + 1rem,2rem);--fs-32:clamp(2rem,2vw + 1.2rem,2.25rem);--fs-34:clamp(2.2rem,2vw + 1.4rem,2.5rem);--fs-36:clamp(2.4rem,2vw + 1.6rem,2.75rem);--fs-38:clamp(2.6rem,2vw + 1.8rem,3rem);--fs-40:clamp(3rem,2vw + 2rem,4rem);--fs-50:clamp(4rem,2vw + 2.5rem,5rem);--fs-60:clamp(5rem,2vw + 3rem,6rem)}.fs-1,h1{font-size:var(--fs-1)}.fs-2,h2{font-size:var(--fs-2)}.fs-3,h3{font-size:var(--fs-3)}.fs-4,h4{font-size:var(--fs-4)}.fs-5,h5{font-size:var(--fs-5)}.fs-6,h6{font-size:var(--fs-6)}.fs-10{font-size:var(--fs-10)}.fs-12{font-size:var(--fs-12)}.fs-14{font-size:var(--fs-14)}.fs-16{font-size:var(--fs-16)}.fs-18{font-size:var(--fs-18)}.fs-20{font-size:var(--fs-20)}.fs-22{font-size:var(--fs-22)}.fs-24{font-size:var(--fs-24)}.fs-26{font-size:var(--fs-26)}.fs-28{font-size:var(--fs-28)}.fs-30{font-size:var(--fs-30)}.fs-32{font-size:var(--fs-32)}.fs-34{font-size:var(--fs-34)}.fs-36{font-size:var(--fs-36)}.fs-38{font-size:var(--fs-38)}.fs-40{font-size:var(--fs-40)}.fs-50{font-size:var(--fs-50)}.fs-60{font-size:var(--fs-60)}.btn-check label{position:relative;display:flex;align-items:center;justify-content:start;gap:.75rem;cursor:pointer}.btn-check label div:first-child{position:relative}.btn-check label div:last-child{display:flex;flex:1;align-items:center;gap:.25rem}.btn-check input{position:absolute;bottom:0;appearance:none}.btn-check input:checked ~ .check{background:var(--bg-color,var(--field-b));transition:.2s}.btn-check input:checked ~ .check::after{display:block}.btn-check:hover input:checked ~ .check{background:var(--bg-color,var(--field-b))}.btn-check .check{position:relative;display:block;width:1.5rem;border:1px solid var(--b-color,var(--field-b));padding:.65rem;border-radius:.25rem}.btn-check .check::after{position:absolute;left:.5rem;top:.25rem;width:.4rem;height:.65rem;display:none;content:'';border:1px solid var(--btn-bc,var(--hex-white));border-width:0 2px 2px 0;rotate:45deg}.btn-check.reversed label{flex-direction:row-reverse}.check-rounded .check{border-radius:50%}.check-primary input:checked ~ .check{--bg-color:var(--hex-primary);--b-color:var(--hex-primary)}.check-secondary input:checked ~ .check{--bg-color:var(--hex-secondary);--b-color:var(--hex-secondary)}.check-success input:checked ~ .check{--bg-color:var(--hex-success);--b-color:var(--hex-success)}.check-info input:checked ~ .check{--bg-color:var(--hex-info);--b-color:var(--hex-info)}.check-warning input:checked ~ .check{--bg-color:var(--hex-warning);--b-color:var(--hex-warning)}.check-danger input:checked ~ .check{--bg-color:var(--hex-danger);--b-color:var(--hex-danger)}.check-dark input:checked ~ .check{--bg-color:var(--hex-dark);--b-color:var(--hex-dark)}.check-light input:checked ~ .check{--bg-color:transparent}.check-light input:checked ~ .check::after{--btn-bc:var(--field-b)}.check-light.check-primary input:checked ~ .check,.check-light.check-primary input:checked ~ .check::after{--btn-bc:var(--hex-primary)}.check-light.check-secondary input:checked ~ .check,.check-light.check-secondary input:checked ~ .check::after{--btn-bc:var(--hex-secondary)}.check-light.check-success input:checked ~ .check,.check-light.check-success input:checked ~ .check::after{--btn-bc:var(--hex-success)}.check-light.check-info input:checked ~ .check,.check-light.check-info input:checked ~ .check::after{--btn-bc:var(--hex-info)}.check-light.check-warning input:checked ~ .check,.check-light.check-warning input:checked ~ .check::after{--btn-bc:var(--hex-warning)}.check-light.check-danger input:checked ~ .check,.check-light.check-danger input:checked ~ .check::after{--btn-bc:var(--hex-danger)}.check-light.check-dark input:checked ~ .check,.check-light.check-dark input:checked ~ .check::after{--btn-bc:var(--hex-dark)}.check-alt{flex:1}.check-alt .check{padding:.25rem;width:100%}.check-alt input:checked ~ .check{color:var(--hex-white)}.check-alt input:checked ~ .check>*{color:inherit!important}.check-alt input:checked ~ .check::after{display:none}.btn-radio label{position:relative;display:flex;align-items:center;justify-content:start;gap:.75rem;cursor:pointer}.btn-radio label div:first-child{position:relative}.btn-radio label div:last-child{display:flex;flex:1;align-items:center;gap:.25rem}.btn-radio input{position:absolute;bottom:0;appearance:none}.btn-radio input:checked ~ .radio{background:var(--bg-color,var(--field-b));transition:.2s}.btn-radio input:checked ~ .radio::after{display:block}.btn-radio .radio{display:flex;align-items:center;justify-content:center;border:1px solid;border-color:var(--b-color,var(--field-b));border-radius:50%;width:1.5rem;height:1.5rem}.btn-radio .radio::after{position:absolute;display:none;content:'';width:.75rem;height:.75rem}.btn-radio .radio::after{border-radius:50%;background:var(--hex-white)}.btn-radio.reversed label{flex-direction:row-reverse}.radio-square .radio,.radio-square .radio::after{border-radius:.25rem}.radio-primary input:checked ~ .radio,.radio-light.radio-primary .radio::after{--bg-color:var(--hex-primary);--b-color:var(--hex-primary)}.radio-secondary input:checked ~ .radio,.radio-light.radio-secondary .radio::after{--bg-color:var(--hex-secondary);--b-color:var(--hex-secondary)}.radio-success input:checked ~ .radio,.radio-light.radio-success .radio::after{--bg-color:var(--hex-success);--b-color:var(--hex-success)}.radio-info input:checked ~ .radio,.radio-light.radio-info .radio::after{--bg-color:var(--hex-info);--b-color:var(--hex-info)}.radio-warning input:checked ~ .radio,.radio-light.radio-warning .radio::after{--bg-color:var(--hex-warning);--b-color:var(--hex-warning)}.radio-danger input:checked ~ .radio,.radio-light.radio-danger .radio::after{--bg-color:var(--hex-danger);--b-color:var(--hex-danger)}.radio-dark input:checked ~ .radio,.radio-light.radio-dark .radio::after{--bg-color:var(--hex-dark);--b-color:var(--hex-dark)}.radio-light input:checked ~ .radio{background:transparent}.radio-light .radio::after{background:var(--bg-color,var(--field-b));--b-color:var(--field-b)}.radio-alt{flex:1}.radio-alt .radio{padding:.25rem;height:auto}.radio-alt input:checked ~ .radio{color:var(--hex-white)}.radio-alt input:checked ~ .radio>*{color:inherit!important}.radio-alt input:checked ~ .radio::after{display:none}.field-range,.field-range input{appearance:none;width:100%;height:.5rem;background:rgb(var(--bg-color,var(--rgb-light),var(--bg-o,1)));border-radius:.25rem;outline:none}.field-range::-webkit-slider-thumb,.field-range input::-webkit-slider-thumb{appearance:none;width:1.1rem;height:1.1rem;background:var(--range-bg,var(--hex-border));border-radius:50%;cursor:pointer}.field-range::-moz-range-thumb,.field-range input::-moz-range-thumb{border:0;width:1.1rem;height:1.1rem;background:var(--range-bg,var(--hex-border));border-radius:50%;cursor:pointer}.field-range:has(input){display:flex;justify-content:space-between}.field-range input:first-child{border-top-right-radius:0}.field-range input:last-child{border-bottom-right-radius:0}.range-primary{--range-bg:var(--hex-primary)}.range-secondary{--range-bg:var(--hex-secondary)}.range-success{--range-bg:var(--hex-success)}.range-info{--range-bg:var(--hex-info)}.range-warning{--range-bg:var(--hex-warning)}.range-danger{--range-bg:var(--hex-danger)}.range-dark{--range-bg:var(--hex-dark)}.modal-lightbox{direction:ltr}.modal-lightbox .modal-body{border-radius:inherit;padding:0}.modal-lightbox .modal-body img,.modal-lightbox .modal-body iframe{border-radius:inherit;border:0;width:100%;height:100%}.modal-navbox{position:absolute;height:100vh;width:100vw;z-index:0}.modal-navbox>div{position:fixed;cursor:pointer}.modal-navbox>div>i{color:white;transition:all .2s ease-in-out;opacity:.5}.modal-navbox>div>i:hover{opacity:1}.modal-navbox .btn-close{font-size:3rem;top:0;right:0}.modal-navbox .btn-prev,.modal-navbox .btn-next{font-size:4rem;top:50%;transform:translateY(-50%)}.modal-navbox .btn-next{right:0}.list{border:1px solid var(--hex-border);background:var(--hex-white);border-radius:.25rem}.list.list-hover .list-item:hover:not(.active){cursor:pointer;background:rgb(var(--rgb-light),.6)}.list-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.list-item{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:var(--list-bg,inherit);color:var(--list-c,inherit)}.list-item:not(:last-child){border-bottom:1px solid var(--hex-border)}.list-item[disabled],.list-item[disabled] a{color:var(--hex-default);pointer-events:none;opacity:1}.list-item.active{font-weight:600;color:var(--list-c);transition:.1s}.list-item{color:inherit;text-decoration:none;border-radius:0}.list-primary .active,.list-primary-hover .list-item:hover{--list-bg:var(--hex-primary);--list-c:var(--hex-white)}.list-secondary .active,.list-secondary-hover .list-item:hover{--list-bg:var(--hex-secondary);--list-c:var(--hex-white)}.list-success .active,.list-success-hover .list-item:hover{--list-bg:var(--hex-success);--list-c:var(--hex-white)}.list-warning .active,.list-warning-hover .list-item:hover{--list-bg:var(--hex-warning);--list-c:var(--hex-white)}.list-danger .active,.list-danger-hover .list-item:hover{--list-bg:var(--hex-danger);--list-c:var(--hex-white)}.list-info .active,.list-info-hover .list-item:hover{--list-bg:var(--hex-info);--list-c:var(--hex-white)}.list-dark .active,.list-dark-hover .list-item:hover{--list-bg:var(--hex-dark);--list-c:var(--hex-white)}ul.list,ol.list{list-style-position:inside;padding:0}ul.list li,ol.list li{line-height:normal}:root{--m-s:1rem;--m-1:calc(var(--m-s)*.25);--m-2:calc(var(--m-s)*.5);--m-3:calc(var(--m-s)*.75);--m-4:var(--m-s);--m-5:calc(var(--m-s)*1.5);--m-6:calc(var(--m-s)*3)}.m-0,.m-0-auto>*{margin:0!important}.m-1,.m-1-auto>*{margin:var(--m-1)!important}.m-2,.m-2-auto>*{margin:var(--m-2)!important}.m-3,.m-3-auto>*{margin:var(--m-3)!important}.m-4,.m-4-auto>*{margin:var(--m-4)!important}.m-5,.m-5-auto>*{margin:var(--m-5)!important}.m-6,.m-6-auto>*{margin:var(--m-6)!important}.mv-0,.mt-0{margin-top:0!important}.mv-1,.mt-1,.mt-1-auto>*:not(:first-child){margin-top:var(--m-1)!important}.mv-2,.mt-2,.mt-2-auto>*:not(:first-child){margin-top:var(--m-2)!important}.mv-3,.mt-3,.mt-3-auto>*:not(:first-child){margin-top:var(--m-3)!important}.mv-4,.mt-4,.mt-4-auto>*:not(:first-child){margin-top:var(--m-4)!important}.mv-5,.mt-5,.mt-5-auto>*:not(:first-child){margin-top:var(--m-5)!important}.mv-6,.mt-6,.mt-6-auto>*:not(:first-child){margin-top:var(--m-6)!important}.mv-0,.mb-0{margin-bottom:0!important}.mv-1,.mb-1,.mb-1-auto>*:not(:last-child){margin-bottom:var(--m-1)!important}.mv-2,.mb-2,.mb-2-auto>*:not(:last-child){margin-bottom:var(--m-2)!important}.mv-3,.mb-3,.mb-3-auto>*:not(:last-child){margin-bottom:var(--m-3)!important}.mv-4,.mb-4,.mb-4-auto>*:not(:last-child){margin-bottom:var(--m-4)!important}.mv-5,.mb-5,.mb-5-auto>*:not(:last-child){margin-bottom:var(--m-5)!important}.mv-6,.mb-6,.mb-6-auto>*:not(:last-child){margin-bottom:var(--m-6)!important}.mh-0,.ms-0{margin-left:0!important}.mh-1,.ms-1,.ms-1-auto>*:not(:first-child){margin-left:var(--m-1)!important}.mh-2,.ms-2,.ms-1-auto>*:not(:first-child){margin-left:var(--m-2)!important}.mh-3,.ms-3,.ms-1-auto>*:not(:first-child){margin-left:var(--m-3)!important}.mh-4,.ms-4,.ms-1-auto>*:not(:first-child){margin-left:var(--m-4)!important}.mh-5,.ms-5,.ms-1-auto>*:not(:first-child){margin-left:var(--m-5)!important}.mh-6,.ms-6,.ms-6-auto>*:not(:first-child){margin-left:var(--m-6)!important}.mh-0,.me-0{margin-right:0!important}.mh-1,.me-1,.me-1-auto>*:not(:last-child){margin-right:var(--m-1)!important}.mh-2,.me-2,.me-2-auto>*:not(:last-child){margin-right:var(--m-2)!important}.mh-3,.me-3,.me-3-auto>*:not(:last-child){margin-right:var(--m-3)!important}.mh-4,.me-4,.me-4-auto>*:not(:last-child){margin-right:var(--m-4)!important}.mh-5,.me-5,.me-5-auto>*:not(:last-child){margin-right:var(--m-5)!important}.mh-6,.me-6,.me-6-auto>*:not(:last-child){margin-right:var(--m-6)!important}.mh-1-4{margin-left:.25rem!important;margin-right:.25rem!important}.mh-1-2{margin-left:.5rem!important;margin-right:.5rem!important}.mh-3-4{margin-left:.75rem!important;margin-right:.75rem!important}.mv-1-4{margin-top:.25rem!important;margin-bottom:.25rem!important}.mv-1-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mv-3-4{margin-top:.75rem!important;margin-bottom:.75rem!important}.m-auto{margin:0 auto!important}.ms-auto{margin-left:auto!important}.me-auto{margin-right:auto!important}.masonry{columns:3;column-width:auto}.masonry-col-2{columns:2}.masonry-col-4{columns:4}.masonry-col-6{columns:6}.masonry-col-md{column-width:15rem}.masonry-col-lg{column-width:30rem}.masonry-picture img{display:block}.masonry-picture{margin-bottom:1rem;overflow:hidden}.masonry-picture-zoom img:hover{transform:scale(1.4)}.masonry-item{break-inside:avoid;overflow:hidden;width:100%;margin-bottom:1rem}.masonry-content{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--b-color)}.masonry-content .masonry-title{font-weight:bolder}.masonry-content .masonry-picture{margin-bottom:0}.masonry-content .masonry-body{text-align:justify}.media{display:flex;align-items:center;justify-content:center}.media-xl{width:6rem;height:6rem}.media-lg{width:5rem;height:5rem}.media-md{width:4rem;height:4rem}.media-sm{width:3rem;height:3rem}.media-xs{width:2rem;height:2rem}.media-fs-1{font-size:1.5rem}.media-fs-2{font-size:2.5rem}.media-fs-3{font-size:3.5rem}.flip{transform:scaleX(-1) scaleY(-1)}.flip-x{transform:scaleX(-1)}.flip-y{transform:scaleY(-1)}.bright-1{filter:brightness(.8)}.bright-2{filter:brightness(.7)}.bright-3{filter:brightness(.6)}.blur-1{filter:blur(.1rem)}.blur-2{filter:blur(.2rem)}.blur-3{filter:blur(.3rem)}.bg-blur-1{backdrop-filter:blur(.1rem)}.bg-blur-2{backdrop-filter:blur(.2rem)}.bg-blur-3{backdrop-filter:blur(.3rem)}.gray{filter:grayscale(100%)}.gray-blur-1{filter:grayscale(100%) blur(.1rem)}.gray-blur-2{filter:grayscale(100%) blur(.2rem)}.gray-blur-3{filter:grayscale(100%) blur(.3rem)}.bg-gray-blur-1{backdrop-filter:grayscale(100%) blur(.1rem)}.bg-gray-blur-2{backdrop-filter:grayscale(100%) blur(.2rem)}.bg-gray-blur-3{backdrop-filter:grayscale(100%) blur(.3rem)}.modal{display:none;position:fixed;inset:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:1000;background:rgb(0,0,0,.5)}.modal.show{display:block}.modal-dialog{display:flex;justify-content:center;align-items:center;margin:var(--margin);min-height:calc(100% - var(--modal-margin))}.modal-content{display:flex;flex-direction:column;background:var(--hex-white);border-radius:.25rem;box-shadow:0 0 1rem rgb(0,0,0,.5);position:relative;z-index:1;height:100%}.modal-header{display:flex;justify-content:space-between;position:relative;padding:1rem 1.25rem;border-bottom:1px solid var(--hex-border)}.modal-header .btn-close{font-size:2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer}.modal-body{flex:1;padding:1.25rem}.modal-footer{display:flex;justify-content:center;gap:1rem;padding:1rem 1.25rem}.modal.bg-none{pointer-events:none}.modal-top{align-items:start!important}.modal-top-start{align-items:start!important;justify-content:start!important}.modal-top-end{align-items:start!important;justify-content:end!important}.modal-bottom{align-items:end!important}.modal-bottom-start{align-items:end!important;justify-content:start!important}.modal-bottom-end{align-items:end!important;justify-content:end!important}.modal-start{justify-content:start!important}.modal-end{justify-content:end!important}.modal-center{align-items:center!important}.modal-25>.modal-content{min-width:calc(25vw - var(--modal-margin));min-height:calc(25vh - var(--modal-margin))}.modal-50>.modal-content{min-width:calc(50vw - var(--modal-margin));min-height:calc(50vh - var(--modal-margin))}.modal-75>.modal-content{min-width:calc(75vw - var(--modal-margin));min-height:calc(75vh - var(--modal-margin))}.modal-100>.modal-content{min-width:calc(100vw - var(--modal-margin));min-height:calc(100vh - var(--modal-margin))}.modal-w-25>.modal-content{min-width:calc(25vw - var(--modal-margin))}.modal-h-25>.modal-content{min-height:calc(25vh - var(--modal-margin))}.modal-w-50>.modal-content{min-width:calc(50vw - var(--modal-margin))}.modal-h-50>.modal-content{min-height:calc(50vh - var(--modal-margin))}.modal-w-75>.modal-content{min-width:calc(75vw - var(--modal-margin))}.modal-h-75>.modal-content{min-height:calc(75vh - var(--modal-margin))}.modal-w-100>.modal-content{min-width:calc(100vw - var(--modal-margin))}.modal-h-100>.modal-content{min-height:calc(100vh - var(--modal-margin))}.modal-side{display:block;margin:0;min-height:auto;position:absolute;width:400px;z-index:99}.modal-side>.modal-content{border-radius:0}.modal-side.modal-top{top:0;bottom:unset;width:100vw}.modal-side.modal-bottom{bottom:0;top:unset;width:100vw}.modal-side.modal-start{top:0;left:0;height:100vh}.modal-side.modal-end{top:0;right:0;height:100vh}.modal-side.modal-w-25>.modal-content,.modal-side.modal-w-50>.modal-content,.modal-side.modal-w-75>.modal-content,.modal-side.modal-w-100>.modal-content{width:auto}.modal-side.modal-w-25{min-width:25vw}.modal-side.modal-w-50{min-width:50vw}.modal-side.modal-w-75{min-width:75vw}.modal-side.modal-w-100{min-width:100vw}.navbar{padding:.4rem;direction:ltr}.navbar:hover{opacity:inherit;transition:.2s}.navbar li{position:relative}.navbar ul{list-style:none;padding:0;margin:0}.navbar ul>li{white-space:nowrap;display:inline-block}.navbar ul>li>a:not(.btn){display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;padding:.25rem .5rem}.navbar ul>li:hover>a,.navbar a.active{background:rgba(var(--rgb-white),.2)}.navbar ul li:hover>ul{display:inherit;transition:none;animation-duration:var(--animate-fast)}.navbar ul ul{display:none;position:absolute;top:100%;left:0;padding:.4rem;box-shadow:0 0 .5rem 0 rgb(var(--rgb-black),.1);background:var(--hex-white);z-index:9999;width:max-content}.navbar ul ul ul{top:0;left:100%}.navbar ul ul li{display:block;margin:0;padding:0}.navbar ul ul li a{display:flex;align-items:center;justify-content:start;text-decoration:none;color:inherit!important}.navbar ul ul li a:hover{background:var(--hex-light)}.navbar ul ul li.navbar-menu>a::after{font-family:var(--icon-ff);content:var(--icon-arrow-4);opacity:.5;display:inline}.navbar-mobile,.navbar-items{display:flex;gap:.3rem}.navbar-mobile{display:none;cursor:pointer}.navbar-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 0 .5rem 0 rgb(var(--rgb-black),.25);border-radius:0!important;z-index:999}.navbar-fixed-body{overflow:hidden}.navbar-fixed-body .navbar-fixed{overflow:auto!important;bottom:0!important}.navbar.bg-none-items{--item-bg:transparent}.navbar.bg-primary-items{--item-bg:var(--hex-primary)}.navbar.bg-secondary-items{--item-bg:var(--hex-secondary)}.navbar.bg-success-items{--item-bg:var(--hex-success)}.navbar.bg-info-items{--item-bg:var(--hex-info)}.navbar.bg-warning-items{--item-bg:var(--hex-warning)}.navbar.bg-danger-items{--item-bg:var(--hex-danger)}.navbar.bg-dark-items{--item-bg:var(--hex-dark)}.navbar.bg-black-items{--item-bg:var(--hex-black)}.navbar.txt-primary-items{--item-txt:var(--hex-primary)}.navbar.txt-secondary-items{--item-txt:var(--hex-secondary)}.navbar.txt-success-items{--item-txt:var(--hex-success)}.navbar.txt-info-items{--item-txt:var(--hex-info)}.navbar.txt-warning-items{--item-txt:var(--hex-warning)}.navbar.txt-danger-items{--item-txt:var(--hex-danger)}.navbar.txt-dark-items{--item-txt:var(--hex-dark)}.navbar.txt-black-items{--item-txt:var(--hex-black)}.navbar.txt-white-items{--item-txt:var(--hex-white)}.navbar-rounded-1,.navbar-rounded-1 ul ul,.navbar-rounded-1 ul li a,.navbar-rounded-1 ul li:hover a{border-radius:.25rem}.navbar-rounded-2,.navbar-rounded-2 ul ul,.navbar-rounded-2 ul li a,.navbar-rounded-2 ul li:hover a{border-radius:.50rem}.navbar-rounded-3,.navbar-rounded-3 ul ul,.navbar-rounded-3 ul li a,.navbar-rounded-3 ul li:hover a{border-radius:.75rem}.navbar[class*="-menu"] a.active,.navbar[class*="-menu"] ul:first-child>li:hover>a{background:rgb(var(--bg-color))}.navbar[class*="-items"] ul ul li a:hover{color:var(--item-txt)!important;background-color:var(--item-bg,var(--hex-light))}.navbar[class*="bg-"]:not(.bg-light) ul li a{color:var(--hex-white)}.dark-mode .navbar[class*="bg-"]:not(.bg-light) ul li a{color:inherit}.notify{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;pointer-events:none;overflow:hidden;z-index:9999}.notify-content{animation-duration:.3s;border-radius:.25rem;padding:.8rem 1rem;min-width:15rem;background-color:var(--hex-primary);color:rgb(var(--rgb-white));pointer-events:all;cursor:pointer}.notify-bottom{flex-direction:column-reverse}.notify-left{align-items:start}.notify-right{align-items:end}:root{--p-s:1rem;--p-1:calc(var(--p-s)*.25);--p-2:calc(var(--p-s)*.5);--p-3:calc(var(--p-s)*.75);--p-4:var(--p-s);--p-5:calc(var(--p-s)*1.5);--p-6:calc(var(--p-s)*3)}.p-0{padding:0!important}.p-1,.p-1-auto>*{padding:var(--p-1)!important}.p-2,.p-2-auto>*{padding:var(--p-2)!important}.p-3,.p-3-auto>*{padding:var(--p-3)!important}.p-4,.p-4-auto>*{padding:var(--p-4)!important}.p-5,.p-5-auto>*{padding:var(--p-5)!important}.p-6,.p-6-auto>*{padding:var(--p-6)!important}.pv-0,.pt-0{padding-top:0!important}.pv-1,.pt-1,.pt-1-auto>*{padding-top:var(--p-1)!important}.pv-2,.pt-2,.pt-2-auto>*{padding-top:var(--p-2)!important}.pv-3,.pt-3,.pt-3-auto>*{padding-top:var(--p-3)!important}.pv-4,.pt-4,.pt-4-auto>*{padding-top:var(--p-4)!important}.pv-5,.pt-5,.pt-5-auto>*{padding-top:var(--p-5)!important}.pv-6,.pt-6,.pt-6-auto>*{padding-top:var(--p-6)!important}.pv-0,.pb-0{padding-bottom:0!important}.pv-1,.pb-1,.pb-1-auto>*{padding-bottom:var(--p-1)!important}.pv-2,.pb-2,.pb-2-auto>*{padding-bottom:var(--p-2)!important}.pv-3,.pb-3,.pb-3-auto>*{padding-bottom:var(--p-3)!important}.pv-4,.pb-4,.pb-4-auto>*{padding-bottom:var(--p-4)!important}.pv-5,.pb-5,.pb-5-auto>*{padding-bottom:var(--p-5)!important}.pv-6,.pb-6,.pb-6-auto>*{padding-bottom:var(--p-6)!important}.ph-0,.ps-0{padding-left:0!important}.ph-1,.ps-1,.ps-1-auto>*{padding-left:var(--p-1)!important}.ph-2,.ps-2,.ps-2-auto>*{padding-left:var(--p-2)!important}.ph-3,.ps-3,.ps-3-auto>*{padding-left:var(--p-3)!important}.ph-4,.ps-4,.ps-4-auto>*{padding-left:var(--p-4)!important}.ph-5,.ps-5,.ps-5-auto>*{padding-left:var(--p-5)!important}.ph-6,.ps-6,.ps-6-auto>*{padding-left:var(--p-6)!important}.ph-0,.pe-0{padding-right:0!important}.ph-1,.pe-1,.pe-1-auto>*{padding-right:var(--p-1)!important}.ph-2,.pe-2,.pe-2-auto>*{padding-right:var(--p-2)!important}.ph-3,.pe-3,.pe-3-auto>*{padding-right:var(--p-3)!important}.ph-4,.pe-4,.pe-4-auto>*{padding-right:var(--p-4)!important}.ph-5,.pe-5,.pe-5-auto>*{padding-right:var(--p-5)!important}.ph-6,.pe-6,.pe-6-auto>*{padding-right:var(--p-6)!important}.ph-1-4{padding-left:.25rem!important;padding-right:.25rem!important}.ph-1-2{padding-left:.5rem!important;padding-right:.5rem!important}.ph-3-4{padding-left:.75rem!important;padding-right:.75rem!important}.pv-1-4{padding-top:.25rem!important;padding-bottom:.25rem!important}.pv-1-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pv-3-4{padding-top:.75rem!important;padding-bottom:.75rem!important}.p-auto{padding:0 auto!important}.ps-auto{padding-left:auto!important}.pe-auto{padding-right:auto!important}.pagination{display:flex;justify-content:center;list-style:none;gap:.5rem;padding:0}.page-item.disabled{opacity:1}.page-item.disabled .page-link{color:var(--hex-secondary)}.page-item.disabled.active .page-link{background:var(--hex-light);border-color:var(--hex-border);color:var(--hex-white)}.page-item.active .page-link{background:var(--hex-light);border-color:var(--hex-border);color:var(--hex-text);margin-left:0}.page-link{border:1px solid var(--hex-border);display:block;color:inherit;padding:.35rem .75rem;margin-left:-1px;text-decoration:none;border-radius:inherit}.page-link:hover{background:var(--hex-light)}.pagination-primary .page-link{color:var(--hex-primary)}.pagination-secondary .page-link{color:var(--hex-secondary)}.pagination-success .page-link{color:var(--hex-success)}.pagination-info .page-link{color:var(--hex-info)}.pagination-warning .page-link{color:var(--hex-warning)}.pagination-danger .page-link{color:var(--hex-danger)}.pagination-dark .page-link{color:var(--hex-dark)}.pagination-black .page-link{color:var(--hex-black)}.pagination-border .page-link{border-color:inherit}.pagination-border-primary .page-link{border-color:var(--hex-primary)}.pagination-border-secondary .page-link{border-color:var(--hex-secondary)}.pagination-border-success .page-link{border-color:var(--hex-success)}.pagination-border-info .page-link{border-color:var(--hex-info)}.pagination-border-warning .page-link{border-color:var(--hex-warning)}.pagination-border-danger .page-link{border-color:var(--hex-danger)}.pagination-border-dark .page-link{border-color:var(--hex-dark)}.pagination-border-black .page-link{border-color:var(--hex-black)}.pagination-primary .active .page-link,.pagination-primary-hover .page-link:hover,.pagination-primary-active .active .page-link{background:var(--hex-primary);border-color:var(--hex-primary);color:var(--hex-white)}.pagination-secondary .active .page-link,.pagination-secondary-hover .page-link:hover,.pagination-secondary-active .active .page-link{background:var(--hex-secondary);border-color:var(--hex-secondary);color:var(--hex-white)}.pagination-success .active .page-link,.pagination-success-hover .page-link:hover,.pagination-success-active .active .page-link{background:var(--hex-success);border-color:var(--hex-success);color:var(--hex-white)}.pagination-info .active .page-link,.pagination-info-hover .page-link:hover,.pagination-info-active .active .page-link{background:var(--hex-info);border-color:var(--hex-info);color:var(--hex-white)}.pagination-warning .active .page-link,.pagination-warning-hover .page-link:hover,.pagination-warning-active .active .page-link{background:var(--hex-warning);border-color:var(--hex-warning);color:var(--hex-white)}.pagination-danger .active .page-link,.pagination-danger-hover .page-link:hover,.pagination-danger-active .active .page-link{background:var(--hex-danger);border-color:var(--hex-danger);color:var(--hex-white)}.pagination-dark .active .page-link,.pagination-dark-hover .page-link:hover,.pagination-dark-active .active .page-link{background:var(--hex-dark);border-color:var(--hex-dark);color:var(--hex-white)}.pagination-black .active .page-link,.pagination-black-hover .page-link:hover,.pagination-black-active .active .page-link{background:var(--hex-black);border-color:var(--hex-black);color:var(--hex-white)}.pagination.rounded-1 a{border-radius:.25rem}.pagination.rounded-2 a{border-radius:.50rem}.pagination.rounded-3 a{border-radius:.75rem}.pagination.rounded-4 a{border-radius:50%}.tilt{perspective:1000px}.tilt>*{transition:transform .3s ease,box-shadow .3s ease}.tilt-hover:hover>*{transform:translateZ(0) rotateY(0) rotateX(0)}.tilt svg{transform-box:fill-box;transform-origin:center}.tilt-sm{--tilt-X:5deg;--tilt-Y:20deg;--tilt-Z:10px}.tilt-md{--tilt-X:10deg;--tilt-Y:25deg;--tilt-Z:30px}.tilt-lg{--tilt-X:15deg;--tilt-Y:30deg;--tilt-Z:50px}.tilt-left>*{transform:translateZ(var(--tilt-Z)) rotateY(calc(-1*var(--tilt-Y))) rotateX(var(--tilt-X))}.tilt-right>*{transform:translateZ(var(--tilt-Z)) rotateY(var(--tilt-Y)) rotateX(var(--tilt-X))}.tilt-top-left>*{transform:translateZ(var(--tilt-Z)) rotateX(calc(-1*var(--tilt-X))) rotateY(calc(-1*var(--tilt-Y)))}.tilt-top-right>*{transform:translateZ(var(--tilt-Z)) rotateX(calc(-1*var(--tilt-X))) rotateY(var(--tilt-Y))}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky;top:0}.sticky-bottom{position:sticky;bottom:0}.sticky-left{position:sticky;left:0}.zi-0{z-index:0!important}.zi-1{z-index:1!important}.zi-2{z-index:2!important}.zi-3{z-index:3!important}.zi-4{z-index:4!important}.zi-5{z-index:5!important}.top-left{top:0;left:0}.top-center{top:0;left:50%;transform:translateX(-50%)}.top-right{top:0;right:0}.center{top:50%;left:50%;transform:translate(-50%,-50%)}.center-left{top:50%;left:0;transform:translateY(-50%)}.center-right{top:50%;right:0;transform:translateY(-50%)}.bottom-left{bottom:0;left:0}.bottom-center{bottom:0;left:50%;transform:translateX(-50%)}.bottom-right{bottom:0;right:0}.top-left.outside{transform:translate(-100%,-100%)}.top-center.outside{transform:translate(-50%,-100%)}.top-right.outside{transform:translate(100%,-100%)}.center-left.outside{transform:translate(-100%,-50%)}.center-right.outside{transform:translate(100%,-50%)}.bottom-left.outside{transform:translate(-100%,100%)}.bottom-center.outside{transform:translate(-50%,100%)}.bottom-right.outside{transform:translate(100%,100%)}.top-left.outside-25{transform:translate(-25%,-25%)}.top-center.outside-25{transform:translate(-25%,-25%)}.top-right.outside-25{transform:translate(25%,-25%)}.center-left.outside-25{transform:translate(-25%,-50%)}.center-right.outside-25{transform:translate(25%,-50%)}.bottom-left.outside-25{transform:translate(-25%,25%)}.bottom-center.outside-25{transform:translate(-25%,25%)}.bottom-right.outside-25{transform:translate(25%,25%)}.top-left.outside-50{transform:translate(-50%,-50%)}.top-center.outside-50{transform:translate(-50%,-50%)}.top-right.outside-50{transform:translate(50%,-50%)}.center-left.outside-50{transform:translate(-50%,-50%)}.center-right.outside-50{transform:translate(50%,-50%)}.bottom-left.outside-50{transform:translate(-50%,50%)}.bottom-center.outside-50{transform:translate(-50%,50%)}.bottom-right.outside-50{transform:translate(50%,50%)}.rating{display:inline-flex;align-items:center}.rating>.rating-item{color:var(--hex-border)}.rating>.rating-item.active{color:var(--rating,var(--hex-warning))}.rating-primary,.rating-primary .rating-item.active{--rating:var(--hex-primary)}.rating-secondary,.rating-secondary .rating-item.active{--rating:var(--hex-secondary)}.rating-success,.rating-success .rating-item.active{--rating:var(--hex-success)}.rating-info,.rating-info .rating-item.active{--rating:var(--hex-info)}.rating-warning,.rating-warning .rating-item.active{--rating:var(--hex-warning)}.rating-danger,.rating-danger .rating-item.active{--rating:var(--hex-danger)}.rating-dark,.rating-dark .rating-item.active{--rating:var(--hex-dark)}.ribbon{position:absolute;top:-8px;left:-8px;width:80px;height:80px;overflow:hidden;text-align:center}.ribbon span{position:absolute;top:1.25rem;right:0;background-color:var(--ribbon-bg,var(--hex-default));line-height:1.25rem;width:100px;rotate:-45deg;color:var(--hex-white)}.ribbon span::before{position:absolute;content:'';top:100%;left:0;border-left:9px solid var(--hex-secondary);border-left-color:var(--ribbon-b);border-bottom:9px solid transparent;filter:brightness(.7)}.ribbon span::after{position:absolute;content:'';top:100%;right:0;border-top:9px solid var(--hex-secondary);border-top-color:var(--ribbon-a);border-left:9px solid transparent;filter:brightness(.7)}.ribbon-shadow span{box-shadow:0 0 .25rem rgb(var(--shade-bg),var(--bs-o,.5))}.ribbon-end{left:auto;right:-8px}.ribbon-end span{rotate:45deg;right:-1.25rem}.ribbon-primary span{--ribbon-bg:var(--hex-primary)}.ribbon-primary span::before{--ribbon-b:var(--hex-primary)}.ribbon-primary span::after{--ribbon-a:var(--hex-primary)}.ribbon-secondary span{--ribbon-bg:var(--hex-secondary)}.ribbon-secondary span::before{--ribbon-b:var(--hex-secondary)}.ribbon-secondary span::after{--ribbon-a:var(--hex-secondary)}.ribbon-success span{--ribbon-bg:var(--hex-success)}.ribbon-success span::before{--ribbon-b:var(--hex-success)}.ribbon-success span::after{--ribbon-a:var(--hex-success)}.ribbon-info span{--ribbon-bg:var(--hex-info)}.ribbon-info span::before{--ribbon-b:var(--hex-info)}.ribbon-info span::after{--ribbon-a:var(--hex-info)}.ribbon-warning span{--ribbon-bg:var(--hex-warning)}.ribbon-warning span::before{--ribbon-b:var(--hex-warning)}.ribbon-warning span::after{--ribbon-a:var(--hex-warning)}.ribbon-danger span{--ribbon-bg:var(--hex-danger)}.ribbon-danger span::before{--ribbon-b:var(--hex-danger)}.ribbon-danger span::after{--ribbon-a:var(--hex-danger)}.select-container{position:relative;font-family:inherit;font-size:.95rem;border:1px solid var(--field-b);border-radius:.25rem;background:no-repeat var(--icon-arrow-1) right 1rem center;padding-right:2.5rem;padding:.4rem 3rem .4rem .5rem;min-height:2.5rem;display:flex;flex-wrap:wrap;flex-grow:1;align-items:center;gap:.20rem}.select-container select{position:absolute;opacity:0;top:0;left:0;bottom:-1px;pointer-events:none}.select-search{font-family:inherit;font-size:.95rem;border:none;outline:none;background:transparent;flex-grow:1}.select-tags{display:flex;flex-wrap:wrap;gap:.5rem}.select-tag{background:rgb(var(--tag-bg,var(--rgb-primary)),var(--tag-o,1));color:var(--hex-white);padding:.24rem .5rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:baseline;gap:.5rem}.select-tag span.icon:last-child{margin:0 .25rem}.select-tag span.icon:last-child::after{content:'\2716'}.select-dropdown{position:absolute;left:0;right:0;background:var(--hex-white);border:1px solid var(--field-b);border-radius:.25rem;max-height:13rem;overflow-y:auto;z-index:9999;display:none;box-shadow:0 0 .5rem 0 rgb(var(--shade-bg),var(--bs-o,.1));padding:.25rem;min-width:200px;width:max-content}.select-dropdown.up{top:calc(100% + .5rem)}.select-dropdown div{padding:.5rem;cursor:pointer}.select-dropdown div:hover{background:var(--hex-light)}.select-no-results,.select-all-selected{display:none;font-style:italic;color:var(--hex-secondary)}.select-option{border-radius:inherit}.select-sm{min-height:2rem;font-size:.8rem;padding:.25rem}.select-xl{min-height:3rem;font-size:1.1rem}.tag-secondary .select-tag{--tag-bg:var(--rgb-secondary)}.tag-success .select-tag{--tag-bg:var(--rgb-success)}.tag-info .select-tag{--tag-bg:var(--rgb-info)}.tag-warning .select-tag{--tag-bg:var(--rgb-warning)}.tag-danger .select-tag{--tag-bg:var(--rgb-danger)}.tag-dark .select-tag{--tag-bg:var(--rgb-dark)}.tag-light .select-tag{--tag-bg:var(--rgb-light);color:var(--hex-secondary)}.tag-10{--tag-o:.1}.tag-20{--tag-o:.2}.tag-30{--tag-o:.3}.tag-40{--tag-o:.4}.tag-50{--tag-o:.5}.tag-60{--tag-o:.6}.tag-70{--tag-o:.7}.tag-80{--tag-o:.8}.tag-90{--tag-o:.9}.dark-mode .select-container{background-image:var(--icon-arrow-2)}[dir=rtl] .select-container{background-position:left;background-position-x:1rem}.field>.select-container{padding-left:.1rem}.shadow-0{box-shadow:none}.shadow-1,.shadow-1-hover:hover{box-shadow:0 0 .5rem 0 rgb(var(--shade-bg),var(--shade-o,.1))}.shadow-2,.shadow-2-hover:hover{box-shadow:0 .1rem .5rem 0 rgb(var(--shade-bg),var(--shade-o,.15))}.shadow-3,.shadow-3-hover:hover{box-shadow:0 .2rem .5rem 0 rgb(var(--shade-bg),var(--shade-o,.2))}.shadow-4,.shadow-4-hover:hover{box-shadow:0 .3rem .5rem 0 rgb(var(--shade-bg),var(--shade-o,.2))}.shadow-5,.shadow-5-hover:hover{box-shadow:0 .5rem .5rem 0 rgb(var(--shade-bg),var(--shade-o,.2))}.shadow-6,.shadow-6-hover:hover{box-shadow:0 0 1rem .25rem rgb(var(--shade-bg),var(--shade-o,.1))}.shadow-hover-1:hover{transform:translateY(-.25rem);box-shadow:0 .3rem .6rem rgb(var(--shade-bg),var(--shade-o,.1))}.shadow-hover-2:hover{transform:translateY(-.3rem);box-shadow:0 0.4rem 0.8rem rgb(var(--shade-bg),var(--shade-o,.12))}.shadow-hover-3:hover{transform:translateY(-.5rem);box-shadow:0 .6rem 1.2rem rgb(var(--shade-bg),var(--shade-o,.15))}.shadow-hover-4:hover{transform:translateY(-.6rem);box-shadow:0 0.7rem 1.4rem rgb(var(--shade-bg),var(--shade-o,.18))}.shadow-hover-5:hover{transform:translateY(-.75rem);box-shadow:0 0.9rem 1.8rem rgb(var(--shade-bg),var(--shade-o,.2))}.shadow-hover-6:hover{transform:translateY(-.9rem);box-shadow:0 1rem 2rem rgb(var(--shade-bg),var(--shade-o,.25))}.shadow-primary{--shade-bg:var(--rgb-primary)}.shadow-secondary{--shade-bg:var(--rgb-secondary)}.shadow-success{--shade-bg:var(--rgb-success)}.shadow-info{--shade-bg:var(--rgb-info)}.shadow-warning{--shade-bg:var(--rgb-warning)}.shadow-danger{--shade-bg:var(--rgb-danger)}.shadow-dark{--shade-bg:var(--rgb-dark)}.shadow-10{--shade-o:.1}.shadow-20{--shade-o:.2}.shadow-30{--shade-o:.3}.shadow-40{--shade-o:.4}.shadow-50{--shade-o:.5}.shadow-60{--shade-o:.6}.shadow-70{--shade-o:.7}.shadow-80{--shade-o:.8}.shadow-90{--shade-o:.9}@keyframes skeleton{0%{left:-100%}100%{left:100%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.5}100%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes h-wave{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes v-wave{0%,100%{transform:translateY(-100%)}50%{transform:translateY(100%)}}.skeleton{position:relative;background:#E0E0E0;border-radius:inherit;overflow:hidden;padding:.5rem}.skeleton::before{display:block;position:absolute;content:'';top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgb(255,255,255,.5),transparent);animation:skeleton 2s infinite}.skeleton>*{visibility:hidden}.skeleton-shimmer::before{background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-pulse::before{animation:pulse 2s infinite}.skeleton-h-wave::before{animation:h-wave 3s infinite}.skeleton-v-wave::before{background:linear-gradient(180deg,transparent,rgb(255,255,255,.5),transparent);animation:v-wave 3s infinite}.dark-mode .skeleton{background-color:#555}@keyframes spinner{0%{rotate:0deg}100%{rotate:360deg}}.spinner{display:inline-block;border-width:var(--s-bw,4px);border-color:var(--s-bc,rgb(0,0,0,.1))!important;border-top-color:var(--s-btc,var(--hex-white))!important;border-style:solid;border-radius:50%;width:var(--s-w,40px);height:var(--s-h,40px);animation:spinner 1s linear infinite}.spinner-b-1{--s-bw:1px}.spinner-b-2{--s-bw:2px}.spinner-b-3{--s-bw:3px}.spinner-b-4{--s-bw:4px}.spinner-b-5{--s-bw:5px}.spinner-b-6{--s-bw:6px}.spinner-b-7{--s-bw:7px}.spinner-b-8{--s-bw:8px}.spinner-w-10{--s-w:10px;--s-h:10px}.spinner-w-15{--s-w:15px;--s-h:15px}.spinner-w-20{--s-w:20px;--s-h:20px}.spinner-w-25{--s-w:25px;--s-h:25px}.spinner-w-30{--s-w:30px;--s-h:30px}.spinner-w-35{--s-w:35px;--s-h:35px}.spinner-w-40{--s-w:40px;--s-h:40px}.spinner-w-50{--s-w:50px;--s-h:50px}.spinner-sm{--s-bw:2px;--s-w:20px;--s-h:20px}.spinner-xl{--s-bw:5px;--s-w:50px;--s-h:50px}.spinner-primary{--s-bc:var(--hex-primary)}.spinner-secondary{--s-bc:var(--hex-secondary)}.spinner-success{--s-bc:var(--hex-success)}.spinner-info{--s-bc:var(--hex-info)}.spinner-warning{--s-bc:var(--hex-warning)}.spinner-danger{--s-bc:var(--hex-danger)}.spinner-dark{--s-bc:var(--hex-dark)}.spinner-light{--s-bc:var(--hex-light)}.spinner-white{--s-bc:var(--hex-white)}.spinner-soft-primary{--s-bc:var(--hex-primary);--s-btc:transparent}.spinner-soft-secondary{--s-bc:var(--hex-secondary);--s-btc:transparent}.spinner-soft-success{--s-bc:var(--hex-success);--s-btc:transparent}.spinner-soft-info{--s-bc:var(--hex-info);--s-btc:transparent}.spinner-soft-warning{--s-bc:var(--hex-warning);--s-btc:transparent}.spinner-soft-danger{--s-bc:var(--hex-danger);--s-btc:transparent}.spinner-soft-dark{--s-bc:var(--hex-dark);--s-btc:transparent}.spinner-soft-light{--s-bc:var(--hex-light);--s-btc:transparent}.spinner-soft-white{--s-bc:var(--hex-white);--s-btc:transparent}.spinner-light-primary{--s-bc:transparent;--s-btc:var(--hex-primary)}.spinner-light-secondary{--s-bc:transparent;--s-btc:var(--hex-secondary)}.spinner-light-success{--s-bc:transparent;--s-btc:var(--hex-success)}.spinner-light-info{--s-bc:transparent;--s-btc:var(--hex-info)}.spinner-light-warning{--s-bc:transparent;--s-btc:var(--hex-warning)}.spinner-light-danger{--s-bc:transparent;--s-btc:var(--hex-danger)}.spinner-light-dark{--s-bc:transparent;--s-btc:var(--hex-dark)}.spinner-light-light{--s-bc:transparent;--s-btc:var(--hex-light)}.spinner-light-white{--s-bc:transparent;--s-btc:var(--hex-white)}.loader{position:fixed;inset:0;width:100%;height:100%;background:rgb(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999!important}.loader .spinner{border-width:var(--s-bw,4px);border-color:var(--s-bc,white)!important;border-top-color:var(--s-btc,transparent)!important;width:var(--s-w,4rem);height:var(--s-h,4rem)}.form-step .step{display:none}.form-step .step.active{display:block}.nav-step{position:relative;display:flex;align-items:center;justify-content:space-between}.nav-step .step{position:relative;cursor:pointer;z-index:1}.nav-step .step.active .step-label{background-color:var(--step-bg);border-color:var(--step-bg);color:var(--hex-white)}.nav-step .step-label{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0 auto;padding:0 .75rem;border:1px solid var(--hex-light);background:var(--hex-light)}.nav-step .nav-bars{position:absolute;top:50%;left:0;right:0;;height:1px;transform:translateY(-50%);display:flex;align-items:center;z-index:0}.nav-step .nav-bars .fixed-bar{position:relative;top:50%;width:100%;height:1px;background:var(--hex-border)}.nav-step .nav-bars .progress-bar{position:absolute;top:50%;;left:0;width:0;height:1px;transform:translateY(-50%);transition:width .6s ease-in-out;background:var(--step-bg)}.step-alt{display:flex}.step-alt .step{flex:1;background:var(--hex-light)}.step-alt .step .step-label{background:transparent;width:auto!important}.step-alt.step-arrow .step .step-label::after{position:absolute;top:50%;right:-1rem;transform:translateY(-50%);border:1rem solid var(--hex-white);border-left-color:var(--hex-light);content:''}.step-alt.step-arrow .step.active .step-label:after{border-left-color:var(--step-bg)}.step-alt.step-arrow .step-label{justify-content:start}.step-alt.step-v{display:block}.step-alt.step-v .step .step-label{justify-content:start}.step-md .step-label{width:2.5rem!important;height:2.5rem!important}.step-xl .step-label{width:3rem!important;height:3rem!important}.step-md.step-arrow .step-label::after{border-width:1.3rem!important}.step-xl.step-arrow .step-label::after{border-width:1.5rem!important}.step-pb-md .fixed-bar,.step-pb-md .progress-bar{height:2px!important}.step-pb-xl .fixed-bar,.step-pb-xl .progress-bar{height:3px!important}.step-secondary{--step-bg:var(--hex-secondary)}.step-success{--step-bg:var(--hex-success)}.step-info{--step-bg:var(--hex-info)}.step-warning{--step-bg:var(--hex-warning)}.step-danger{--step-bg:var(--hex-danger)}.step-dark{--step-bg:var(--hex-dark)}.rounded-1 .step-label{border-radius:.25rem}.rounded-2 .step-label{border-radius:.50rem}.rounded-3 .step-label{border-radius:.75rem}.rounded-4 .step-label{border-radius:50%}[dir=rtl] .step-alt.step-arrow .step .step-label::after{border-right-color:inherit;border-left-color:transparent;left:-1rem;right:unset}.btn-switch label{display:flex;align-items:center;justify-content:start;gap:.75rem;cursor:pointer;direction:ltr;line-height:normal}.btn-switch label::after{display:none}.btn-switch label div:first-child{position:relative}.btn-switch label div:last-child{display:flex;flex:1;align-items:center;gap:.25rem}.btn-switch [type=checkbox]{position:absolute;bottom:0;appearance:none}.btn-switch [type=checkbox]:checked ~ .switch:before{left:26px}.btn-switch .switch{position:relative;display:block;width:50px;height:26px;background:var(--field-b);border:1px solid var(--bs-bc,var(--field-b));border-radius:.25rem;transition:.2s}.btn-switch .switch:before{position:relative;top:2px;left:2px;width:20px;height:20px;background:var(--bs-b-bg,var(--hex-white));display:block;content:'';border-radius:.25rem;transition:.1s}.btn-switch.reversed label{flex-direction:row-reverse}.switch-rounded .switch,.switch-rounded .switch:before{border-radius:.75rem}.switch-primary input:checked ~ .switch{background:var(--hex-primary)!important;--bs-bc:var(--hex-primary)}.switch-secondary input:checked ~ .switch{background:var(--hex-secondary)!important;--bs-bc:var(--hex-secondary)}.switch-success input:checked ~ .switch{background:var(--hex-success)!important;--bs-bc:var(--hex-success)}.switch-info input:checked ~ .switch{background:var(--hex-info)!important;--bs-bc:var(--hex-info)}.switch-warning input:checked ~ .switch{background:var(--hex-warning)!important;--bs-bc:var(--hex-warning)}.switch-danger input:checked ~ .switch{background:var(--hex-danger)!important;--bs-bc:var(--hex-danger)}.switch-dark input:checked ~ .switch{background:var(--hex-dark)!important;--bs-bc:var(--hex-dark)}.switch-soft .switch,.switch-light .switch{background:transparent!important}.switch-soft .switch:before,.switch-light .switch::before{--bs-b-bg:var(--field-b)}.switch-soft input:checked ~ .switch:before{background:var(--hex-white)!important}.switch-light input:checked ~ .switch{background:var(--hex-white)!important;--bs-bc:var(--hex-primary)}.switch-light.switch-primary input:checked ~ .switch{--bs-bc:var(--hex-primary)}.switch-light.switch-secondary input:checked ~ .switch{--bs-bc:var(--hex-secondary)}.switch-light.switch-success input:checked ~ .switch{--bs-bc:var(--hex-success)}.switch-light.switch-info input:checked ~ .switch{--bs-bc:var(--hex-info)}.switch-light.switch-warning input:checked ~ .switch{--bs-bc:var(--hex-warning)}.switch-light.switch-danger input:checked ~ .switch{--bs-bc:var(--hex-danger)}.switch-light.switch-dark input:checked ~ .switch{--bs-bc:var(--hex-dark)}.switch-light.switch-primary input:checked ~ .switch:before{--bs-b-bg:var(--hex-primary)}.switch-light.switch-secondary input:checked ~ .switch:before{--bs-b-bg:var(--hex-secondary)}.switch-light.switch-success input:checked ~ .switch:before{--bs-b-bg:var(--hex-success)}.switch-light.switch-info input:checked ~ .switch:before{--bs-b-bg:var(--hex-info)}.switch-light.switch-warning input:checked ~ .switch:before{--bs-b-bg:var(--hex-warning)}.switch-light.switch-danger input:checked ~ .switch:before{--bs-b-bg:var(--hex-danger)}.switch-light.switch-dark input:checked ~ .switch:before{--bs-b-bg:var(--hex-dark)}table{border-spacing:0;width:100%}td select.field{min-width:10rem}th,td{padding:.75rem .6rem}th{text-align:left}.table{overflow:auto}.table-sm th,.table-sm td{padding:.3rem .25rem}.table-nowrap th,.table-nowrap td{white-space:nowrap}.strip-row tbody tr:nth-child(odd of:not(.hide)),.strip-col tbody td:nth-child(odd of:not(.hide)),.strip-row-rev tbody tr:nth-child(even of:not(.hide)),.strip-col-rev tbody td:nth-child(even of:not(.hide)){background:var(--strip)}.strip-primary{--strip:rgb(var(--rgb-primary),.1)}.strip-secondary{--strip:rgb(var(--rgb-secondary),.1)}.strip-success{--strip:rgb(var(--rgb-success),.1)}.strip-info{--strip:rgb(var(--rgb-info),.1)}.strip-warning{--strip:rgb(var(--rgb-warning),.1)}.strip-danger{--strip:rgb(var(--rgb-danger),.1)}.strip-dark{--strip:rgb(var(--rgb-dark),.1)}.strip-light{--strip:rgb(var(--rgb-light),.4)}.table-grid{border-left:1px solid var(--table-bc);border-right:1px solid var(--table-bc)}.table-grid thead tr:first-child th{border-top:1px solid var(--table-bc)}.table-grid td:not(:last-child),.table-grid th:not(:last-child){border-right:1px solid var(--table-bc)}.table-grid tbody tr td,.table-grid thead tr:last-child th,.table-grid thead tr:first-child:not(:only-child) th{border-bottom:1px solid var(--table-bc)}.table-grid-row th,.table-grid-row td{border-bottom:1px solid var(--table-bc)}.table-grid-col th,.table-grid-col td{border-left:1px solid var(--table-bc)}.table-grid-col th:last-child,.table-grid-col td:last-child{border-right:1px solid var(--table-bc)}.grid-primary{--table-bc:var(--hex-primary)}.grid-secondary{--table-bc:var(--hex-secondary)}.grid-success{--table-bc:var(--hex-success)}.grid-info{--table-bc:var(--hex-info)}.grid-warning{--table-bc:var(--hex-warning)}.grid-danger{--table-bc:var(--hex-danger)}.grid-dark{--table-bc:var(--hex-dark)}.grid-light{--table-bc:var(--hex-light)}.table-hover tbody tr:hover td{background:var(--hex-hover)!important}.table-sorting th[colspan]{cursor:default}.table-sorting th:has(.sort-icon){cursor:pointer}.table-sorting th .sort-icon{margin-left:.5rem}.sticky-header th,.sticky-header-group th{background:var(--hex-white)!important;position:sticky;top:0;z-index:2}.sticky-column th:first-child,.sticky-column td:first-child,.sticky-column-group td:first-child,.sticky-column-group th[rowspan]{background:var(--hex-white)!important;position:sticky;left:0;z-index:1}.sticky-both th,.sticky-both-group th{background:var(--hex-white)!important;position:sticky;top:0;z-index:2}.sticky-both td:first-child,.sticky-both-group td:first-child{background:var(--hex-white)!important;position:sticky;left:0}.sticky-both th:first-child,.sticky-both-group th[rowspan]{left:0;z-index:3}.tabs{display:flex;flex-direction:column;background:transparent!important;font-weight:normal;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-scroll{box-shadow:inset -10px 0 10px -10px rgb(0,0,0,.3)}.tabs::-webkit-scrollbar{display:none}.tabs>ul{display:flex;border-bottom:1px solid var(--hex-border);flex-wrap:inherit;gap:inherit;padding:0}.tabs>ul li{display:block;margin-bottom:-1px;line-height:normal}.tabs>ul li a{display:flex;gap:.5rem;align-items:center;border:1px solid transparent;padding:.5rem .8rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;color:inherit;text-decoration:none;opacity:.3}.tabs>ul li a.active{border:1px solid var(--hex-border);border-bottom-color:transparent!important;opacity:1;background-color:var(--hex-white)}.tabs>ul.flex-between>li{width:100%}.tabs>ul.flex-between.center>li a{justify-content:center}.tabs-hover>ul li a:hover{border:1px solid var(--hex-border);border-bottom-color:transparent;opacity:1}.tabs-rev>ul{border:0;border-top:1px solid var(--hex-border)}.tabs-rev>ul>li{margin-top:-1px;margin-bottom:unset}.tabs-rev>ul>li a{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top-left-radius:0;border-top-right-radius:0}.tabs-rev>ul>li a.active{border-bottom-color:var(--hex-border)!important;border-top-color:transparent}.tabs-closed>div{border:1px solid var(--hex-border);border-top:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tabs-closed.tabs-rev>div{border:1px solid var(--hex-border);border-bottom:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.tabs-light>ul,.tabs-light>ul li a.active,.tabs-light>ul li a:hover{border-color:transparent!important;border-radius:.25rem}.tabs-primary>ul li a:hover,.tabs-primary>ul li a.active{color:var(--hex-primary);opacity:1}.tabs-secondary>ul li a:hover,.tabs-secondary>ul li a.active{color:var(--hex-secondary);opacity:1}.tabs-success>ul li a:hover,.tabs-success>ul li a.active{color:var(--hex-success);opacity:1}.tabs-info>ul li a:hover,.tabs-info>ul li a.active{color:var(--hex-info);opacity:1}.tabs-warning>ul li a:hover,.tabs-warning>ul li a.active{color:var(--hex-warning);opacity:1}.tabs-danger>ul li a:hover,.tabs-danger>ul li a.active{color:var(--hex-danger);opacity:1}.tabs.b-primary>ul,.tabs.b-primary>ul li a.active,.tabs.b-primary.tabs-closed>div,.tabs.b-primary.tabs-closed.tabs-rev>div{border-color:var(--hex-primary)}.tabs.b-secondary>ul,.tabs.b-secondary>ul li a.active,.tabs.b-secondary.tabs-closed>div,.tabs.b-secondary.tabs-closed.tabs-rev>div{border-color:var(--hex-secondary)}.tabs.b-success>ul,.tabs.b-success>ul li a.active,.tabs.b-success.tabs-closed>div,.tabs.b-success.tabs-closed.tabs-rev>div{border-color:var(--hex-success)}.tabs.b-info>ul,.tabs.b-info>ul li a.active,.tabs.b-info.tabs-closed>div,.tabs.b-info.tabs-closed.tabs-rev>div{border-color:var(--hex-info)}.tabs.b-warning>ul,.tabs.b-warning>ul li a.active,.tabs.b-warning.tabs-closed>div,.tabs.b-warning.tabs-closed.tabs-rev>div{border-color:var(--hex-warning)}.tabs.b-danger>ul,.tabs.b-danger>ul li a.active,.tabs.b-danger.tabs-closed>div,.tabs.b-danger.tabs-closed.tabs-rev>div{border-color:var(--hex-danger)}.tabs.bg-primary>ul li a.active{--tabs-bg:var(--rgb-primary)}.tabs.bg-secondary>ul li a.active{--tabs-bg:var(--rgb-secondary)}.tabs.bg-success>ul li a.active{--tabs-bg:var(--rgb-success)}.tabs.bg-info>ul li a.active{--tabs-bg:var(--rgb-info)}.tabs.bg-warning>ul li a.active{--tabs-bg:var(--rgb-warning)}.tabs.bg-danger>ul li a.active{--tabs-bg:var(--rgb-danger)}.tabs-thick>ul li a{border-top-width:3px!important}.tabs-thick>ul li a.active{border-top-width:3px!important}.tabs-thick[class*="bg-"]>ul li a.active{border-top-color:rgb(var(--rgb-black),.15)!important}.tabs-rev.tabs-thick>ul li a{border-bottom-width:3px!important}.tabs-rev.tabs-thick>ul li a.active{border-bottom-color:rgb(var(--rgb-black),.15)!important;border-top:1px solid transparent!important}.tabs-rev.tabs-thick.tabs-hover>ul li a{border-top-width:1px!important}.tabs-rev.tabs-thick.tabs-hover>ul li a:hover{border-bottom:3px solid var(--hex-border);border-top:1px solid transparent!important}.tabs-col{flex-direction:inherit;align-items:start;gap:1rem}.tabs-col.tabs-col-rev{flex-direction:row-reverse!important}.tabs-col.tabs-hover>ul li a:hover{border-color:transparent!important}.tabs-col>ul{display:inline;border-bottom:none}.tabs-col>ul li{margin:0}.tabs-col>ul li a{border-radius:.25rem!important;justify-content:center}.tabs-col>ul li a.active{border-color:var(--hex-border)!important}.tabs-col>div{flex:1}.tabs-col.bg-primary>ul li a.active{--tabs-bg:var(--rgb-primary)}.tabs-col.bg-secondary>ul li a.active{--tabs-bg:var(--rgb-secondary)}.tabs-col.bg-success>ul li a.active{--tabs-bg:var(--rgb-success)}.tabs-col.bg-info>ul li a.active{--tabs-bg:var(--rgb-info)}.tabs-col.bg-warning>ul li a.active{--tabs-bg:var(--rgb-warning)}.tabs-col.bg-danger>ul li a.active{--tabs-bg:var(--rgb-danger)}.tabs-primary-alt>ul li a.active{background:rgb(var(--rgb-primary),.1);color:var(--hex-primary);border-color:transparent!important}.tabs-secondary-alt>ul li a.active{background:rgb(var(--rgb-secondary),.1);color:var(--hex-secondary);border-color:transparent!important}.tabs-success-alt>ul li a.active{background:rgb(var(--rgb-success),.1);color:var(--hex-success);border-color:transparent!important}.tabs-info-alt>ul li a.active{background:rgb(var(--rgb-info),.1);color:var(--hex-info);border-color:transparent!important}.tabs-warning-alt>ul li a.active{background:rgb(var(--rgb-warning),.1);color:var(--hex-warning);border-color:transparent!important}.tabs-danger-alt>ul li a.active{background:rgb(var(--rgb-danger),.1);color:var(--hex-danger);border-color:transparent!important}.tabs[class*="bg-"]>ul li a.active{background:rgb(var(--tabs-bg),var(--bg-o,1));color:var(--hex-white)}.txt-blend{background:linear-gradient(var(--blend-a,180deg),var(--blend-1),var(--blend-2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blend-primary{--blend-1:var(--hex-primary);--blend-2:rgb(var(--rgb-primary),var(--blend-o,.5))}.blend-secondary{--blend-1:var(--hex-secondary);--blend-2:rgb(var(--rgb-secondary),var(--blend-o,.5))}.blend-success{--blend-1:var(--hex-success);--blend-2:rgb(var(--rgb-success),var(--blend-o,.5))}.blend-danger{--blend-1:var(--hex-danger);--blend-2:rgb(var(--rgb-danger),var(--blend-o,.5))}.blend-warning{--blend-1:var(--hex-warning);--blend-2:rgb(var(--rgb-warning),var(--blend-o,.5))}.blend-info{--blend-1:var(--hex-info);--blend-2:rgb(var(--rgb-info),var(--blend-o,.5))}.blend-dark{--blend-1:var(--hex-dark);--blend-2:rgb(var(--rgb-dark),var(--blend-o,.5))}.blend-light{--blend-1:var(--hex-light);--blend-2:rgb(var(--rgb-light),var(--blend-o,.5))}.blend-white{--blend-1:var(--hex-white);--blend-2:rgb(var(--rgb-white),var(--blend-o,.5))}.blend-black{--blend-1:var(--hex-black);--blend-2:rgb(var(--rgb-black),var(--blend-o,.5))}.blend-top{--blend-a:0}.blend-top-left{--blend-a:45deg}.blend-top-right{--blend-a:225deg}.blend-bottom{--blend-a:180deg}.blend-bottom-left{--blend-a:135deg}.blend-bottom-right{--blend-a:315deg}.blend-left{--blend-a:90deg}.blend-right{--blend-a:270deg}.blend-10{--blend-o:.1}.blend-20{--blend-o:.2}.blend-30{--blend-o:.3}.blend-40{--blend-o:.4}.blend-50{--blend-o:.5}.blend-60{--blend-o:.6}.blend-70{--blend-o:.7}.blend-80{--blend-o:.8}.blend-90{--blend-o:.9}.txt{line-height:var(--line-height)}.txt-sm{line-height:calc(var(--line-height)*.9)}.txt-md{line-height:calc(var(--line-height)*1.1)}.txt-lg{line-height:calc(var(--line-height)*1.3)}.txt-xl{line-height:calc(var(--line-height)*2)}.txt-italic,.txt-italic th{font-style:italic}.txt-normal,.txt-normal th{font-weight:normal}.txt-bold{font-weight:600}.txt-spacing-0{letter-spacing:normal}.txt-spacing-1{letter-spacing:.05rem}.txt-spacing-2{letter-spacing:.125rem}.txt-spacing-3{letter-spacing:.188rem}.txt-spacing-4{letter-spacing:.250rem}.txt-spacing-5{letter-spacing:.313rem}.txt-upper{text-transform:uppercase}.txt-lower{text-transform:lowercase}.txt-start{text-align:left}.txt-center{text-align:center}.txt-end{text-align:right}.txt-justify{text-align:justify}.txt-wrap{white-space:normal;overflow-wrap:break-word}.txt-underline,.txt-underline-hover:hover{text-decoration:underline}.txt-underline-none,.txt-hover-none:hover{text-decoration:none}.txt-hover-opacity:hover{opacity:1}.txt-hover-bolder:hover{font-weight:bolder}.txt-hover-double:hover{text-decoration:underline double}.txt-border,.txt-border-hover:hover{color:rgb(var(--rgb-border),var(--o,1))!important}.txt-primary,.txt-primary-hover:hover{color:rgb(var(--rgb-primary),var(--o,1))!important}.txt-secondary,.txt-secondary-hover:hover{color:rgb(var(--rgb-secondary),var(--o,1))!important}.txt-success,.txt-success-hover:hover{color:rgb(var(--rgb-success),var(--o,1))!important}.txt-danger,.txt-danger-hover:hover{color:rgb(var(--rgb-danger),var(--o,1))!important}.txt-warning,.txt-warning-hover:hover{color:rgb(var(--rgb-warning),var(--o,1))!important}.txt-info,.txt-info-hover:hover{color:rgb(var(--rgb-info),var(--o,1))!important}.txt-dark,.txt-dark-hover:hover{color:rgb(var(--rgb-dark),var(--o,1))!important}.txt-light,.txt-light-hover:hover{color:rgb(var(--rgb-light),var(--o,1))!important}.txt-body,.txt-body-hover:hover{color:rgb(var(--rgb-txt),var(--o,1))!important}.txt-white,.txt-white-hover:hover{color:rgb(var(--rgb-white),var(--o,1))!important}.txt-black,.txt-black-hover:hover{color:rgb(var(--rgb-black),var(--o,1))!important}.txt-10{--o:.1}.txt-20{--o:.2}.txt-30{--o:.3}.txt-40{--o:.4}.txt-50{--o:.5}.txt-60{--o:.6}.txt-70{--o:.7}.txt-80{--o:.8}.txt-90{--o:.9}.tl{position:relative;display:flex;flex-direction:column;direction:ltr}.tl::after{position:absolute;top:0;bottom:0;left:50%;width:.2rem;margin-left:-.15rem;background:var(--hex-dark);content:''}.tl-reversed{flex-direction:column-reverse}.tl-content{position:relative;display:flex;align-items:center;padding:1rem 2rem;width:50%}.tl-content::before{position:absolute;top:50%;transform:translateY(-50%);width:3.1rem;height:.1rem;right:.5rem;background:var(--hex-dark);z-index:1;content:''}.tl-content::after{position:absolute;top:50%;transform:translateY(-50%);width:1rem;height:1rem;right:-.45rem;background:var(--hex-white);border:2px solid var(--hex-dark);border-radius:50%;z-index:1;content:''}.tl-body{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--hex-white);border:1px solid var(--b-color)}.tl-header{position:absolute;display:block;font-size:1rem;color:var(--hex-dark);z-index:1;width:max-content}.tl-icon{display:flex;padding:.5rem;border:2px solid var(--hex-dark);border-radius:50%;text-align:center;color:var(--hex-dark);z-index:1;font-size:1.5rem}.tl-left .tl-content:nth-child(odd){justify-content:end}.tl-left .tl-content:nth-child(odd)>.tl-header{left:100%;margin-left:2rem}.tl-left .tl-content:nth-child(even)>.tl-header{right:100%;margin-right:2rem}.tl-left .tl-content:nth-child(even)>.tl-body{flex-direction:row-reverse}.tl-left .tl-content:nth-child(even){left:50%}.tl-left .tl-content:nth-child(even)::before{left:.5rem}.tl-left .tl-content:nth-child(even)::after{left:-.5rem}.tl-right .tl-content:nth-child(even){justify-content:end}.tl-right .tl-content:nth-child(even)>.tl-header{left:100%;margin-left:2rem}.tl-right .tl-content:nth-child(odd)>.tl-header{right:100%;margin-right:2rem}.tl-right .tl-content:nth-child(odd)>.tl-body{flex-direction:row-reverse}.tl-right .tl-content:nth-child(odd){left:50%}.tl-right .tl-content:nth-child(odd)::before{left:.5rem}.tl-right .tl-content:nth-child(odd)::after{left:-.5rem}.tl-primary::after,.tl-primary .tl-content::before{background:var(--hex-primary)}.tl-primary .tl-icon,.tl-primary .tl-content::after{border-color:var(--hex-primary)}.tl-secondary::after,.tl-secondary .tl-content::before{background:var(--hex-secondary)}.tl-secondary .tl-icon,.tl-secondary .tl-content::after{border-color:var(--hex-secondary)}.tl-success::after,.tl-success .tl-content::before{background:var(--hex-success)}.tl-success .tl-icon,.tl-success .tl-content::after{border-color:var(--hex-success)}.tl-info::after,.tl-info .tl-content::before{background:var(--hex-info)}.tl-info .tl-icon,.tl-info .tl-content::after{border-color:var(--hex-info)}.tl-warning::after,.tl-warning .tl-content::before{background:var(--hex-warning)}.tl-warning .tl-icon,.tl-warning .tl-content::after{border-color:var(--hex-warning)}.tl-danger::after,.tl-danger .tl-content::before{background:var(--hex-danger)}.tl-danger .tl-icon,.tl-danger .tl-content::after{border-color:var(--hex-danger)}.tooltips{display:none;position:absolute;border-radius:.25rem;box-shadow:0 5px 10px rgb(var(--shade-bg),var(--bs-o,.15));min-width:15rem;background:rgb(var(--rgb-white));font-size:.9rem;text-align:left;transition:none;color:var(--hex-txt);cursor:auto;z-index:1}.tooltips-title{padding:.6rem 1rem;font-weight:600}.tooltips-title:not(:only-child){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid var(--hex-border)}.tooltips-content{padding:.6rem 1rem}.tooltips-content:not(:only-child){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tooltips-top{bottom:130%}.tooltips-bottom{top:130%}.tooltips-left{right:110%}.tooltips-right{left:110%}.modal-tour{display:none;position:absolute;background:var(--hex-white);border-radius:.25rem;z-index:100000}.tour-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0,.5);z-index:99998}.tour-highlight{display:none;position:absolute;background:rgb(255,255,255,.2);transition:all .5s ease;z-index:99999}.tour-selector{position:relative;z-index:100000}.tv{overflow-x:auto;direction:ltr}.tv ul{list-style:none;padding:0}.tv ul ul{position:relative;margin-left:1rem}.tv ul li ul{display:none}.tv li{line-height:2rem}.tv li.active>ul,.tv li ul.show{display:block}.tv i:not(.btn i){font-size:1.5rem;vertical-align:sub;cursor:pointer}.tv i.icon-close,.tv i.icon-open{margin-right:.25rem}.tv i.icon-close::before{content:'+'}.tv i.icon-open::before{vertical-align:text-bottom;content:'-'}.tv-anim ul li ul{transition:all 1s ease-in-out}.tv-anim li ul.show{animation:fadeIn .2s}.tv-path li ul{padding-left:.75rem;margin-left:.75rem;margin-bottom:.25rem;border-left:1px solid var(--hex-secondary)}.tv-path ul ul::after{position:absolute;content:'';width:.5rem;bottom:0;left:0;border-bottom:1px solid var(--hex-secondary)}.tv-h ul{text-align:center}.tv-h ul ul{margin:.5rem .5rem 0}.tv-h li{display:inline-block;vertical-align:top}.tv-h ul ul li{padding:.5rem}.tv-h-path ul ul{border-top:1px solid var(--hex-secondary)}.tv-h-path ul ul::before,.tv-h-path ul ul::after{position:absolute;content:'';height:.5rem;top:0}.tv-h-path ul ul::before{left:0;border-left:1px solid var(--hex-secondary)}.tv-h-path ul ul::after{right:0;border-right:1px solid var(--hex-secondary)}.tv-v>ul>li{padding:0}.tv-v li{display:flex;align-items:center;padding:.25rem .5rem}.tv-v ul ul{margin-top:.5rem;margin-bottom:.5rem}.tv-v-path ul ul{border-left:1px solid var(--hex-secondary)}.tv-v-path ul ul::before,.tv-v-path ul ul::after{position:absolute;content:'';width:.5rem}.tv-v-path ul ul::before{top:0;border-top:1px solid var(--hex-secondary)}.tv-v-path ul ul::after{bottom:0;border-bottom:1px solid var(--hex-secondary)}.b-primary ul ul,.b-primary ul ul::before,.b-primary ul ul::after{border-color:var(--hex-primary)}.b-success ul ul,.b-success ul ul::before,.b-success ul ul::after{border-color:var(--hex-success)}.b-info ul ul,.b-info ul ul::before,.b-info ul ul::after{border-color:var(--hex-info)}.b-warning ul ul,.b-warning ul ul::before,.b-warning ul ul::after{border-color:var(--hex-warning)}.b-danger ul ul,.b-danger ul ul::before,.b-danger ul ul::after{border-color:var(--hex-danger)}.b-dark ul ul,.b-dark ul ul::before,.b-dark ul ul::after{border-color:var(--hex-dark)}.tv-path.path-dashed li ul,.tv-h-path.path-dashed ul ul::before,.tv-v-path.path-dashed ul ul{border-left-style:dashed}.tv-path.path-dotted li ul,.tv-path.path-dotted ul ul::after,.tv-h-path.path-dotted ul ul::before,.tv-v-path.path-dotted ul ul{border-left-style:dotted}.tv-path.path-dashed ul ul::after,.tv-v-path.path-dashed ul ul::after{border-bottom-style:dashed}.tv-h-path.path-dashed ul ul,.tv-v-path.path-dashed ul ul::before{border-top-style:dashed}.tv-h-path.path-dotted ul ul,.tv-v-path.path-dotted ul ul::before{border-top-style:dotted}.tv-h-path.path-dashed ul ul::after{border-right-style:dashed}.tv-h-path.path-dotted ul ul::after{border-right-style:dotted}.tv-v-path.path-dotted ul ul::after{border-bottom-style:dotted}form.need-validate .valid-feedback,form.need-validate .invalid-feedback{display:none;font-size:var(--fs-12);margin-top:.5rem;width:100%;height:auto}form.check-validate .field:valid ~ .valid-feedback,form.check-validate .field:invalid ~ .invalid-feedback{display:inline-block}form.check-validate .field:valid ~ .invalid-feedback{display:none}form.field-validate .field.valid,form.field-validate .field:valid,form.check-validate .valid-feedback{color:var(--hex-success)}form.field-validate .field.invalid,form.field-validate .field:invalid,form.check-validate .invalid-feedback{color:var(--hex-danger)}form.check-validate .field.valid,form.check-validate .field:valid{--focus-bc:var(--hex-success);border-color:var(--focus-bc)}form.check-validate .field.invalid,form.check-validate .field:invalid{--focus-bc:var(--hex-danger);border-color:var(--focus-bc)}form.check-validate .valid-feedback.tooltips,form.check-validate .invalid-feedback.tooltips{position:absolute;padding:.75rem 1rem;color:var(--hex-white);width:auto;z-index:9}form.check-validate .valid-feedback.tooltips{background:var(--hex-success)}form.check-validate .invalid-feedback.tooltips{background:var(--hex-danger)}form.check-validate .field-alt{flex-wrap:wrap}form.check-validate .field-alt>.field{flex:1 1 auto;width:auto}form.check-validate .field-alt>:not(:first-child):not(.valid-feedback):not(.invalid-feedback){border-top-right-radius:inherit;border-bottom-right-radius:inherit}form.check-validate .field-ph.field-alt .field:focus + .field-label,form.check-validate .field-ph.field-alt .field:invalid + .field-label,form.check-validate .field-ph.field-alt-sm .field:focus + .field-label,form.check-validate .field-ph.field-alt-sm .field:invalid + .field-label,form.check-validate .field-ph.field-alt-xl .field:focus + .field-label,form.check-validate .field-ph.field-alt-xl .field:invalid + .field-label{background:var(--hex-white);padding:0 .25rem}form.check-validate .field-ph.field-alt .field:focus + .field-label,form.check-validate .field-ph.field-alt .field:invalid + .field-label{transform:translate(0,-2rem)}form.check-validate .field-ph.field-alt-sm .field:focus + .field-label,form.check-validate .field-ph.field-alt-sm .field:invalid + .field-label{transform:translate(0,-1.65rem)}form.check-validate .field-ph.field-alt-xl .field:focus + .field-label,form.check-validate .field-ph.field-alt-xl .field:invalid + .field-label{transform:translate(0,-2.4rem)}form.field-validate .field.valid i,form.field-validate .field.invalid i{color:initial}form.check-validate .field>:valid ~ .valid-feedback,form.check-validate .field>:invalid ~ .invalid-feedback{display:inline-block;top:100%;left:0}form.check-validate .field>:valid ~ .invalid-feedback{display:none}.show-screen-sm,.show-screen-md,.show-screen-lg{display:none!important}@media screen AND (max-width:600px){.col-1-sm{--col-ws:1}.col-2-sm{--col-ws:2}.col-3-sm{--col-ws:3}.col-4-sm{--col-ws:4}.col-5-sm{--col-ws:5}.col-6-sm{--col-ws:6}.col-7-sm{--col-ws:7}.col-8-sm{--col-ws:8}.col-9-sm{--col-ws:9}.col-10-sm{--col-ws:10}.col-11-sm{--col-ws:11}.col-12-sm{--col-ws:12}.order-1-sm{order:1}.order-2-sm{order:2}.order-3-sm{order:3}.order-4-sm{order:4}.order-5-sm{order:5}.order-6-sm{order:6}.show-screen-sm{display:block!important}.hide-screen-sm{display:none!important}.calendar{left:50%!important;transform:translateX(-50%)}}@media screen AND (max-width:900px){:root{--line-height:normal}.col-1-md{--col-ws:1}.col-2-md{--col-ws:2}.col-3-md{--col-ws:3}.col-4-md{--col-ws:4}.col-5-md{--col-ws:5}.col-6-md{--col-ws:6}.col-7-md{--col-ws:7}.col-8-md{--col-ws:8}.col-9-md{--col-ws:9}.col-10-md{--col-ws:10}.col-11-md{--col-ws:11}.col-12-md{--col-ws:12}.order-1-md{order:1}.order-2-md{order:2}.order-3-md{order:3}.order-4-md{order:4}.order-5-md{order:5}.order-6-md{order:6}.show-screen-md{display:block!important}.hide-screen-md{display:none!important}}@media screen AND (max-width:1500px){#mobile{display:block}#logo,#sidebar,.sidebar,.timeline-header{display:none}#sidebar{z-index:999!important}#content,#footer{margin-left:.5rem!important;margin-right:.5rem!important}#content{padding-left:calc(var(--margin) / 2);padding-right:calc(var(--margin) / 2)}#footer{padding:1rem!important}.sidebar-mode #sidebar{transform:unset!important}.row{--gap-y:0;margin-left:0;margin-right:0;flex-direction:column;flex-wrap:inherit}.row>*{width:auto!important;padding-left:0;padding-right:0}.row>.col-auto,.row>.col-auto-sm,.row>.col-auto-xl{height:inherit}.navbar-items{display:inline}.navbar-items ul{display:inherit}.navbar-mobile{display:flex;align-items:center}.navbar ul li{display:none}.navbar ul:first-child>li>*{margin-top:.25rem}.navbar ul ul{position:initial;display:block;box-shadow:none;padding:.25rem .15rem;width:auto}.navbar ul ul:last-child{padding:.25rem .15rem .1rem .15rem;width:auto}.navbar ul ul li.navbar-menu>a::after{content:''}.tl::after{left:.5rem}.tl-content{width:auto;padding-right:0;left:0!important;justify-content:start!important}.tl-content::before{left:.5rem;right:0}.tl-content::after{left:0;right:0}.tl-body{flex-direction:row-reverse}.field-label{margin-bottom:.5rem}.label-align,.label-align-sm,.label-align-xl,.labels-align label,.labels-align-sm label,.labels-align-xl label{line-height:normal}.col-1-lg{--col-ws:1}.col-2-lg{--col-ws:2}.col-3-lg{--col-ws:3}.col-4-lg{--col-ws:4}.col-5-lg{--col-ws:5}.col-6-lg{--col-ws:6}.col-7-lg{--col-ws:7}.col-8-lg{--col-ws:8}.col-9-lg{--col-ws:9}.col-10-lg{--col-ws:10}.col-11-lg{--col-ws:11}.col-12-lg{--col-ws:12}.order-1-lg{order:1}.order-2-lg{order:2}.order-3-lg{order:3}.order-4-lg{order:4}.order-5-lg{order:5}.order-6-lg{order:6}.show-screen-md{display:block!important}.hide-screen-md{display:none!important}}

CSS File Donwload

Plugins

Copy the code below or use the links

(function($){$.darkMode=function(options){let cfg={icon_dark:'.bx-moon',icon_light:'.bx-sun'},set=$.extend({},cfg,options);const toggleIcon=()=>{let icon_dark=set.icon_dark.substr(1),icon_light=set.icon_light.substr(1);$('body').hasClass('dark-mode') ? $('.' + icon_dark).removeClass(icon_dark).addClass(icon_light):$('.' + icon_light).removeClass(icon_light).addClass(icon_dark)};this.init=()=>{if (+localStorage.getItem('dark-mode')) $('body').toggleClass('dark-mode');toggleIcon()};this.save=()=>{$('body').toggleClass('dark-mode');localStorage.setItem('dark-mode',+$('body').hasClass('dark-mode'));toggleIcon()};return this};$.rtlMode=function(){this.init=()=>{if (+localStorage.getItem('rtl-mode')) $('html').attr('dir','rtl')};this.save=()=>{let dir=$('html').attr('dir') ? '':'rtl';$('html').attr('dir',dir);localStorage.setItem('rtl-mode',dir ? 1:0)};return this};$.sidebarMode=function(){let el=$('#sidebar');this.init=()=>{if (+localStorage.getItem('sidebar-mode')) $('body').toggleClass(['sidebar-mode','sidebar-hover'])};this.save=()=>{$('#sidebar,#content,.sidebar').css('transition','.2s ease');$('body').toggleClass(['sidebar-mode','sidebar-hover']);localStorage.setItem('sidebar-mode',+$('body').hasClass('sidebar-mode'))};this.hover=()=>{if ($('body').hasClass('sidebar-mode')){$('#sidebar,#content,.sidebar').css('transition','.2s ease');el.addClass('sidebar-hover')}};el.on('mouseleave',()=>{if ($('body').hasClass('sidebar-mode')) el.removeClass('sidebar-hover')});$('.sidebar i').on('mouseover',e=>e.stopPropagation());return this};$.screenMode=function(){let el=document.documentElement;if (!document.fullscreenElement &&!document.mozFullScreenElement &&!document.webkitFullscreenElement &&!document.msFullscreenElement) el.requestFullscreen?.() || el.msRequestFullscreen?.() || el.mozRequestFullScreen?.() || el.webkitRequestFullscreen?.(Element.ALLOW_KEYBOARD_INPUT);else document.exitFullscreen?.() || document.msExitFullscreen?.() || document.mozCancelFullScreen?.() || document.webkitExitFullscreen?.();return this};let modes=['darkMode','rtlMode','sidebarMode'];modes.forEach(mode=>$[mode]().init());$('#screenMode').on('click',()=>$.screenMode());modes.forEach(mode=>$(`#${mode}`).on('click',()=>$[mode]().save()));$('#sidebarMode').on('mouseover',()=>$.sidebarMode().hover());if ($('#header').length){let header=$('#header'),shadow=header.data('scroll-shadow') || 0;if (shadow) $(window).scroll(()=>header.toggleClass('shadow',$(this).scrollTop()>+shadow))}const theme=(type)=>{let active='txt-primary';$(`[href^="#${type}"]`).on('click',function(e){e.preventDefault();$(`[href^="#${type}"]`).each(function(){const item=$(this).attr('href').slice(1);$('body').removeClass(item);$(this).removeClass(active)});const item=$(this).attr('href').slice(1);$(this).addClass(active);$('body').addClass(item);localStorage.setItem(`${type}-mode`,item)});let store=localStorage.getItem(`${type}-mode`);if (store){$('body').addClass(store);$(`[href="#${store}"]`).addClass(active)}};theme('theme','theme-mode');theme('font','font-mode');$.fn.getAttributes=function(){return this.map(function(){let attrs={};$.each(this.attributes,function(){if (this.specified) attrs[this.name]=this.value});if ($(this).is('textarea')){attrs.type='textarea';attrs.value=$(this).val()}return attrs}).get()};$(document).ready(function(){let pbar=$('#pbar'),riser=$('#riser');if (pbar.length){let pos=pbar.data('position'),size=pbar.data('size') || '2px',css={top:0,left:0,width:'0%',height:size};if (pos==='bottom'){css.top='';css.bottom=0}if (pos==='right'){css.left='';css.right=0}if (pos==='left' || pos==='right'){css.width=size;css.height='0%'}pbar.css(css)}riser.on('click',function(e){e.preventDefault();$('html,body').animate({scrollTop:0},$(this).data('delay') || 100)})}).on('click','#mobile',function(){let anim=$(this).data('animate') || '';$('#sidebar').css({top:0}).addClass([anim,'block']).closest('body').css({overflow:'hidden'}).append($('<div>').attr({id:'overlay'}))}).on('click','#overlay',function(){let anim=$('#mobile').data('animate') || '';$('#sidebar').css({top:''}).removeClass([anim,'block']).closest('body').css({overflow:''});$(this).remove()});$(window).on('scroll',function(){let pbar=$('#pbar'),riser=$('#riser');if (pbar.length){let pos=pbar.data('position') || 'top',height=$(document).height() - $(window).height(),value=($(window).scrollTop() / height*100) + '%',attr=(pos==='top' || pos==='bottom') ? 'width':'height';pbar.css({[attr]:value})}if (riser.length){let align=riser.data('align') || 'right',delay=riser.data('delay') || 100,offset=riser.data('offset') || 100;riser.css({[align]:'1rem'});$(this).scrollTop()>offset ? riser.fadeIn(delay):riser.fadeOut(delay)}});const aos=document.querySelectorAll('[class^="aos-"]');const obs=new IntersectionObserver((entries,observer)=>{entries.forEach(entry=>{const className=Array.from(entry.target.classList).find(cls=>cls.startsWith('aos-'));const anim=`${className}-in`;const timer=Array.from(entry.target.classList).find(cls=>cls.startsWith('aos-timer-'));const delay=timer ? parseInt(timer.split('-').pop())*1000:0;if (entry.isIntersecting){setTimeout(()=>{entry.target.classList.add(anim);if (entry.target.classList.contains('aos-once')) observer.unobserve(entry.target)},delay)}else{if (!entry.target.classList.contains('aos-once'))entry.target.classList.remove(anim)}})},{threshold:Array.from(aos).map(el=>{const vue=Array.from(el.classList).find(cls=>cls.startsWith('aos-visible-'));return vue ? parseInt(vue.split('-').pop()) / 100:.5})});aos.forEach(el=>obs.observe(el));$.fn.accordion=function(){return this.each(function(){const obj=$(this);const slideUp=obj.data('slide-up') || 100;const slideDown=obj.data('slide-down') || 150;const autoClose=obj.data('auto-close') || false;obj.on('click','.accordion-header',function(e){e.preventDefault();e.stopPropagation();const header=$(this);const body=header.next('.accordion-body');if (String(autoClose)==='true'){obj.find('.accordion-body').not(body).slideUp(slideUp).parent().removeClass('active')}else if ($(autoClose).length){$(autoClose).find('.accordion-body').not(body).slideUp(slideUp).parent().removeClass('active')}body.slideToggle(slideDown,function(){$(this).parent().toggleClass('active',$(this).is(':visible'))})})})};$('.accordion').accordion();$('.alert').each(function(){const alert=$(this),animation=alert.data('animate') || null;alert.hide().addClass(animation).show();$('.btn-close',alert).on('click',function(){alert.removeClass(animation);if (animation){setTimeout(()=>{alert.addClass([animation,'reverse']).on('animationend',function(){alert.remove()})},100)}else{alert.fadeOut(function(){alert.remove()})}})});$('.btn-check,.btn-switch,.btn-radio').on('mouseup',function(e){if (e.which===1){setTimeout(()=>{let input=$('input',this),name=input.attr('name');$('[name="'+name+'"]',this).removeAttr('checked');input.prop('checked') ? input.attr('checked','checked'):input.removeAttr('checked')},100)}});$('.btn-event').on('click',function(e){e.preventDefault();let el=$(this),buffer=el.html(),delay=el.data('event-delay'),icon=el.data('event-icon') || '',form=el.data('event-form') || '',text=el.data('event-text') || buffer;if ($(form).length &&!$(form)[0].checkValidity()) return;typeof el.prop('disabled')!=='undefined' ? el.prop('disabled',true):el.addClass('disabled');icon ? el.html('<i class="'+icon+'"></i>' + text):el.html(text);if (delay){setTimeout(function(){el.html(buffer);typeof el.prop('disabled')!=='undefined' ? el.prop('disabled',false):el.removeClass('disabled');if ($(form).length) $(form).submit()},delay)}else if ($(form).length){$(form).submit()}});$.fn.calendar=function(options){const cfg=$.extend({start:0,animate:'',calendar:'.calendar',days:['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],months:['January','February','March','April','May','June','July','August','September','October','November','December'],minYears:4,maxYears:0,disableWeekends:false,onClick:function(){}},options);const pad=n=>String(n).padStart(2,'0');const format=d=>`${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;const isWeekend=day=>day===0 || day===6;const isToday=d=>d.toDateString()===new Date().toDateString();return this.each(function(){const inp=$(this);const dt={minYears:inp.data('min-years') || cfg.minYears,maxYears:inp.data('max-years') || cfg.maxYears,s:inp.data('start') || cfg.start,a:inp.data('animate') || cfg.animate,c:inp.data('calendar') || cfg.calendar,min:new Date(inp.attr('min')),max:new Date(inp.attr('max'))};const updateMinMax=()=>{dt.min=inp.attr('min') ? new Date(inp.attr('min')):null;dt.max=inp.attr('max') ? new Date(inp.attr('max')):null};const isDisabled=d=>(dt.min && d < dt.min) || (dt.max && d>dt.max);const render=(m,y,obj)=>{const days=$('.calendar-days',obj).empty();const fd=new Date(y,m,1).getDay();const dm=new Date(y,m + 1,0).getDate();cfg.days.forEach((_,i)=>{const index=(i + dt.s) % 7;const weekCls=cfg.disableWeekends && isWeekend(index) ? 'we disabled':(isWeekend(index) ? 'we':'');days.append(`<div class="week ${weekCls}">${cfg.days[index]}</div>`)});days.append('<div></div>'.repeat((fd - dt.s + 7) % 7));for (let i=1;i <=dm;i++){const d=new Date(y,m,i);let cls='day';if (isWeekend(d.getDay())) cls +=' we';if (cfg.disableWeekends && isWeekend(d.getDay())) cls +=' disabled';if (isToday(d)) cls +=' today';if (isDisabled(d)) cls +=' disabled';days.append(`<div class="${cls}" data-day="${i}">${isDisabled(d) ? '-':i}</div>`)}if (inp.val()){const [Y,M,D]=inp.val().split('-').map(Number);if (Y===y && M - 1===m)$(`.day[data-day="${D}"]`,days).addClass('active')}toggle(obj,y,m)};const toggle=(obj,y,m)=>{const years=$('.calendar-year option',obj).map((_,el)=>+el.value).get();$('.btn-prev',obj).prop('disabled',y <=Math.min(...years) && m===0);$('.btn-next',obj).prop('disabled',y>=Math.max(...years) && m===11)};const load=obj=>{updateMinMax();const now=new Date();const month=$('.calendar-month',obj).empty();const year=$('.calendar-year',obj).empty();cfg.months.forEach((mn,i)=>month.append(`<option value="${i}">${mn}</option>`));const yStart=now.getFullYear() - dt.minYears;const yEnd=now.getFullYear() + dt.maxYears;for (let y=yStart;y <=yEnd;y++)year.append(`<option value="${y}">${y}</option>`);month.val(now.getMonth());year.val(now.getFullYear());render(now.getMonth(),now.getFullYear(),obj);$('.btn-prev,.btn-next',obj).on('click',function(){let m=+month.val() + ($(this).hasClass('btn-next') ? 1:-1);let y=+year.val();if (m < 0){m=11;y--}if (m>11){m=0;y++}month.val(m);year.val(y);render(m,y,obj)});month.add(year).on('change',()=>render(+month.val(),+year.val(),obj));$('.calendar-days',obj).on('click','.day:not(.disabled)',function(){if (cfg.disableWeekends && $(this).hasClass('we')) return;const dayVal=$(this).data('day');const monthVal=+month.val() + 1;const yearVal=+year.val();const isWe=$(this).hasClass('we');inp.val(`${yearVal}-${pad(monthVal)}-${pad(dayVal)}`);$('.day',obj).removeClass('active');$(this).addClass('active');cfg.onClick(yearVal,monthVal,dayVal,isWe);obj.fadeOut(100,()=>obj.remove())});$('.btn-today',obj).on('click',()=>{const n=new Date();inp.val(format(n));render(n.getMonth(),n.getFullYear(),obj)});$('.btn-undo',obj).on('click',()=>{inp.val('');$('.day',obj).removeClass('active')});$('.btn-close',obj).on('click',()=>obj.fadeOut(100,()=>obj.remove()))};inp.on('click',e=>{e.preventDefault();const id=`calendar_${inp.attr('name')}`;if ($(`#${id}`).length) return;const obj=$(dt.c).clone(true,true).attr('id',id).appendTo('body').css({top:inp.offset().top + inp.outerHeight(),left:inp.offset().left});dt.a ? obj.addClass(['show',dt.a]):obj.fadeIn(100);load(obj);if (inp.val()){const [Y,M,D]=inp.val().split('-').map(Number);$('.calendar-month',obj).val(M - 1);$('.calendar-year',obj).val(Y);render(M - 1,Y,obj)}const bottom=obj.offset().top + obj.outerHeight();const overflow=bottom - $(window).height();if (overflow>0)obj.css('top',obj.offset().top - overflow);$(document).on('click',e=>{if (!$(e.target).closest(obj).length &&!$(e.target).is(inp))obj.fadeOut(100,()=>obj.remove())})});inp.on('change',function(){updateMinMax();const [Y,M]=inp.val().split('-').map(Number);render(M - 1,Y,$(this).closest('.calendar'))})})};$('[data-calendar]').calendar();$.fn.captcha=function(options){let set=$.extend({background:true,color:true,fonts:['Arial','Verdana','Trebuchet MS'],length:5,tokenName:null,tokenValue:null,minTime:2000,onFailure:function(){}},options);return this.each(function(){let canvas=$(this).get(0),audio=$(this).data('audio'),input=$(this).data('input'),submit=$(this).data('submit'),reload=$(this).data('reload'),form=$(submit).closest('form'),ctx=canvas.getContext('2d'),lng=navigator.language.split('-')[0],startTime=Date.now(),rawCode=null,typedChars=0,userInteracted=false;const bgColor=()=>{let r=Math.floor(Math.random()*56 + 200),g=Math.floor(Math.random()*56 + 200),b=Math.floor(Math.random()*56 + 200);if (!set.background) r=g=b=255;return `rgb(${r},${g},${b})`};const grid=()=>{ctx.strokeStyle='rgba(255,255,255,1)';ctx.lineWidth=2;for (let x=0;x < canvas.width;x +=10){ctx.beginPath();ctx.moveTo(x,0);ctx.lineTo(x,canvas.height);ctx.stroke()}for (let y=0;y < canvas.height;y +=10){ctx.beginPath();ctx.moveTo(0,y);ctx.lineTo(canvas.width,y);ctx.stroke()}};const rand=(length)=>{let ascii=[...Array.from({length:10},(_,i)=>String.fromCharCode(48 + i)),...Array.from({length:26},(_,i)=>String.fromCharCode(65 + i))];for (let i=ascii.length - 1;i>0;i--){let j=Math.floor(Math.random()*(i + 1));[ascii[i],ascii[j]]=[ascii[j],ascii[i]]}return ascii.slice(0,length).join('')};const code=()=>rand(set.length);const draw=(v)=>{ctx.fillStyle=bgColor();ctx.fillRect(0,0,canvas.width,canvas.height);grid();let w=canvas.width / (v.length + 2),h=(canvas.height / 2) + 5;v.split('').forEach((ch,i)=>{let x=w*(i + 1),y=h + (Math.random()>.5 ? 0:10),r=Math.floor(Math.random()*156) + 50,g=Math.floor(Math.random()*156) + 50,b=Math.floor(Math.random()*156) + 50,FS=Math.floor(Math.random()*10) + 20,FF=set.fonts[Math.floor(Math.random()*set.fonts.length)];if (!set.color) r=g=b=0;ctx.font=`${FS}px ${FF}`;ctx.fillStyle=`rgb(${r},${g},${b})`;ctx.save();ctx.translate(x,y);ctx.rotate(rotate());ctx.fillText(ch,0,0);ctx.restore()})};const rotate=()=>{const calc=[()=>(Math.random() - .5)*.6,()=>(Math.random()*.6) - .3,()=>(Math.random() - .3)*.5];return calc[Math.floor(Math.random()*calc.length)]()};const listen=()=>{let msg=rawCode.split('').join(',');msg.split('').forEach((l)=>{let speech=new SpeechSynthesisUtterance(l);speech.lang=lng;speechSynthesis.speak(speech)})};const refresh=()=>{speechSynthesis.cancel();rawCode=code();draw(rawCode);startTime=Date.now();typedChars=0;userInteracted=false};$(audio).on('click',function(){listen();$(input).focus()});$(reload).on('click',function(){refresh();$(input).val('').focus()});form.on('mousemove keydown click touchstart',function(){userInteracted=true});form.on('submit',function(){let elapsed=Date.now() - startTime;if (!userInteracted || elapsed < set.minTime || typedChars < set.length){set.onFailure();refresh();return false}if ($(input).val()!==rawCode){$(input).val('');set.onFailure();refresh();return false}let hiddenField=form.find(`[name="${set.tokenName}"]`);if (!hiddenField.length){hiddenField=$('<input>',{type:'hidden',autocomplete:'off',name:set.tokenName,value:set.tokenValue,}).appendTo(form)}return true});$(input).attr('autocomplete','off').attr('maxlength',set.length).attr('required',true).on('input',function(){$(this).val($(this).val().toUpperCase());typedChars++});refresh()})};$.fn.carousel=function(options){const config=$.extend({animate:'',interval:3000,scrolling:false,},options);return this.each(function(){const obj=$(this),btn=$('.carousel-radio',obj),content=$('.carousel-content',obj).addClass(obj.data('animate') || config.animate);let cur=btn.index($('.btn-radio input:checked',obj)),intervalId;const start=()=>{intervalId=setInterval(()=>slide(1),obj.data('interval') || config.interval)};const stop=()=>clearInterval(intervalId);const show=(index)=>{content.css('transform',`translateX(${-index*100}%)`)};const slide=(direction)=>{const newIndex=(cur + direction + btn.length) % btn.length;show(newIndex);btn.eq(newIndex).prop('checked',true);cur=newIndex};obj.on('click','.carousel-prev',()=>{slide(-1);stop()}).on('click','.carousel-next',()=>{slide(1);stop()}).on('click','.carousel-radio',()=>{cur=btn.index($('.btn-radio input:checked',obj));show(cur)});if (obj.data('scrolling') || config.scrolling){obj.hover(stop,start);start()}show(cur)})};$('.carousel').carousel();$.fn.colorPicker=function(options){let settings=$.extend({callback(){}},options);return this.each(function(){let input=$(this),container=$('<div class="cp-container"><canvas class="cp-canvas"></canvas></div>').appendTo('body'),canvas=container.find('canvas')[0],ctx=canvas.getContext('2d'),dpr=window.devicePixelRatio || 1,size=150,dragging=false;canvas.width=canvas.height=size*dpr;canvas.style.width=canvas.style.height=size + 'px';ctx.scale(dpr,dpr);function drawWheel(){let r=size / 2,grad=ctx.createConicGradient(0,r,r);for (let i=0;i<=360;i++) grad.addColorStop(i/360,`hsl(${i},100%,50%)`);ctx.fillStyle=grad;ctx.beginPath();ctx.arc(r,r,r,0,2*Math.PI);ctx.fill();let whiteGrad=ctx.createRadialGradient(r,r,0,r,r,r);whiteGrad.addColorStop(0,'rgba(255,255,255,1)');whiteGrad.addColorStop(1,'rgba(255,255,255,0)');ctx.fillStyle=whiteGrad;ctx.beginPath();ctx.arc(r,r,r,0,2*Math.PI);ctx.fill()}function getColor(x,y){let rect=canvas.getBoundingClientRect(),cx=(x-rect.left)*dpr,cy=(y-rect.top)*dpr,dx=cx/dpr - size/2,dy=cy/dpr - size/2;if (Math.sqrt(dx*dx+dy*dy)>size/2) return null;let d=ctx.getImageData(cx,cy,1,1).data,hex='#' + [0,1,2].map(i=>d[i].toString(16).padStart(2,'0')).join(''),rgb=`rgb(${d[0]},${d[1]},${d[2]})`;return{hex,rgb}}function updateColor(x,y,hide){let c=getColor(x,y);if(!c) return;input.val(c.hex);settings.callback(c.hex,c.rgb);if(hide) container.hide()}drawWheel();input.on('focus',()=>{let off=input.offset();container.css({top:off.top + input.outerHeight() + 5,left:off.left,display:'block'})});$(container).on('mousedown.colorPicker mousemove.colorPicker mouseup.colorPicker',e=>{if(e.type==='mousedown'){if(!$(e.target).closest(container).length && e.target!==input[0]){container.hide();dragging=false;return}if(e.target===canvas){e.preventDefault();dragging=true;updateColor(e.clientX,e.clientY)}}else if(e.type==='mousemove'){if(dragging) updateColor(e.clientX,e.clientY)}else if(e.type==='mouseup'){if(dragging){dragging=false;updateColor(e.clientX,e.clientY,true)}}})})};$.fn.dataList=function(opt){const cfg=$.extend({wrap:null,sorting:null,callback:function (){}},opt);const popup=$('<div class="datalist-popup"></div>').hide().appendTo('body');const createList=(listEl,sorting)=>{let arr=listEl.find('option').map(function(){const val=$(this).attr('value');const txt=$(this).text() || val;return{val,txt}}).get();if (sorting==='asc') arr.sort((a,b)=>a.txt.localeCompare(b.txt));else if (sorting==='desc') arr.sort((a,b)=>b.txt.localeCompare(a.txt));return arr};const bindInput=(input,arr)=>{input.on('input',()=>showList(input,arr));input.on('focus click',function(e){if (e.type==='click' && e.button!==0) return;this.select();showList(input,arr)})};const showList=(input,arr)=>{let val=input.val().toLowerCase();const wrapAttr=input.attr('data-datalist-wrap') || cfg.wrap;if (wrapAttr && val.startsWith(wrapAttr.charAt(0)) && val.endsWith(wrapAttr.charAt(1) || wrapAttr.charAt(0))) val='';popup.empty().show();arr.forEach(o=>{if (!val || o.txt.toLowerCase().includes(val) || o.val.toLowerCase().includes(val)){popup.append(`<div class="datalist-item" data-value="${o.val}" data-txt="${o.txt}">${o.txt}</div>`)}});if (val && popup.children().length===0){if (!arr.some(o=>o.val===input.val())){const newItem={val:input.val(),txt:input.val()};arr.push(newItem);const listId=input.attr('list');const listEl=$(`datalist#${listId}`);if (listEl.length) listEl.append(`<option value="${newItem.val}">${newItem.txt}</option>`);const sorting=input.data('datalist-sorting') || cfg.sorting;if (sorting==='asc') arr.sort((a,b)=>a.txt.localeCompare(b.txt));else if (sorting==='desc') arr.sort((a,b)=>b.txt.localeCompare(a.txt));popup.append(`<div class="datalist-item" data-value="${newItem.val}" data-txt="${newItem.txt}">${newItem.txt}</div>`)}}const pos=input.offset();popup.css({position:'absolute',top:pos.top + input.outerHeight(),left:pos.left,width:input.outerWidth()}).data('input',input)};popup.on('mousedown','.datalist-item',function(e){e.preventDefault();const val=$(this).data('value');const txt=$(this).data('txt');const input=popup.data('input');const wrap=input.attr('data-datalist-wrap') || cfg.wrap;if (wrap && wrap.length>=1){const left=wrap.charAt(0);const right=wrap.charAt(1) || left;input.val(`${left}${val}${right}`)}else{input.val(val)}popup.hide();cfg.callback(input,val,txt)});const init=input=>{const listId=input.attr('list');const listEl=$(`datalist#${listId}`);if (!listEl.length || input[0].dl_done) return;input[0].dl_done=true;const sorting=input.data('datalist-sorting') || cfg.sorting;const arr=createList(listEl,sorting);bindInput(input,arr);input.on('focus',function(){input.data('datalist-list',input.attr('list')).removeAttr('list')}).on('blur',function(){const list=input.data('datalist-list');if (list) input.attr('list',list)})};$(document).on('focus','[list]',function(){init($(this))}).on('keydown',function(e){if (e.key==='Escape') popup.hide()}).on('mousedown',function(e){if (!popup.is(e.target) && popup.has(e.target).length===0 &&!$(e.target).is('input[list]')) popup.hide()});return this};$(document).on('change input','.date-range',function(){let dateFirst=$(this).find('[type=date]').first(),dateLast=$(this).find('[type=date]').last(),startDate=dateFirst.val(),endDate=dateLast.val();dateLast.attr('min',startDate).val(startDate>endDate ? startDate:endDate);if (endDate &&!startDate) dateFirst.val(endDate)});$.fn.dateSelector=function(options){const set=$.extend({otherDate:{}},options);const pad=n=>String(n).padStart(2,'0');const format=d=>`${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;return this.each(function(){const select=$(this),startSelector=select.data('date-start'),endSelector=select.data('date-end');const updateDates=()=>{const val=parseInt(select.val());const now=new Date();let startDate='',endDate='';const shift=days=>{const d=new Date(now);d.setDate(d.getDate() - days);return d};switch (val){case 1:startDate=endDate=format(now);break;case 2:startDate=endDate=format(shift(1));break;case 3:startDate=endDate=format(shift(2));break;case 4:startDate=format(shift(7));endDate=format(now);break;case 5:startDate=format(shift(14));endDate=format(now);break;case 6:startDate=format(new Date(now.getFullYear(),now.getMonth(),1));endDate=format(now);break;case 7:startDate=format(new Date(now.getFullYear(),now.getMonth() - 1,1));endDate=format(new Date(now.getFullYear(),now.getMonth(),0));break;case 8:return;default:{const valStr=select.val();if (set.otherDate[valStr]){startDate=set.otherDate[valStr][0];endDate=set.otherDate[valStr][1]}}}if (startSelector){const start=$(startSelector);start.off('.dateSelector').on('change.dateSelector input.dateSelector',function(){$(endSelector).attr('min',$(this).val())}).on('click.dateSelector',()=>{if (select.find('option[value="8"]').length) select.val(8)}).val(startDate)}if (endSelector){const end=$(endSelector);end.off('.dateSelector').on('click.dateSelector',()=>{if (select.find('option[value="8"]').length) select.val(8)}).attr('min',startDate).val(endDate)}};select.off('.dateSelector').on('change.dateSelector',updateDates).trigger('change')})};$('select.date-selector').dateSelector();$.fn.grabit=function(){let dragged=null,parent=null,lastPos=null,offsetX=0,offsetY=0,placeHolder=$('<div>').addClass('grabit-zone');$(document).on('mousedown','.grabit-item',function(e){if (e.button!==0) return;if ($(e.target).closest('.btn-grabit').length ||!$(this).find('.btn-grabit').length){e.preventDefault();dragged=$(this);parent=dragged.closest('.grabit');placeHolder.html(dragged.html());const isVertical=parent.hasClass('grabit-v');offsetX=e.pageX - dragged.offset().left;offsetY=e.pageY - dragged.offset().top;dragged.css({position:'absolute',pointerEvents:'none',width:dragged.width(),zIndex:99}).appendTo('body');$('body').css('cursor','grab');if (isVertical) placeHolder.appendTo(parent);updatePos(e.pageX,e.pageY,isVertical);$(document).on('mousemove',e=>onMove(e,isVertical))}});const updatePos=(x,y,v)=>{const pL=parseInt(parent.css('padding-left'),10);const pT=parseInt(parent.css('padding-top'),10);dragged.css({left:v ? parent.offset().left + pL:x - offsetX,top:y - offsetY + pT})};const updatePlaceHolder=(e,v)=>{let target=$(e.target).closest(v ? parent:'.grabit'),newPos=null;if (target.length){target.find('.grabit-item').each(function(){if (e.pageY < $(this).offset().top + $(this).outerHeight() / 2){newPos=$(this);return false}});if (lastPos!==newPos){newPos ? newPos.before(placeHolder):target.append(placeHolder);lastPos=newPos}}else{placeHolder.detach();lastPos=null}};const onMove=(e,v)=>{updatePos(e.pageX,e.pageY,v);updatePlaceHolder(e,v)};$(document).on('mouseup',function(){if (dragged){placeHolder.is(':visible') ? dragged.insertBefore(placeHolder):parent.append(dragged);placeHolder.detach();dragged.removeAttr('style');dragged=lastPos=null;$('body').css('cursor','')}$(document).off('mousemove')})};$('.grabit').grabit();$('.dropdown-group').on('click','.menu-title',function(e){e.preventDefault();e.stopPropagation();let obj=$(this).parent(),ani=$(obj).data('animate') || '';$(obj).toggleClass('show');$(this).next().removeClass(ani).addClass(ani)});let dp_menu,dp_trigger=null;function pos_menu(el,obj){let get=el[0].getBoundingClientRect(),pos={top:el.closest('#header').length ? get.top:get.top + window.scrollY,left:el.closest('#header').length ? get.left:get.left + window.scrollX,width:get.width,height:get.height},objW=obj.outerWidth(),objH=obj.outerHeight(),minW=$(window).width(),minH=$(window).height(),newT=pos.top + pos.height,newL=pos.left;if (newL + objW>minW) newL=pos.left + pos.width - objW;if (newT + objH>minH + window.scrollY) newT=pos.top - objH;obj.css({'min-width':pos.width,top:newT,left:newL})}$('.dropdown-menu').on('click',':first:not(a),.btn:last',function(){let el=$(this).parent(),ani=el.data('animate'),obj=$('.menu-items',el).hide();if (obj.children().length){$('[href^="#"]',obj).on('click',function(e){e.preventDefault();e.stopPropagation()});$('.select-dropdown').hide();if (dp_menu) dp_menu.hide();pos_menu(el,obj);ani ? obj.hide().addClass(ani).show():obj.hide().fadeIn(100);dp_menu=obj;dp_trigger=el}return false});$(document).on('click',function(e){if (dp_menu){if (!$(e.target).closest('.menu-title').length &&!$(e.target).closest('.dropdown-menu').length){dp_menu.hide();dp_menu=null}}});$(window).on('resize',function(){if (dp_menu && dp_trigger) pos_menu(dp_trigger,dp_menu)});$.extend({request:function (method,url,data,callback){if (typeof data==='function'){callback=data;data={}}$.loader().show();$.ajax({url,method,data}).always(function(jqXHRorData,textStatus,jqXHRorUndefined){let success,response,jqXHR;if (jqXHRorUndefined){success=true;response=jqXHRorData;jqXHR=jqXHRorUndefined}else{success=false;response=null;jqXHR=jqXHRorData}if (typeof callback==='function'){callback({success:success,status:jqXHR ? jqXHR.status:null,error:success ? null:{response:jqXHR.responseText,textStatus:textStatus},data:response})}$.loader().close()});return false},getData:function (url,data,callback){return this.request('GET',url,data,callback)},postData:function (url,data,callback){return this.request('POST',url,data,callback)},loader:function (target,options={}){const obj={show(){let loader=$('<div/>').addClass(['loader',options.overlay || '']).append($('<div/>').addClass(['spinner',options.spinner || '']));$(target).length ? $(target).addClass('relative').append(loader.css({position:'absolute','z-index':1})):$('body').append(loader);loader.fadeIn(100)},close(){$(target).length ? $(target).find('.loader').remove():$('.loader').remove();return this},};return obj}});$.fn.fieldManager=function (options){const set=$.extend({field_list:'.field-list',field_add:'.field-add',field_reset:'.field-reset',field_remove:'.field-remove',field_template:'.field-template',field_key:'.field-key',field_value:'.field-value',field_msg:'<div class="field-msg">No field</div>'},options);const obj=this,el=sel=>obj.find(sel);if (!obj.length) return this;const list=el(set.field_list),add=el(set.field_add),reset=el(set.field_reset),template=el(set.field_template).children().first(),msg=list.find('.field-msg').first().clone().length ? list.find('.field-msg').first().clone():$(set.field_msg),rows=()=>list.find('[data-field-row]');function showMsg(){list.find('.field-msg').remove();if (!rows().length) list.append(msg.clone())}function buildRow(key='',value=''){const row=template.clone();row.find(set.field_key).val(key).on('keydown',e=>{if (e.code==='Space') e.preventDefault()});row.find(set.field_value).val(value).on('keydown',e=>{if (e.code==='Space') e.preventDefault()});row.find(set.field_remove).click(()=>{row.remove();showMsg()});return row}add.on('click',()=>{list.append(buildRow());showMsg()});reset.on('click',()=>{list.find('[data-field-row]').remove();showMsg()});list.on('click',set.field_remove,function (){$(this).closest('[data-field-row]').remove();showMsg()});showMsg();return this};$.fn.gradient=function(options){let cfg={colorRange:105,colorOffset:200,callback:function(){}},set=$.extend({},cfg,options),obj=$(this);function getRandom(){return 'rgb(' + [0,0,0].map(()=>Math.floor(Math.random()*set.colorRange + set.colorOffset)).join(',') + ')'}function setGradient(){let color1=getRandom(),color2=getRandom(),gradient='linear-gradient(to right,' + color1 + ',' + color2 + ')';obj.css('background',gradient);set.callback({color1,color2,background:gradient})}this.refresh=setGradient;setGradient();return this};$('[data-mask]').each(function(i,obj){let prefix=$(obj).data('prefix') || '',group=$(obj).data('group') || '',mask=$(obj).data('mask') || '';function inputMask(value){let index=0,result='';for (let i=0;i < value.length && index < mask.length;i++){if (mask[index].toLowerCase()==='x'){result +=value[i]}else{while (index < mask.length && mask[index].toLowerCase()!=='x') result +=mask[index++];result +=value[i]}index++;while (index < mask.length && mask[index].toLowerCase()!=='x') result +=mask[index++]}return result}$(obj).on('input',function(){let input=$(this).val().slice(prefix.length).replace(/\D/g,''),value=prefix + inputMask(input);$(this).val(value);if (value.length>=mask.length + prefix.length && group){let next=$(this).nextAll('input').first();next.length && next.focus()}}).on('keydown',function(e){let key=e.keyCode || e.charCode;if (key===8 || key===46){let start=this.selectionStart,end=this.selectionEnd,input=$(this).val();if (prefix && start <=prefix.length) return false;if (key===8 && start>prefix.length) start--;else if (key===46 && start < input.length) end++;$(this).val(input.slice(0,start) + input.slice(end));return false}}).attr('maxlength',mask.length + prefix.length).val(prefix)});window.getDataGroup=function(groupName,inputName){let el=$('[data-group="' + groupName + '"]');el.on('input',function(){let val='';el.each(function(){val +=$(this).val()});$('[name='+inputName+']').val(val)})};$(document).on('input','.numeric-range',function (){let obj=$(this),FSel=obj.data('number-first'),LSel=obj.data('number-last'),First=FSel ? $(FSel):obj.find('[type=number]').first(),Last=LSel ? $(LSel):obj.find('[type=number]').last(),FValStr=First.val().replace(',','.'),LValStr=Last.val().replace(',','.'),FVal=parseFloat(FValStr),LVal=parseFloat(LValStr);if (FValStr && isNaN(FVal)) return;if (LValStr && isNaN(LVal)) return;if (!FValStr && LValStr) First.val(LValStr);if (!LValStr) Last.val(FValStr);if (!isNaN(FVal)){Last.attr('max',FVal);if (!isNaN(LVal) && FVal < LVal) Last.val(FValStr)}});$('.field-pwd').each(function(){let input=$('input',this),toggle=$('.icon-pwd',this),iconShow=$(this).data('icon-show') || '',iconHide=$(this).data('icon-hide') || '';if (iconShow && iconHide){toggle.on('click',function(){if (input.attr('type')==='password'){input.attr('type','text');toggle.removeClass(iconHide).addClass(iconShow)}else{input.attr('type','password');toggle.removeClass(iconShow).addClass(iconHide)}}).addClass(iconHide)}});$('.field-range').each(function(i,el){let target=$(el).data('target') || '',minTarget=$(el).data('min-target') || '',maxTarget=$(el).data('max-target') || '';if (target){$(el).on('input',function(){$(target).val(this.value)});$(target).on('input',function(){$(el).val(this.value)}).val($(el).val())}else if (minTarget && maxTarget){let minInput=$('input:first',el),maxInput=$('input:last',el);minInput.on('input',function(){$(minTarget).val(this.value)});maxInput.on('input',function(){$(maxTarget).val(this.value)});$(minTarget).on('input',function(){minInput.val(this.value)}).val(minInput.val());$(maxTarget).on('input',function(){maxInput.val(this.value)}).val(maxInput.val())}});$.fn.lightbox=function(options){let set=$.extend({media:'',animate:'',position:'',sizing:'',navbox:true,interval:5000,scrolling:false,ratio:0,onNext:function(){},onPrev:function(){},onClose:function(){}},options),rel=set.media.attr('rel'),index=$('a[rel="' + rel + '"]').index(set.media),obj=this.clone().attr({id:Math.floor(Date.now() / 1000)}),stop=0,array=[];function startScroll(){stop=setInterval(()=>$('.btn-next',obj).trigger('click'),set.interval)}function stopScroll(){clearInterval(stop)}function load(item){let el=$('.modal-content',obj).removeClass(set.animate);setTimeout(()=>{if (item instanceof HTMLImageElement) item=$('<a>').attr('href',item.src).attr('target','_blank').append(item);el.addClass(set.animate).children('.modal-body').html(item)},100)}if (set.media.length){$('a[rel=' + rel + ']').each(function(i){array[i]=rel==='image' ? new Image():document.createElement('iframe');array[i].src=$(this).attr('href') || '#';array[i].title=$(this).attr('title') || $('img',this).attr('alt') || ''})}let total=array.length - 1;if (total){$('body').append(obj).css({overflow:'hidden'});$('.modal-dialog',obj).addClass([set.position,set.sizing]);if (!set.navbox) $('.btn-prev,.btn-next').remove();if (!obj.hasClass('modal-static')) obj.on('click',close);obj.on('click','.btn-next',e=>{e.stopPropagation();index=index>=total ? 0:index + 1;set.onNext(array[index]);load(array[index])}).on('click','.btn-prev',e=>{e.stopPropagation();index=index <=0 ? total:index - 1;set.onPrev(array[index]);load(array[index])}).on('click','.btn-close',e=>{e.stopPropagation();close()}).addClass('show');load(array[index])}if (set.scrolling){$('.modal-content',obj).on('mouseenter',stopScroll).on('mouseleave',startScroll);startScroll()}if (set.ratio) $('.modal-content',obj).css({'max-width':set.ratio,'min-height':'auto'});function close(){set.onClose();$('body').css({overflow:''});obj.off().remove()}this.close=close;return this};$.fn.modal=function(options){let set=$.extend({clone:this.data('clone')!==undefined ? this.data('clone')==true:true,animate:this.data('animate') || '',animate_open:this.data('animate-open') || '',animate_close:this.data('animate-close') || '',position:this.data('position') || '',sizing:this.data('sizing') || '',onOpen:function(){},onClose:function(){}},options),obj=set.clone ? this.clone().attr({id:Math.floor(Date.now() / 1000)}):this,css_open=[set.position,set.animate_open || set.animate,set.sizing],css_close=[set.animate_close || set.animate,'reverse'];const remove=()=>{set.clone ? obj.remove():obj.off().removeClass('show').find('.modal-dialog').removeClass([...css_open,...css_close])};const close=()=>{$('.modal-dialog',obj).removeClass(set.animate_open || set.animate);setTimeout(()=>{if (set.animate_close || set.animate){$('.modal-dialog',obj).on('animationend',function handler(){remove();$(this).off('animationend',handler)}).addClass(css_close)}else{remove()}$('body').css({overflow:''})},10);set.onClose(obj)};if (set.clone) $('body').append(obj);$('body').css({overflow:'hidden'});if (!obj.is('.bg-none,.modal-static')){obj.on('click',(e)=>{if (!$(e.target).closest('.modal-content').length) close()})}$('.modal-dialog',obj).addClass(css_open);set.onOpen(obj);obj.on('click','.btn-close',close).addClass('show');$(document).on('keydown',(e)=>{if (e.keyCode===27) $('.btn-close',obj).trigger('click')});this.close=close;this.getAttributes=()=>$('.modal-body',obj).find('input,select,textarea').getAttributes();return this};$('.navbar').each(function(i,obj){let anim=$(obj).data('animate') || '',fixed=$(obj).data('scroll-fixed') || 0;opacity=$(obj).data('scroll-opacity') || 1,mobile=false;$('li:has(ul)>ul',obj).addClass(anim).closest('li').addClass('navbar-menu');$('.navbar-items>ul',obj).each(function(){$('.navbar-menu',this).each(function(i){$(this).attr('data-index',i)})});$(obj).on('click','.navbar-mobile',function(){mobile=true;$('ul li',obj).toggleClass('block');$(obj).hasClass('navbar-fixed') && $('ul li',obj).css('display')=='block' ? $('body').addClass('navbar-fixed-body'):$('body').removeClass('navbar-fixed-body')}).on('click','.navbar-menu',function(){if (mobile) $('ul li',obj).toggleClass('block')}).on('mouseover','.navbar-menu',function(){let menu=$('ul',this).get(0);if (menu){let width=$(menu).offset().left + $(menu).width();if (width>$(window).width()) $(menu).css({left:'auto',right:$(this).data('index')==0 ? 0:'100%'})}});if (fixed){$(window).on('scroll',function(){$('ul li',obj).removeClass('block');$(this).scrollTop()>parseInt(fixed) ? $(obj).addClass('navbar-fixed').css({opacity:opacity}):$(obj).removeClass('navbar-fixed').css({opacity:''})})}});$.notify=function(options){let cfg={animate:'',background:'',content:'',position:'',timeout:3000},set=$.extend({},cfg,options),id=Date.now(),msg=typeof set.content==='object' ? set.content.clone().eq(0):$('<div/>').html(set.content);if (!$('.notify').length) $('body').append($('<div/>').addClass('notify'));msg.attr('id',id).addClass(['notify-content',set.background,set.animate]);$('.notify').removeClass().addClass(['notify',set.position]).append(msg);let timer;const startTimeout=()=>{clearTimeout(timer);timer=setTimeout(()=>{if (set.animate){msg.removeClass(set.animate);setTimeout(()=>{msg.addClass([set.animate,'reverse']).on('animationend',function(){$(this).remove()})},set.timeout / 2)}else{$('#' + id).remove()}},set.timeout)};$(document).on('click','#' + id,function(){$(this).removeClass(set.animate);setTimeout(()=>{$(this).remove()},set.animate ? 10:0)});msg.on('mouseenter',function(){clearTimeout(timer)});msg.on('mouseleave',function(){startTimeout()});startTimeout();$.notify.clear=function(){$('.notify').remove()};return this};setTimeout(()=>{$('.notify-content','.notify').each(function(){$.notify({content:$(this).html(),background:$(this).data('background') || '',animate:$(this).data('animate') || '',position:$(this).data('position') || '',timeout:$(this).data('timeout') || 3000})}).remove()},100);$.fn.rating=function(options){let cfg={rating:1,readonly:false,callback:function(){}};let set=$.extend({},cfg,options);this.each(function(){let obj=$(this),items=$('.rating-item',obj),rate=obj.data('rating') || set.rating,read=obj.attr('readonly') || set.readonly,array=items.map((i,item)=>$(item).data('active') ?? '').get();items.each((i,item)=>{let $item=$(item);i < rate ? $item.addClass([array[i] ?? '','active']):$item.removeClass([array[i] ?? '','active'])});set.callback(rate);if (!read){obj.css({cursor:'pointer'});items.on('mouseover mouseleave',function(){let index=items.index(this);items.each((i,item)=>{let $item=$(item);i <=index ? $item.addClass([array[i] ?? '','active']):$item.removeClass([array[i] ?? '','active'])});set.callback(index + 1)})}});this.clear=function(){$('.rating-item',this).removeClass('active');set.callback(0)};return this};$('.sticky').each(function(){let top=$(this).data('sticky-offset') || $(this).offset().top;$(this).on('wheel',e=>{if (e.originalEvent.deltaY){e.preventDefault();$(this).scrollTop($(this).scrollTop() + e.originalEvent.deltaY)}}).css({top})});$('[data-scrollspy]').each(function(){let obj=$(this),scroll=obj.data('scrollspy'),active=obj.data('scrollspy-active') || 'active',offset=obj.data('scrollspy-offset') || 5,mobile=obj.data('scrollspy-offset-mobile') || 0,items=obj.data('scrollspy-items'),target=[];$(items).each(function(){target.push($(this).attr('href'))}).on('click',function(e){e.preventDefault();let id=$(this).attr('href'),rect=$(id)[0].getBoundingClientRect(),top=Math.round(rect.top + window.scrollY),val1=$(this).data('scrollspy-offset') ?? offset,val2=$(this).data('scrollspy-mobile') ?? mobile,val3=0;if (scroll==='vertical')val3=$(this).index() ? top - val1:0;if (scroll==='horizontal')val3=top - val1;if ($('.navbar-mobile').is(':visible'))val3 -=val2;val3=Math.round(val3);$('html').animate({scrollTop:val3},100,function(){$(items).removeClass(active);$(e.target).addClass(active)})}).first().addClass(active);$(window).on('scroll',function(){let win=window.scrollY;$(target).each(function(i,id){let el=$(id);if (!el.length) return;let item=$(items).eq(i),val=item.data('scrollspy-offset') ?? offset,rect=el[0].getBoundingClientRect(),top=Math.round(rect.top + window.scrollY);if (win < (top + val) || win===(top - val)){$(items).removeClass(active).eq(i).addClass(active);return false}})}).on('resize',targetMargin);function targetMargin(){if ($('#mobile').is(':visible')) return;const last=[...new Set(target)].pop();const el=$(last);if (!el.length) return;const mb=window.innerHeight - el.height() - offset;if (mb>0) el.css('margin-bottom',mb)}if (window.location.hash){setTimeout(()=>{$('[href="' + window.location.hash + '"]').trigger('click')},100)}targetMargin()});$.fn.select=function(options){const settings=$.extend({sorting:'',readonly:0,placeholder:'Items',noresults:'No item found',allselected:'All items selected',onChange:function(){},onDelete:function(){}},options);return this.each(function(){const obj=$(this),name=obj.attr('name'),isMulti=obj.prop('multiple'),isReadOnly=obj.data('readonly') || settings.readonly,sorting=obj.data('sorting') || settings.sorting,placeholder=obj.data('placeholder') || settings.placeholder,noResultsText=obj.data('no-results') || settings.noresults,allSelectedText=obj.data('all-selected') || settings.allselected,initialSelected=obj.data('selected') || [];let array=[],isValues=false;const container=$('<div>').addClass(['select-container',obj.attr('class')]),tags=$('<div>').addClass('select-tags'),dropdown=$('<div>').addClass('select-dropdown'),noResults=$('<div>').addClass('select-no-results').text(noResultsText),allSelected=$('<div>').addClass('select-all-selected').text(allSelectedText),search=$('<input type="text">').addClass('select-search').attr('placeholder',placeholder);container.append(tags);if (!isReadOnly) container.append(search);$('body').append(dropdown);obj.before(container).removeAttr('class').prependTo(container);const sortOptions=opts=>{if (sorting==='asc') return opts.sort((a,b)=>a.text.localeCompare(b.text));if (sorting==='desc') return opts.sort((a,b)=>b.text.localeCompare(a.text));return opts};const addTag=option=>{const tag=$('<div>').addClass('select-tag').attr('data-value',option.val()).html('<span class="text">' + option.text() + '</span>' + (isReadOnly ? '':'<span class="icon"></span>'));if (!isReadOnly){tag.find('span.icon').on('click',e=>{e.stopPropagation();const val=option.val();const index=array.findIndex(opt=>opt.value===val);if (index>=0) array[index].selected=false;obj.find(`option[value="${val}"]`).remove();tag.remove();settings.onDelete(array[index]);update()})}if (!isMulti) dropdown.find(`[data-value="${option.val()}"]`).hide();tags.append(tag)};const update=()=>{const selectedOpts=array.filter(opt=>opt.selected);const unselectedOpts=sortOptions(array.filter(opt=>!opt.selected));dropdown.empty().append(allSelected.hide(),noResults.hide());search.show();if (!selectedOpts.length &&!array.length){noResults.show()}else if (isMulti && selectedOpts.length===array.length){allSelected.show();search.hide()}else{unselectedOpts.forEach(opt=>{const item=$('<div class="select-option">').attr('data-value',opt.value).text(opt.text);item.on('click',e=>{e.stopPropagation();if (!isMulti){array.forEach(o=>o.selected=false);obj.empty();tags.empty();dropdown.hide()}opt.selected=true;const newOpt=$('<option>').val(opt.value).text(opt.text).prop('selected',true);obj.append(newOpt);addTag(newOpt);update()});dropdown.append(item)});if (selectedOpts.length) search.hide();if (!dropdown.children('.select-option').length) noResults.show()}settings.onChange(isMulti ? selectedOpts:selectedOpts[0] || null);tags.toggle(tags.children().length>0)};const load=()=>{const selectedValues=obj.find('option:selected').map(function(){return $(this).val()}).get();array=obj.find('option').map(function(){const o=$(this),val=o.val(),text=o.text();if (!val &&!text) return null;const data={};$.each(this.attributes,function(){if (this.name.startsWith('data-')){const key=this.name.slice(5).replace(/-([a-z])/g,(_,g)=>g.toUpperCase());data[key]=this.value}});return{value:val,text,selected:false,...data}}).get();obj.empty();tags.empty();const valuesToSelect=initialSelected.length ? initialSelected:selectedValues;valuesToSelect.forEach(val=>{const opt=array.find(o=>o.value==val);if (opt &&!opt.selected){opt.selected=true;const newOpt=$('<option>').val(opt.value).text(opt.text).prop('selected',true);obj.append(newOpt);addTag(newOpt)}});update()};const position=()=>{const offset=container.offset();dropdown.css({top:offset.top + container.outerHeight(),left:offset.left,width:container.outerWidth()})};if (name && isMulti){const baseId=name.replace('[]','');$(`#${baseId}-all`).on('click',()=>{array.forEach(opt=>{if (!opt.selected){opt.selected=true;const newOpt=$('<option>').val(opt.value).text(opt.text).prop('selected',true);obj.append(newOpt);addTag(newOpt)}});update()});$(`#${baseId}-none`).on('click',()=>{array.forEach(opt=>opt.selected=false);obj.empty();tags.empty();update()})}if (!isReadOnly){search.on('input.selectPlugin',function(){const query=$(this).val().toLowerCase();let found=false;dropdown.find('.select-option').each(function(){const item=$(this);const match=item.text().toLowerCase().includes(query);item.toggle(match);if (match) found=true});noResults.toggle(!found)});search.on('keydown.selectPlugin',function(e){if (e.keyCode===8 &&!$(this).val()){e.preventDefault();tags.children('.select-tag').last().find('span.icon').trigger('click')}});container.on('click.selectPlugin',e=>{e.stopPropagation();$('.select-dropdown').hide();if (!isValues){isMulti ? dropdown.show():dropdown.fadeToggle(100);position();search.show().focus()}});$(document).on('click.selectPlugin',e=>{if (!container.is(e.target) &&!container.has(e.target).length &&!dropdown.is(e.target) &&!dropdown.has(e.target).length){dropdown.hide()}})}this.values=values=>{isValues=true;values.forEach(value=>{const item=dropdown.find(`[data-value="${value}"]`);if (item.length) item.trigger('click')});isValues=false};this.clear=()=>{array.forEach(opt=>opt.selected=false);obj.empty();tags.empty();update()};this.refresh=()=>{load()};$(window).on('resize.selectPlugin',position);load()})};$('select.field-select').select();$.fn.steps=function (options){let set=$.extend({step:1,onChange:function (){},onSubmit:function (){}},options);$(this).each(function(i,form){let steps=$('.step',form),index=set.step - 1,navig=$(form).data('nav-step') || '';$(form).on('click','.btn-next',function(e){e.preventDefault();index=validate(steps,index) ? step(steps,++index):step(steps,index,false);show(steps,index,navig)});$(form).on('click','.btn-prev',function(e){e.preventDefault();index=step(steps,--index,false);show(steps,index,navig)});$(form).on('click','[type=submit]',function(){if (validate(steps,index)){$(navig).addClass('event-none');return set.onSubmit(data(form))}return false});if (navig){$(navig).on('click','.step',function(){let index=$(this).index();$('.step',navig).eq(index).addClass('active');steps.removeClass('active').eq(index).addClass('active');set.onChange(index,steps.length)})}});function show(steps,index,navig){steps.removeClass('active').eq(index).addClass('active');steps.eq(index)[0].scrollIntoView({behavior:'smooth',block:'center'});if (navig) $('.step',navig).eq(index).addClass('active').trigger('click');set.onChange(index,steps.length)}function step(steps,index,forward=true){while (index>=0 && index <=steps.length){if (check(steps.eq(index))) return index;index=forward ? ++index:--index}return forward ? --steps.length:0}function check(step){let field=step.data('field'),value=step.data('value') || '',form=step.closest('form'),input=$(field,form);if ($(field,form).length) return input.is(':radio,:checkbox') ? input.filter(':checked').val()===value:input.val()===value;return true}function validate(steps,index){let form=steps.closest('form'),isValid=true;$('[required]',steps.eq(index)).each(function(){if (!this.checkValidity()){form.attr('novalidate') ? form.submit():this.reportValidity();return isValid=false}});return isValid}function data(form){let data={};$('[name]',form).each(function(){let name=$(this).attr('name');data[name]=$(this).val()});return data}return this};$('.nav-step').each(function(i,obj){let index=$('.active',obj).length,anim=$(obj).data('animate') || '';$('.step',obj).on('click',function(){step(obj,$(this).index() + 1)});function step(obj,index){let step=$('.step',obj),width=(index - 1) / (step.length - 1)*100;$('.progress-bar',obj).css('width',width + '%');step.each(function(i){i < index ? $(this).addClass(['active',anim]):$(this).removeClass(['active',anim])})}step(obj,index)});$.fn.tableExport=function(format,options){const set=$.extend({delimiter:';',enclosure:'"',stringify:false,allrows:false,allcols:false,useDataKey:false},options);const table=this;const all=set.allcols || set.allrows;const sel={th:all ? 'thead th:not([colspan])':'thead th:visible:not([colspan])',tr:all ? 'tbody tr':'tbody tr:visible',td:all ? 'td':'td:visible',tf:all ? 'tfoot td':'tfoot td:visible'};function buildHeaderTree(){const rows=table.find('thead tr');const matrix=[];const spanMap=[];rows.each((rowIndex,tr)=>{let colIndex=0;$(tr).find('th').each((i,th)=>{const cell=$(th);const text=cell.text().trim();const colspan=parseInt(cell.attr('colspan') || 1,10);const rowspan=parseInt(cell.attr('rowspan') || 1,10);while (spanMap[rowIndex] && spanMap[rowIndex][colIndex]){colIndex++}for (let r=0;r < rowspan;r++){if (!matrix[rowIndex + r]) matrix[rowIndex + r]=[];if (!spanMap[rowIndex + r]) spanMap[rowIndex + r]=[];for (let c=0;c < colspan;c++){matrix[rowIndex + r][colIndex + c]=text;if (r>0){spanMap[rowIndex + r][colIndex + c]=true}}}colIndex +=colspan})});const headers=[];const colCount=Math.max(...matrix.map(r=>r.length));for (let col=0;col < colCount;col++){const path=[];for (let row=0;row < matrix.length;row++){const val=matrix[row][col];if (val) path.push(val)}headers[col]=path}return headers}const headerFlat=table.find(sel.th).toArray().map(th=>$(th).text().trim());const headerTree=buildHeaderTree();function extractRow(cells){return cells.toArray().map(td=>{const cell=$(td);const el=cell.find('i,input,select,textarea');const img=cell.find('img');let text=el.is('select')? el.find('option:selected').text():el.length? el.val():img.length? img.attr('alt'):cell.text();text=text || el.attr('title') || '';return (set.useDataKey && format==='json')? [cell.data('key'),cell.data('value')]:String(text).trim()})}const data=table.find(sel.tr).toArray().map(tr=>extractRow($(tr).find(sel.td)));if (table.find('tfoot').length){data.push(extractRow(table.find(sel.tf)))}let output;if (['csv','xls','pdf'].includes(format)){const escapeField=v=>set.enclosure + String(v).replace(new RegExp(set.enclosure,'g'),set.enclosure + set.enclosure) + set.enclosure;const headerRows=[];const maxDepth=Math.max(...headerTree.map(h=>h.length));for (let level=0;level < maxDepth;level++){const row=headerTree.map(col=>col[level] || '');const seen={};for (let i=0;i < row.length;i++){const val=row[i];if (!val) continue;seen[val] ? row[i]='':seen[val]=true}headerRows.push(row)}output=[...headerRows,...data].map(row=>row.map(escapeField).join(set.delimiter)).join('\n')}if (format==='json'){function setNested(obj,path,value){let current=obj;path.forEach((key,i)=>{if (i===path.length - 1){current[key]=value}else{if (!current[key]) current[key]={};current=current[key]}})}const rows=data.map(row=>{const obj={};row.forEach((cell,i)=>{const path=headerTree[i] || [headerFlat[i] || i];if (set.useDataKey){const pair=cell;setNested(obj,[pair[0]],pair[1])}else{setNested(obj,path,cell)}});return obj});output=set.stringify ? JSON.stringify(rows):rows}return output};$('.sticky-header-group,.sticky-both-group').each(function(i,obj){let table=$('table',obj),row=$('thead tr:first-child',table);$('thead tr:last-child th',table).css({top:row.outerHeight()})});$('.sticky-scroll').each(function(i,obj){let table=$('table',obj),rows=$('thead tr',table),row=$('thead tr:first-child',table),parent=$(obj).data('sticky-parent') || '#content';$(window).on('scroll',function(){let scroll=row.offset().top - $(this).scrollTop(),top=$(parent).offset().top;if (scroll < top){if (rows.length===1) $('th',table).css({top:-scroll + top});if (rows.length===2){$('tr:first-child th',table).css({top:-scroll + top});$('tr:last-child th',table).css({top:-scroll + top + row.outerHeight()})}}else{$('th',table).css({top:''})}})});$.fn.table=function(options){let cfg={icon_asc:'',icon_desc:'',input_search:null,select_rows:null,pagination:null,sorting:[0,'desc'],no_sorting:[],current_page:1,pages_per_nav:1,rows_per_page:10,saving:false},set=$.extend({},cfg,options),id=$(this).attr('id') || 'table';$(this).each(function(i,obj){let asc=$(obj).data('icon-asc') || set.icon_asc,desc=$(obj).data('icon-desc') || set.icon_desc,icon=$('<span>').addClass('sort-icon'),thead=$('thead tr',obj).length;column=$('thead tr',obj).first(),input=$(set.input_search),select=$(set.select_rows),pagin=$(set.pagination),sorting=set.sorting,curPage=set.current_page,data_save=storage(id),index=0;if (thead==2){column.children('th[rowspan]').attr('data-index',0);column.children('th:not([rowspan])').each((_,th)=>{const colspan=parseInt($(th).attr('colspan')) || 1;const key=index;$(th).attr('data-group',key);$('thead tr',obj).each((_,tr)=>{$(tr).children('th:not([rowspan])').slice(index,index + colspan).attr('data-group',key)});index +=colspan});$('thead tr:last-child th',obj).each((i,th)=>{$(th).attr('data-index',i + 1)})}$('th',obj).each(function(i){let th=$(this);if (set.no_sorting.includes(i)) return;th.on('click',function(){let sortIcon=$('.sort-icon',th);if (!sortIcon.length) sortIcon=$('<span>').addClass('sort-icon').appendTo(th);let table=th.closest('table'),sort=!th.data('sort'),index=parseInt(th.data('index') || 0);th.data('sort',sort);$('.sort-icon',table).removeClass([asc,desc]);sort ? sortIcon.addClass(asc):sortIcon.addClass(desc);let rows=table.find('tbody tr').toArray().sort(function(a,b){let valA=clean($(a).children('td').eq(index)),valB=clean($(b).children('td').eq(index));return compare(valA,valB,sort)});table.children('tbody').append(rows);storage(id,{index:index,select:select.val(),input:input.val(),sort:sort ? 'asc':'desc'});showPage(obj,pagin,curPage)}).append(()=>{return (!th.attr('colSpan') &&!th.find('.sort-icon').length) ? icon.clone():''});if (!th.is('[data-index]')) th.data('index',i)});if (data_save.columns){let hidden=Object.keys(data_save.columns).map(Number);if (hidden.length){hidden.forEach(index=>{columns(index,obj,false)})}}if (sorting.length){setTimeout(()=>{let th;($(`th[data-index="${data_save.index}"]`,obj).length) ? th=$(`th[data-index="${data_save.index}"]`,obj):th=$('th',obj).eq(data_save.index || sorting[0]);if (!th.length) return;th.data('sort',(data_save.sort || sorting[1])==='asc' ? 0:1).trigger('click')},100)}if (input.length){input.on('input',function(){let value=$(this).val().toLowerCase();$('tbody tr',obj).filter(function(){$(this).toggle($(this).text().toLowerCase().indexOf(value)>-1)});if (value.length){pagin.addClass('disabled')}else{pagin.removeClass('disabled');selectPagin(obj)}storage(id,{input:value})})}if (set.pagination) selectPagin(obj)}).addClass('table-sorting');function clean(cell){const getText=(cell)=>{let anchor=$('a',cell);if (anchor.length) return anchor.text();let img=$('img',cell);if (img.length) return img.attr('alt');let input=$('input,select,textarea',cell);if (input.length) return input.val();return $(cell).clone().children().remove().end().text().trim()};let text=getText(cell),format=cell.data('format');if (format==='mixed') return text.toLowerCase().trim();if (format) return formatDate(text,format);let numeric=text.replace(/[^\d.,]/g,'').replace(',','.',' ');if (!isNaN(numeric) && numeric!=='') return parseFloat(numeric);return text.toLowerCase().trim()}function compare(valA,valB,sort){let direction=sort ? 1:-1;if (typeof valA==='number' && typeof valB==='number') return direction*(valA - valB);if (isIPv4(valA) && isIPv4(valB)) return direction*compareIP(valA,valB);return direction*valA.localeCompare(valB)}function isIPv4(value){return /^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$/.test(value)}function compareIP(ipA,ipB){let valA=ipA.split('.').map(Number),valB=ipB.split('.').map(Number);for (let i=0;i < 4;i++){let diff=valA[i] - valB[i];if (diff!==0) return diff}return 0}function formatDate(value,format){let V=value.match(/(\d+)/g) || [],F=format.match(/(DD|MM|YYYY|H|i|s)/g) || [],D={};F.forEach((key,i)=>{D[key]=V[i] || '00'});let date=[D['YYYY'] || '0000',D['MM'] || '00',D['DD'] || '00'].join('-');let time=[D['H'] || '00',D['i'] || '00',D['s'] || '00'].join(':');return `${date}${time}`}function addPage(obj,pagin,value,pageNum,disabled){let link=$('<a>').addClass('page-link').attr('href','#').html(value),elem=$('<li>').addClass('page-item').append(link).on('click',function(e){e.preventDefault();if (!disabled){curPage=pageNum;showPage(obj,pagin,curPage);storage(id,{page:curPage})}});if (disabled) elem.addClass('disabled');if (!disabled && (pageNum===curPage)) elem.addClass('active');return elem}function renderPagin(obj,pagin){let rows=Math.ceil($('tbody tr',obj).length / set.rows_per_page),first=$('#first',pagin),prev=$('#prev',pagin),next=$('#next',pagin),last=$('#last',pagin),pages=set.pages_per_nav;pagin.children('.page-item').not('#first,#prev,#next,#last').remove();if (first.length)first.replaceWith(addPage(obj,pagin,$('a',first).html(),1,curPage===1).attr('id','first'));if (prev.length)prev.replaceWith(addPage(obj,pagin,$('a',prev).html(),curPage - 1,curPage===1).attr('id','prev'));for (let i=1;i <=rows;i++){if (i>=curPage - pages && i <=curPage + pages){let pageLink=addPage(obj,pagin,i,i,false);next.before(pageLink)}}if (next.length)next.replaceWith(addPage(obj,pagin,$('a',next).html(),curPage + 1,curPage===rows).attr('id','next'));if (last.length)last.replaceWith(addPage(obj,pagin,$('a',last).html(),rows,curPage===rows).attr('id','last'))}function showPage(obj,pagin,pageNum){if (pagin.length){let start=(pageNum - 1)*set.rows_per_page,end=start + set.rows_per_page;$('tbody tr',obj).hide().slice(start,end).show();renderPagin(obj,pagin)}}function selectPagin(obj){if (pagin.length && select.length){let maxRows=$('tbody tr',obj).length;select.val(data_save.select || set.rows_per_page).on('change',function(){let nbrRows=parseInt($(this).val());set.rows_per_page=parseInt(nbrRows>0 ? nbrRows:maxRows,10);curPage=1;showPage(obj,pagin,curPage);storage(id,{select:$(this).val()})}).trigger('change')}}function storage(id,values){if (!set.saving) return{};let data=localStorage.getItem(id);obj=data ? JSON.parse(data):{};if (values && typeof values==='object' &&!Array.isArray(obj)){Object.keys(values).forEach(function(key){obj[key]=values[key]});localStorage.setItem(id,JSON.stringify(obj))}return obj}function columns(index,obj,visible=true,animate=''){let th=$('thead th:not([colspan])',obj).eq(index);visible ? th.removeClass('hide'):th.addClass([animate,'hide']);$('tbody tr,tfoot tr',obj).each(function(){let td=$(this).children('td').eq(index);visible ? td.removeClass('hide'):td.addClass([animate,'hide'])});if (th.is('[data-group]')){const group=th.data('group');const parent=$(`th[colspan][data-group="${group}"]`,obj);const colspan=parseInt(parent.attr('colspan')) + (visible ? 1:-1);parent.attr('colspan',colspan).toggleClass('hide',colspan===0);if (animate && colspan!==0) parent.removeClass(animate)}}this.columns=function(cols=[],visible=true,animate=''){if (!Array.isArray(cols)) cols=[cols];if (cols.length){let obj=this;let saved=this.getStorage()?.columns ||{};cols.forEach(function(i){columns(i,obj,visible,animate);!visible ? saved[i]=false:delete saved[i]});storage(id,{columns:saved})}};this.getColumns=function(){let cols=[];$('thead th:not([colspan])',this).each(function(i){cols.push({index:i,text:$(this).text(),visible:!$(this).hasClass('hide')})});return cols};this.getStorage=function(){return storage(id)};this.reset=function(storage=false){let obj=this;$('th,td',obj).removeClass('hide');$('th[colspan][data-group]',obj).each(function(){let group=$(this).data('group'),count=$(`th[data-group="${group}"]:not([colspan])`,obj).length;$(this).attr('colspan',count || 1).toggleClass('hide',count===0)});if (storage) localStorage.removeItem(id)};return this};$('.table-sorting').table();$.fn.tabs=function(){return this.each(function(i,obj){let tabs=$(obj).data('tabs'),saved=$(obj).data('tabs-saved'),animate=$(obj).data('animate') || '',storageKey=`${tabs.substr(1)}-${i}`;const getTab=()=>saved ? sessionStorage.getItem(storageKey):null;const setTab=(index)=>saved && sessionStorage.setItem(storageKey,index);const tabSelect=(index)=>{setTab(index);let ani=$(obj).data('animate') || $('>div',tabs).eq(index).data('animate') || animate;$('>div',tabs).hide().eq(index).addClass(ani).show();$('ul>li>a',obj).removeClass('active').eq(index).addClass('active')};let active=$('ul>li>a.active',obj).parent().index(),index=getTab() ? parseInt(getTab()):(active!==-1 ? active:0);tabSelect(index);$('ul>li>a',obj).on('click',function(e){e.preventDefault();tabSelect($(this).parent().index())})})};$('[data-tabs]').tabs();$.fn.tooltips=function(options){const cfg={title:'',content:'',animate:'',classTitle:'',classContent:'',position:'top',persistent:false};const set=$.extend({},cfg,options);return this.each(function(){let obj=$(this),title=obj.data('title') || set.title,content=obj.data('content') || set.content,animate=obj.data('animate') || set.animate,class_T=obj.data('class-title') || set.classTitle,class_C=obj.data('class-content') || set.classContent,position=obj.data('position') || set.position,persistent=obj.data('persistent') || set.persistent;obj.css({position:'relative'}).on('mouseenter click',function(e){e.stopPropagation();if (persistent && obj.find('.tooltips').length) return;if (!persistent) $('.tooltips').remove();const tooltip=$(`<div class="tooltips tooltips-${position}">${title ? `<div class="tooltips-title ${class_T}">${title}</div>`:''}${content ? `<div class="tooltips-content ${class_C}">${content}</div>`:''}</div>`).appendTo(obj);tooltip[0].offsetWidth;tooltip.addClass(animate).show();const l=tooltip.offset().left;const w=tooltip.outerWidth(true);if ((w + l)>=$(window).width()) tooltip.css({left:'unset',right:'110%'});if (persistent){setTimeout(()=>{$(document).off('click.tooltip').on('click.tooltip',function(e){if (!tooltip.is(e.target) && tooltip.has(e.target).length===0 &&!obj.is(e.target)){tooltip.remove();$(document).off('click.tooltip')}})},0)}else{obj.off('mouseleave').on('mouseleave',function(){tooltip.remove()})}})})};$('.help-info').tooltips();$.fn.tour=function(options){let set=$.extend({start:1,steps:[],speed:250},options),parent=$(this),tour=$('.modal-tour').clone().appendTo('body'),title=$('.modal-title',tour),message=$('.modal-message',tour),overlay=$('<div class="tour-overlay"></div>').appendTo('body'),highlight=$('<div class="tour-highlight"></div>').appendTo('body'),$title=title.html(),$message=message.html(),stepIndex=set.start - 1;function show(index){let step=set.steps[index];if (!step) return;let el=$(step.id,parent),offset=el.offset(),size={width:el.outerWidth(),height:el.outerHeight()};highlight.css({top:offset.top,left:offset.left,...size}).fadeIn(set.speed,()=>{setTimeout(()=>{el.addClass('tour-selector').get(0).scrollIntoView({behavior:'smooth',block:'center'})},index===0 ? 0:set.speed*2)});overlay.fadeIn(set.speed,()=>tour.css({top:offset.top + size.height + 15,left:offset.left}).fadeIn(set.speed));title.html(step.title || $title);message.html(step.message || $message);$('.btn-prev,.btn-first',tour).toggle(index!==0);$('.btn-next,.btn-last',tour).toggle(index!==set.steps.length - 1);$('.btn-end',tour).toggle(index===set.steps.length - 1)}function hide(index){let step=set.steps[index];$(step.id,parent).removeClass('tour-selector')}function step(direction){hide(stepIndex);tour.fadeOut(set.speed,()=>{stepIndex=Math.max(0,Math.min(stepIndex + direction,set.steps.length - 1));show(stepIndex)})}function close(){hide(stepIndex);tour.add(overlay).add(highlight).fadeOut(set.speed,()=>tour.add(overlay).add(highlight).remove())}$('[data-tour-message]',parent).each(function(i){let id=$(this).attr('id') || `tour-${i + 1}`;$(this).attr('id',id);set.steps.push({id:`#${id}`,title:$(this).data('tour-title') || '',message:$(this).data('tour-message') || ''})});tour.on('click','.btn-prev',()=>step(-1)).on('click','.btn-next',()=>step(1)).on('click','.btn-first',()=>step(-stepIndex)).on('click','.btn-last',()=>step(set.steps.length - stepIndex - 1)).on('click','.btn-close,.btn-end',close);show(stepIndex);return this};$.fn.treeview=function(options){const cfg={id:'',icon_item:'',icon_open:'icon-open',icon_close:'icon-close',node_show:false,node_save:false};const set=$.extend({},cfg,options);$(this).each(function(_,obj){const id=$(obj).attr('id') || set.id,open=$(obj).data('icon-open') || set.icon_open,close=$(obj).data('icon-close') || set.icon_close,item=$(obj).data('icon-item') || set.icon_item;$('ul>li',obj).each(function(){if (!$(this).children('i').length) $(this).prepend('<i/>')});const iconSelector=`ul>li>i`;$(iconSelector,obj).on('click',function(){const li=$(this).closest('li');if (li.children('ul').length){$(this).toggleClass(close).toggleClass(open);li.children('ul').toggleClass('show');li.toggleClass('node active');if (set.node_save &&!set.node_show) setNodes(id,obj)}}).each(function(){const li=$(this).closest('li');$(this).removeClass([open,close,item]);li.children('ul').length ? $(this).addClass(close):$(this).addClass(item)});if (set.node_show &&!set.node_save) $(iconSelector,obj).trigger('click');if (set.node_save &&!set.node_show) getNodes(id,obj,[close,open])});function getNodes(id,obj,className){const data=JSON.parse(localStorage.getItem(id || 'tv'));if (!data) return;function recurse(node,nodeData){if (nodeData.class){node.attr('class',nodeData.class);if (node.hasClass('active') && node.children('ul').length)node.children('i').toggleClass(className).siblings('ul').toggleClass('show')}node.children('li').each((i,li)=>recurse($(li),nodeData.child[i] ||{}))}$('li',obj).each((i,li)=>data[i] && recurse($(li),data[i]))}function setNodes(id,obj){const data=[];function recurse(node){return{class:node.attr('class'),child:node.children('li').map((_,li)=>recurse($(li))).get()}}$('li',obj).each((_,li)=>data.push(recurse($(li))));localStorage.setItem(id || 'tv',JSON.stringify(data))}return this};$('[data-image-upload]').each(function(i,obj){let img=$('img',obj),file=$('[type=file]',obj),btn=$('.btn-remove',obj),css=$(obj).data('image-class') || '',src=$(obj).data('image-src') || img.attr('src');$(file).on('change',function(e){let tmp=e.target.files[0];if (tmp && tmp.type.startsWith('image/')){let reader=new FileReader();reader.onload=function(event){img.attr('src',event.target.result).addClass(css)};reader.readAsDataURL(tmp)}});$(btn).on('click',function(){img.attr('src',src).removeClass(css);$('[type=hidden]',obj).val('');$(file).val('')});$(img).on('click',function(){file.trigger('click')})});$.fn.urlManager=function (options){const set=$.extend({url_field:'.url-field',url_list:'.url-list',url_add:'.url-add',url_remove:'.url-remove',url_reset:'.url-reset',url_template:'.url-template',url_key:'.url-key',url_value:'.url-value',url_msg:'<div class="url-msg">No setting</div>',url_encode:false},options);const obj=this,field=obj.find(set.url_field);if (!field.length) return this;const list=obj.find(set.url_list),add=obj.find(set.url_add),reset=obj.find(set.url_reset),template=obj.find(set.url_template),initialUrl=field.val().trim();let urlHost='';try{urlHost=new URL(field.val()).origin + new URL(field.val()).pathname}catch(e){}const msg=list.find('.url-msg').first().clone().length ? list.find('.url-msg').first().clone():$(set.url_msg);const rows=()=>list.find(set.url_template);const showMsg=()=>{list.find('.url-msg').remove();if (!rows().length) list.append(msg.clone())};const buildRow=(key='',value='')=>{const row=template.clone().show();const keyInput=row.find(set.url_key).val(key);const valInput=row.find(set.url_value).val(value);keyInput.add(valInput).on('keydown',e=>{if (e.code==='Space') e.preventDefault()});keyInput.add(valInput).on('input change',updateUrl);row.find(set.url_remove).on('click',()=>{row.remove();updateUrl();showMsg()});list.append(row);return row};const updateUrl=()=>{const params=rows().map(function(){const $r=$(this);const k=$r.find(set.url_key).val().trim();const v=$r.find(set.url_value).val().trim();if (!k) return null;return set.url_encode ? `${encodeURIComponent(k)}=${encodeURIComponent(v)}`:`${k}=${v}`}).get().filter(Boolean);field.val(urlHost + (params.length ? '?' + params.join('&'):''))};const parseUrl=url=>{if (!url ||!url.trim()) return;try{const u=new URL(url);urlHost=u.origin + u.pathname;list.empty();u.searchParams.forEach((v,k)=>buildRow(k,v))}catch(e){}updateUrl();showMsg()};field.on('input change',()=>parseUrl(field.val().trim()));add.on('click',()=>{if (!field.val().trim()) return;buildRow();showMsg();updateUrl()});reset.on('click',()=>{list.empty();parseUrl(initialUrl);showMsg()});showMsg();parseUrl(field.val().trim());return this};$('form.need-validate').each(function(i,obj){$(obj).on('submit',function(e){e.preventDefault();let isValid=true;$('.field',obj).each(function(i,el){try{if (!this.checkValidity()) return isValid=checkValidity(el)}catch (e){el=$('[name]',this)[0];if (!el.checkValidity()) return isValid=checkValidity(el)}});if (isValid) this.submit()}).attr('novalidate','novalidate');$('.field',obj).each(function(){$('[name]',this).on('input',function(){$(this).closest('.field').toggleClass('valid',this.checkValidity()).toggleClass('invalid',!this.checkValidity())})});function checkValidity(el){$('.invalid-' + $(el).attr('name')).text(el.validationMessage);$(obj).addClass('check-validate');el.focus();return false}});})(jQuery);

JS File Donwload

General

This section defines the overall layout and styling rules for the website

Avatar & Picture Backgrounds Border Fieldset Gradients File Icon Perspective Position

Columns

Columns organize content into a structured, responsive layout

Basics Sizing Mixed sizing Order Gap

Components

Reusable components help to create consistent elements across the site

Accordion Alert Badge Blockquote Calendar Card Carousel Chip Color picker Datalist Drag & Drop Dropdown menu Field Manager Flip card List Masonry Navigation bar Notify Pagination Rating Ribbon Select Skeleton Spinner Tabs Timeline Tooltips Tour Treeview URL Manager

Controls

Interactive controls allow users to navigate and interact with the application

Button Button menu Checkbox Date selector Fields Mask Numeric Password Radio Range Switch

Forms

This section includes the design and behavior of input forms

Captcha Layout Multiple step Navigation step Validation Examples

Modals

Modals provide a way to display content in a popup window

Helpers LightBox Loader Modal Side modal

Scrolling

This section includes animation effects and smooth transitions

Animate scroll Smooth scroll Vertical scrollspy

Tables

Tables are styled to present data in a structured and readable format

Appearance Standard Advanced Hidden column Select column Sticky column Sticky header Sticky both Sticky scroll

Helpers

Set of elements for layout and visual rendering

Animate scroll Avatar & Picture Background Border Flexbox Font size Margin Padding Shadow Text blend Text style Viewport Media queries