/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/fonts/fonts.css ***!
  \********************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/fonts/fonts.css (1) ***!
  \************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:calc(1.5em + .75rem + 2px);padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:.375rem}.form-control-color::-webkit-color-swatch{border-radius:.375rem}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);appearance:none;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.375rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:.375rem}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:#212529;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.5rem}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.25rem}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:#0d6efd!important}.link-primary:focus,.link-primary:hover{color:#0a58ca!important}.link-secondary{color:#6c757d!important}.link-secondary:focus,.link-secondary:hover{color:#565e64!important}.link-success{color:#198754!important}.link-success:focus,.link-success:hover{color:#146c43!important}.link-info{color:#0dcaf0!important}.link-info:focus,.link-info:hover{color:#3dd5f3!important}.link-warning{color:#ffc107!important}.link-warning:focus,.link-warning:hover{color:#ffcd39!important}.link-danger{color:#dc3545!important}.link-danger:focus,.link-danger:hover{color:#b02a37!important}.link-light{color:#f8f9fa!important}.link-light:focus,.link-light:hover{color:#f9fafb!important}.link-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{--bs-border-width:1px}.border-2{--bs-border-width:2px}.border-3{--bs-border-width:3px}.border-4{--bs-border-width:4px}.border-5{--bs-border-width:5px}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/fonts/iconscout/unicon-solid/solid.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*Local Icons */
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-0.fdc8e9ce807d87c6.eot');
  src: url('unicons-0.fdc8e9ce807d87c6.eot#iefix') format('embedded-opentype'),
        url('unicons-0.228e9769abb94f8c.woff2') format('woff2'),
        url('unicons-0.f40b39b14087a2fa.woff') format('woff'),
        url('unicons-0.36627834d04b8a30.ttf') format('truetype'),
        url('unicons-0.869695b50de6d04d.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E800-E83B;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-1.4994b1ff5dd4d53e.eot');
  src: url('unicons-1.4994b1ff5dd4d53e.eot#iefix') format('embedded-opentype'),
        url('unicons-1.7ece6908015e208b.woff2') format('woff2'),
        url('unicons-1.66c47a8002780ebe.woff') format('woff'),
        url('unicons-1.bd76e642b1065bbb.ttf') format('truetype'),
        url('unicons-1.ada5a516f3594487.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E83C-E877;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-10.5f3eb76273a5dba6.eot');
  src: url('unicons-10.5f3eb76273a5dba6.eot#iefix') format('embedded-opentype'),
        url('unicons-10.f052dfa57dcd6c94.woff2') format('woff2'),
        url('unicons-10.b8b1bf3d713f137d.woff') format('woff'),
        url('unicons-10.148873e3a0e1fd14.ttf') format('truetype'),
        url('unicons-10.96f89a512f68ed46.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EA58-EA93;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-11.c3fbee3549b255c1.eot');
  src: url('unicons-11.c3fbee3549b255c1.eot#iefix') format('embedded-opentype'),
        url('unicons-11.506527c436180641.woff2') format('woff2'),
        url('unicons-11.49d22abb572702fb.woff') format('woff'),
        url('unicons-11.9dfde968ae9a67f4.ttf') format('truetype'),
        url('unicons-11.3e0957d8590cf2d3.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EA94-EACF;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-12.d3b1648c6816d257.eot');
  src: url('unicons-12.d3b1648c6816d257.eot#iefix') format('embedded-opentype'),
        url('unicons-12.1b3038b08e2d906c.woff2') format('woff2'),
        url('unicons-12.a0103eea2ae4dfde.woff') format('woff'),
        url('unicons-12.06d58a4e9e122422.ttf') format('truetype'),
        url('unicons-12.dacb7ebfd9f3a8ca.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EAD0-EB0B;
}

@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-13.36637a680742067b.eot');
  src: url('unicons-13.36637a680742067b.eot#iefix') format('embedded-opentype'),
        url('unicons-13.51a2790c0f9d02f2.woff2') format('woff2'),
        url('unicons-13.df30ee4d0ebfe0b1.woff') format('woff'),
        url('unicons-13.cbb88b9aef8d658a.ttf') format('truetype'),
        url('unicons-13.c758c60cce2f098c.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EB0C-EB47;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-14.84de6fcf68be4acb.eot');
  src: url('unicons-14.84de6fcf68be4acb.eot#iefix') format('embedded-opentype'),
        url('unicons-14.af2f915076c634ee.woff2') format('woff2'),
        url('unicons-14.4d9ff152abcefb16.woff') format('woff'),
        url('unicons-14.32e5b722d9f91b6f.ttf') format('truetype'),
        url('unicons-14.c379a087a0e8ba14.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EB48-EB83;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-15.61f4e81ef4d228f3.eot');
  src: url('unicons-15.61f4e81ef4d228f3.eot#iefix') format('embedded-opentype'),
        url('unicons-15.6f806f52c45fa087.woff2') format('woff2'),
        url('unicons-15.c38c72752fd47993.woff') format('woff'),
        url('unicons-15.35ad48d0e75548c5.ttf') format('truetype'),
        url('unicons-15.37747cde71ab6b76.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EB84-EBBF;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-16.4e6fbd8445f1c55e.eot');
  src: url('unicons-16.4e6fbd8445f1c55e.eot#iefix') format('embedded-opentype'),
        url('unicons-16.be72d172d1b8aa46.woff2') format('woff2'),
        url('unicons-16.a6a0dce139ca8137.woff') format('woff'),
        url('unicons-16.bb548e6d1a256c18.ttf') format('truetype'),
        url('unicons-16.4d5d7136771543a5.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EBC0-EBFB;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-17.49f132a4afd8174f.eot');
  src: url('unicons-17.49f132a4afd8174f.eot#iefix') format('embedded-opentype'),
        url('unicons-17.d264b9d5f5a77a05.woff2') format('woff2'),
        url('unicons-17.b6906e7eee2b9983.woff') format('woff'),
        url('unicons-17.fed6c12cd9b2b057.ttf') format('truetype'),
        url('unicons-17.f0f40bebe1d39941.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EBFC-EC37;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-18.b3b6366f48349944.eot');
  src: url('unicons-18.b3b6366f48349944.eot#iefix') format('embedded-opentype'),
        url('unicons-18.84bb2fc6bb9b2ae2.woff2') format('woff2'),
        url('unicons-18.bc4cd4543b48b7f0.woff') format('woff'),
        url('unicons-18.d054408ffd32b8d4.ttf') format('truetype'),
        url('unicons-18.21f191414bac3ba7.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EC38-EC5D;
}

@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-2.7bb0653c15e3ec13.eot');
  src: url('unicons-2.7bb0653c15e3ec13.eot#iefix') format('embedded-opentype'),
        url('unicons-2.708b985d337d31fe.woff2') format('woff2'),
        url('unicons-2.d705ad861713c63d.woff') format('woff'),
        url('unicons-2.8cbb398cc4cca9e2.ttf') format('truetype'),
        url('unicons-2.4519a8e16b5756f5.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E878-E8B3;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-3.0572bbf14ff60b27.eot');
  src: url('unicons-3.0572bbf14ff60b27.eot#iefix') format('embedded-opentype'),
        url('unicons-3.31a851947b252411.woff2') format('woff2'),
        url('unicons-3.0fe7f06f4455e650.woff') format('woff'),
        url('unicons-3.f2e98c6036475673.ttf') format('truetype'),
        url('unicons-3.4eb4bbd7e409867d.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E8B4-E8EF;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-4.6236121fdb718f2a.eot');
  src: url('unicons-4.6236121fdb718f2a.eot#iefix') format('embedded-opentype'),
        url('unicons-4.dd950a3db5a81144.woff2') format('woff2'),
        url('unicons-4.cd001a54c03b7d32.woff') format('woff'),
        url('unicons-4.d1a3d9267acbbd3b.ttf') format('truetype'),
        url('unicons-4.8b11186a0f5665e0.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E8F0-E92B;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-5.d99d90f2374fcd1a.eot');
  src: url('unicons-5.d99d90f2374fcd1a.eot#iefix') format('embedded-opentype'),
        url('unicons-5.ae6159f0fd505d50.woff2') format('woff2'),
        url('unicons-5.8005d53cdfeef569.woff') format('woff'),
        url('unicons-5.ed8af484aa7d796f.ttf') format('truetype'),
        url('unicons-5.92fb170d8462f9fe.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E92C-E967;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-6.d41bb883c90d8fed.eot');
  src: url('unicons-6.d41bb883c90d8fed.eot#iefix') format('embedded-opentype'),
        url('unicons-6.1dfef5c22abfa2b0.woff2') format('woff2'),
        url('unicons-6.13f3c1224eb82177.woff') format('woff'),
        url('unicons-6.42dcc336060cc76c.ttf') format('truetype'),
        url('unicons-6.4cbdea14167c5102.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E968-E9A3;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-7.79323bac89c19dcb.eot');
  src: url('unicons-7.79323bac89c19dcb.eot#iefix') format('embedded-opentype'),
        url('unicons-7.2b95256c507207bd.woff2') format('woff2'),
        url('unicons-7.99d82718caa5a088.woff') format('woff'),
        url('unicons-7.93cb101ebfd58182.ttf') format('truetype'),
        url('unicons-7.3721fe8fe4a816d3.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E9A4-E9DF;
}

@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-8.f7936b72470ebd87.eot');
  src: url('unicons-8.f7936b72470ebd87.eot#iefix') format('embedded-opentype'),
        url('unicons-8.f2721fbd083adafa.woff2') format('woff2'),
        url('unicons-8.80e65d2f04603c27.woff') format('woff'),
        url('unicons-8.133f15a908847895.ttf') format('truetype'),
        url('unicons-8.2218d084c670d814.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+E9E0-EA1B;
}
@font-face {
  font-family: 'unicons-solid';
  src: url('unicons-9.65706bca77e683c7.eot');
  src: url('unicons-9.65706bca77e683c7.eot#iefix') format('embedded-opentype'),
        url('unicons-9.b59becb651270da3.woff2') format('woff2'),
        url('unicons-9.1841e30eabdc9836.woff') format('woff'),
        url('unicons-9.24a7b14ebb5b26f8.ttf') format('truetype'),
        url('unicons-9.d1add21b869fd9bd.svg#unicons') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+EA1C-EA57;
} [class^="uis-"]:before,
[class*=" uis-"]:before {
  font-family: "unicons-solid";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;

  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1;

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Flip and Rotate */

[class*="uis-"].flip-horizontal:before {
  transform: scaleX(-1);
}
[class*="uis-"].flip-horizontal.rotate-90:before {
  transform: rotate(90deg) scaleX(-1);
}
[class*="uis-"].flip-horizontal.rotate-180:before {
  transform: rotate(180deg) scaleX(-1);
}
[class*="uis-"].flip-horizontal.rotate-270:before {
  transform: rotate(270deg) scaleX(-1);
}
[class*="uis-"].flip-horizontal.flip-vertical:before {
  transform: scale(-1);
}
[class*="uis-"].flip-horizontal.flip-vertical.rotate-90:before {
  transform: rotate(90deg) scale(-1);
}
[class*="uis-"].flip-horizontal.flip-vertical.rotate-180:before {
  transform: rotate(180deg) scale(-1);
}
[class*="uis-"].flip-horizontal.flip-vertical.rotate-270:before {
  transform: rotate(270deg) scale(-1);
}
[class*="uis-"].flip-vertical:before {
  transform: scaleY(-1);
}
[class*="uis-"].flip-vertical.rotate-90:before {
  transform: rotate(90deg) scaleY(-1);
}
[class*="uis-"].flip-vertical.rotate-180:before {
  transform: rotate(180deg) scaleY(-1);
}
[class*="uis-"].flip-vertical.rotate-270:before {
  transform: rotate(270deg) scaleY(-1);
}
[class*="uis-"].rotate-90:before {
  transform: rotate(90deg);
}
[class*="uis-"].rotate-180:before {
  transform: rotate(180deg);
}
[class*="uis-"].rotate-270:before {
  transform: rotate(270deg);
}
.uis-web-section-alt:before { content: '\e800'; }.uis-corner-up-right:before { content: '\e801'; }.uis-corner-right-down:before { content: '\e802'; }.uis-download-alt:before { content: '\e803'; }.uis-arrow-circle-down:before { content: '\e804'; }.uis-corner-left-down:before { content: '\e805'; }.uis-angle-double-down:before { content: '\e806'; }.uis-corner-down-right:before { content: '\e807'; }.uis-bag:before { content: '\e808'; }.uis-web-grid:before { content: '\e809'; }.uis-briefcase:before { content: '\e80a'; }.uis-direction:before { content: '\e80b'; }.uis-upload-alt:before { content: '\e80c'; }.uis-arrow-circle-up:before { content: '\e80d'; }.uis-signal-alt-3:before { content: '\e80e'; }.uis-sorting:before { content: '\e80f'; }.uis-window-section:before { content: '\e810'; }.uis-corner-down-left:before { content: '\e811'; }.uis-align-center-justify:before { content: '\e812'; }.uis-dialpad:before { content: '\e813'; }.uis-window-grid:before { content: '\e814'; }.uis-angle-double-up:before { content: '\e815'; }.uis-corner-up-left:before { content: '\e816'; }.uis-angle-right:before { content: '\e817'; }.uis-schedule:before { content: '\e818'; }.uis-comment-dots:before { content: '\e819'; }.uis-graph-bar:before { content: '\e81a'; }.uis-angle-down:before { content: '\e81b'; }.uis-arrow-circle-left:before { content: '\e81c'; }.uis-arrow-circle-right:before { content: '\e81d'; }.uis-chart-pie:before { content: '\e81e'; }.uis-arrow-down-left:before { content: '\e81f'; }.uis-arrow-up-right:before { content: '\e820'; }.uis-columns:before { content: '\e821'; }.uis-web-section:before { content: '\e822'; }.uis-analytics:before { content: '\e823'; }.uis-grid:before { content: '\e824'; }.uis-angle-right-b:before { content: '\e825'; }.uis-chart:before { content: '\e826'; }.uis-window-maximize:before { content: '\e827'; }.uis-list-ul:before { content: '\e828'; }.uis-angle-double-right:before { content: '\e829'; }.uis-analysis:before { content: '\e82a'; }.uis-arrow-up-left:before { content: '\e82b'; }.uis-web-grid-alt:before { content: '\e82c'; }.uis-angle-up:before { content: '\e82d'; }.uis-arrow-down-right:before { content: '\e82e'; }.uis-angle-left:before { content: '\e82f'; }.uis-document-layout-left:before { content: '\e830'; }.uis-angle-double-left:before { content: '\e831'; }.uis-border-top:before { content: '\e832'; }.uis-align-justify:before { content: '\e833'; }.uis-right-indent:before { content: '\e834'; }.uis-left-indent-alt:before { content: '\e835'; }.uis-subject:before { content: '\e836'; }.uis-align-right:before { content: '\e837'; }.uis-wrap-text:before { content: '\e838'; }.uis-list-ui-alt:before { content: '\e839'; }.uis-paragraph:before { content: '\e83a'; }.uis-border-right:before { content: '\e83b'; }.uis-align-right-justify:before { content: '\e83c'; }.uis-bars:before { content: '\e83d'; }.uis-border-left:before { content: '\e83e'; }.uis-border-inner:before { content: '\e83f'; }.uis-align-left-justify:before { content: '\e840'; }.uis-border-clear:before { content: '\e841'; }.uis-border-vertical:before { content: '\e842'; }.uis-right-indent-alt:before { content: '\e843'; }.uis-border-horizontal:before { content: '\e844'; }.uis-ruler-combined:before { content: '\e845'; }.uis-repeat:before { content: '\e846'; }.uis-ruler:before { content: '\e847'; }.uis-square-full:before { content: '\e848'; }.uis-border-bottom:before { content: '\e849'; }.uis-horizontal-align-left:before { content: '\e84a'; }.uis-flip-h-alt:before { content: '\e84b'; }.uis-grip-horizontal-line:before { content: '\e84c'; }.uis-vector-square-alt:before { content: '\e84d'; }.uis-flip-h:before { content: '\e84e'; }.uis-flip-v-alt:before { content: '\e84f'; }.uis-align-letter-right:before { content: '\e850'; }.uis-align-alt:before { content: '\e851'; }.uis-align-center:before { content: '\e852'; }.uis-layers-alt:before { content: '\e853'; }.uis-flip-v:before { content: '\e854'; }.uis-compress:before { content: '\e855'; }.uis-vector-square:before { content: '\e856'; }.uis-line-spacing:before { content: '\e857'; }.uis-border-alt:before { content: '\e858'; }.uis-object-group:before { content: '\e859'; }.uis-document-layout-center:before { content: '\e85a'; }.uis-border-out:before { content: '\e85b'; }.uis-object-ungroup:before { content: '\e85c'; }.uis-table:before { content: '\e85d'; }.uis-circle-layer:before { content: '\e85e'; }.uis-apps:before { content: '\e85f'; }.uis-document-layout-right:before { content: '\e860'; }.uis-grids:before { content: '\e861'; }.uis-align-left:before { content: '\e862'; }.uis-left-indent:before { content: '\e863'; }.uis-store-slash:before { content: '\e864'; }.uis-user-arrows:before { content: '\e865'; }.uis-stethoscope-alt:before { content: '\e866'; }.uis-head-side:before { content: '\e867'; }.uis-social-distancing:before { content: '\e868'; }.uis-toilet-paper:before { content: '\e869'; }.uis-virus-slash:before { content: '\e86a'; }.uis-house-user:before { content: '\e86b'; }.uis-clinic-medical:before { content: '\e86c'; }.uis-hospital-square-sign:before { content: '\e86d'; }.uis-image-v:before { content: '\e86e'; }.uis-hospital:before { content: '\e86f'; }.uis-sanitizer-alt:before { content: '\e870'; }.uis-user-nurse:before { content: '\e871'; }.uis-head-side-mask:before { content: '\e872'; }.uis-microscope:before { content: '\e873'; }.uis-head-side-cough:before { content: '\e874'; }.uis-hospital-symbol:before { content: '\e875'; }.uis-user-md:before { content: '\e876'; }.uis-stethoscope:before { content: '\e877'; }.uis-file-minus:before { content: '\ea58'; }.uis-kid:before { content: '\ea59'; }.uis-files-landscapes-alt:before { content: '\ea5a'; }.uis-annoyed:before { content: '\ea5b'; }.uis-folder-minus:before { content: '\ea5c'; }.uis-file-plus:before { content: '\ea5d'; }.uis-file-landscape-alt:before { content: '\ea5e'; }.uis-file-shield-alt:before { content: '\ea5f'; }.uis-file:before { content: '\ea60'; }.uis-meh:before { content: '\ea61'; }.uis-file-lock-alt:before { content: '\ea62'; }.uis-copy-landscape:before { content: '\ea63'; }.uis-file-upload-alt:before { content: '\ea64'; }.uis-file-check-alt:before { content: '\ea65'; }.uis-file-search-alt:before { content: '\ea66'; }.uis-file-import:before { content: '\ea67'; }.uis-folder-upload:before { content: '\ea68'; }.uis-file-landscape:before { content: '\ea69'; }.uis-files-landscapes:before { content: '\ea6a'; }.uis-folder-network:before { content: '\ea6b'; }.uis-squint:before { content: '\ea6c'; }.uis-clipboard:before { content: '\ea6d'; }.uis-folder-info:before { content: '\ea6e'; }.uis-file-minus-alt:before { content: '\ea6f'; }.uis-folder-medical:before { content: '\ea70'; }.uis-file-question:before { content: '\ea71'; }.uis-document-info:before { content: '\ea72'; }.uis-file-export:before { content: '\ea73'; }.uis-file-question-alt:before { content: '\ea74'; }.uis-folder-question:before { content: '\ea75'; }.uis-file-plus-alt:before { content: '\ea76'; }.uis-file-medical:before { content: '\ea77'; }.uis-file-share-alt:before { content: '\ea78'; }.uis-books:before { content: '\ea79'; }.uis-file-heart:before { content: '\ea7a'; }.uis-folder-exclamation:before { content: '\ea7b'; }.uis-file-exclamation:before { content: '\ea7c'; }.uis-folder-download:before { content: '\ea7d'; }.uis-folder:before { content: '\ea7e'; }.uis-file-network:before { content: '\ea7f'; }.uis-clipboard-blank:before { content: '\ea80'; }.uis-file-contract-dollar:before { content: '\ea81'; }.uis-folder-open:before { content: '\ea82'; }.uis-folder-lock:before { content: '\ea83'; }.uis-folder-heart:before { content: '\ea84'; }.uis-copy:before { content: '\ea85'; }.uis-file-block-alt:before { content: '\ea86'; }.uis-location-pin-alt:before { content: '\ea87'; }.uis-file-blank:before { content: '\ea88'; }.uis-sick:before { content: '\ea89'; }.uis-location-arrow-alt:before { content: '\ea8a'; }.uis-map-marker-alt:before { content: '\ea8b'; }.uis-file-bookmark-alt:before { content: '\ea8c'; }.uis-map:before { content: '\ea8d'; }.uis-file-edit-alt:before { content: '\ea8e'; }.uis-file-download:before { content: '\ea8f'; }.uis-folder-times:before { content: '\ea90'; }.uis-copy-alt:before { content: '\ea91'; }.uis-folder-check:before { content: '\ea92'; }.uis-file-exclamation-alt:before { content: '\ea93'; }.uis-sign-right:before { content: '\ea94'; }.uis-file-times-alt:before { content: '\ea95'; }.uis-navigator:before { content: '\ea96'; }.uis-file-copy-alt:before { content: '\ea97'; }.uis-map-marker-minus:before { content: '\ea98'; }.uis-file-download-alt:before { content: '\ea99'; }.uis-medkit:before { content: '\ea9a'; }.uis-file-alt:before { content: '\ea9b'; }.uis-map-marker-question:before { content: '\ea9c'; }.uis-location-arrow:before { content: '\ea9d'; }.uis-map-marker-plus:before { content: '\ea9e'; }.uis-smile-dizzy:before { content: '\ea9f'; }.uis-sign-left:before { content: '\eaa0'; }.uis-clipboard-alt:before { content: '\eaa1'; }.uis-map-pin-alt:before { content: '\eaa2'; }.uis-map-pin:before { content: '\eaa3'; }.uis-heartbeat:before { content: '\eaa4'; }.uis-compass:before { content: '\eaa5'; }.uis-heart-rate:before { content: '\eaa6'; }.uis-map-marker-info:before { content: '\eaa7'; }.uis-map-marker:before { content: '\eaa8'; }.uis-ear:before { content: '\eaa9'; }.uis-directions:before { content: '\eaaa'; }.uis-sign-alt:before { content: '\eaab'; }.uis-stretcher:before { content: '\eaac'; }.uis-wheelchair-alt:before { content: '\eaad'; }.uis-monitor-heart-rate:before { content: '\eaae'; }.uis-thermometer:before { content: '\eaaf'; }.uis-assistive-listening-systems:before { content: '\eab0'; }.uis-capsule:before { content: '\eab1'; }.uis-heart-medical:before { content: '\eab2'; }.uis-ambulance:before { content: '\eab3'; }.uis-file-upload:before { content: '\eab4'; }.uis-medical-square-full:before { content: '\eab5'; }.uis-clipboard-notes:before { content: '\eab6'; }.uis-file-times:before { content: '\eab7'; }.uis-location-point:before { content: '\eab8'; }.uis-map-marker-edit:before { content: '\eab9'; }.uis-medical-drip:before { content: '\eaba'; }.uis-prescription-bottle:before { content: '\eabb'; }.uis-forward:before { content: '\eabc'; }.uis-equal-circle:before { content: '\eabd'; }.uis-file-medical-alt:before { content: '\eabe'; }.uis-compact-disc:before { content: '\eabf'; }.uis-image-times:before { content: '\eac0'; }.uis-book-medical:before { content: '\eac1'; }.uis-map-marker-shield:before { content: '\eac2'; }.uis-image-download:before { content: '\eac3'; }.uis-syringe:before { content: '\eac4'; }.uis-tablets:before { content: '\eac5'; }.uis-play:before { content: '\eac6'; }.uis-sliders-v:before { content: '\eac7'; }.uis-image-shield:before { content: '\eac8'; }.uis-slider-h-range:before { content: '\eac9'; }.uis-camera:before { content: '\eaca'; }.uis-pause-circle:before { content: '\eacb'; }.uis-image-edit:before { content: '\eacc'; }.uis-image-search:before { content: '\eacd'; }.uis-music-tune-slash:before { content: '\eace'; }.uis-slider-h:before { content: '\eacf'; }.uis-sliders-v-alt:before { content: '\ead0'; }.uis-camera-change:before { content: '\ead1'; }.uis-boombox:before { content: '\ead2'; }.uis-image-block:before { content: '\ead3'; }.uis-play-circle:before { content: '\ead4'; }.uis-pause:before { content: '\ead5'; }.uis-skip-forward-circle:before { content: '\ead6'; }.uis-image-plus:before { content: '\ead7'; }.uis-video:before { content: '\ead8'; }.uis-step-backward-alt:before { content: '\ead9'; }.uis-music:before { content: '\eada'; }.uis-image-check:before { content: '\eadb'; }.uis-step-backward-circle:before { content: '\eadc'; }.uis-clapper-board:before { content: '\eadd'; }.uis-backward:before { content: '\eade'; }.uis-skip-forward-alt:before { content: '\eadf'; }.uis-band-aid:before { content: '\eae0'; }.uis-selfie:before { content: '\eae1'; }.uis-step-backward:before { content: '\eae2'; }.uis-microphone-slash:before { content: '\eae3'; }.uis-ticket:before { content: '\eae4'; }.uis-music-note:before { content: '\eae5'; }.uis-medical-square:before { content: '\eae6'; }.uis-bolt-slash:before { content: '\eae7'; }.uis-image:before { content: '\eae8'; }.uis-rss-interface:before { content: '\eae9'; }.uis-headphones:before { content: '\eaea'; }.uis-camera-plus:before { content: '\eaeb'; }.uis-image-question:before { content: '\eaec'; }.uis-image-info:before { content: '\eaed'; }.uis-image-lock:before { content: '\eaee'; }.uis-image-redo:before { content: '\eaef'; }.uis-stop-circle:before { content: '\eaf0'; }.uis-image-minus:before { content: '\eaf1'; }.uis-flower:before { content: '\eaf2'; }.uis-image-upload:before { content: '\eaf3'; }.uis-image-share:before { content: '\eaf4'; }.uis-video-question:before { content: '\eaf5'; }.uis-shutter:before { content: '\eaf6'; }.uis-skip-forward:before { content: '\eaf7'; }.uis-capture:before { content: '\eaf8'; }.uis-shutter-alt:before { content: '\eaf9'; }.uis-mountains:before { content: '\eafa'; }.uis-image-broken:before { content: '\eafb'; }.uis-focus-target:before { content: '\eafc'; }.uis-shield-exclamation:before { content: '\eafd'; }.uis-bright:before { content: '\eafe'; }.uis-heart-alt:before { content: '\eaff'; }.uis-shield:before { content: '\eb00'; }.uis-focus:before { content: '\eb01'; }.uis-shield-check:before { content: '\eb02'; }.uis-headphone-slash:before { content: '\eb03'; }.uis-shield-question:before { content: '\eb04'; }.uis-gift:before { content: '\eb05'; }.uis-square-shape:before { content: '\eb06'; }.uis-square:before { content: '\eb07'; }.uis-shopping-cart:before { content: '\eb08'; }.uis-copyright:before { content: '\eb09'; }.uis-shopping-cart-alt:before { content: '\eb0a'; }.uis-label:before { content: '\eb0b'; }.uis-transaction:before { content: '\eb0c'; }.uis-trademark:before { content: '\eb0d'; }.uis-closed-captioning-slash:before { content: '\eb0e'; }.uis-exposure-increase:before { content: '\eb0f'; }.uis-mars:before { content: '\eb10'; }.uis-parking-square:before { content: '\eb11'; }.uis-focus-add:before { content: '\eb12'; }.uis-bowling-ball:before { content: '\eb13'; }.uis-closed-captioning:before { content: '\eb14'; }.uis-eye:before { content: '\eb15'; }.uis-store-alt:before { content: '\eb16'; }.uis-volleyball:before { content: '\eb17'; }.uis-exposure-alt:before { content: '\eb18'; }.uis-shopping-basket:before { content: '\eb19'; }.uis-parking-circle:before { content: '\eb1a'; }.uis-dice-six:before { content: '\eb1b'; }.uis-circle:before { content: '\eb1c'; }.uis-accessible-icon-alt:before { content: '\eb1d'; }.uis-ban:before { content: '\eb1e'; }.uis-store:before { content: '\eb1f'; }.uis-wheelchair:before { content: '\eb20'; }.uis-headphones-alt:before { content: '\eb21'; }.uis-kayak:before { content: '\eb22'; }.uis-heart:before { content: '\eb23'; }.uis-tennis-ball:before { content: '\eb24'; }.uis-dice-four:before { content: '\eb25'; }.uis-heart-sign:before { content: '\eb26'; }.uis-golf-ball:before { content: '\eb27'; }.uis-archive:before { content: '\eb28'; }.uis-shop:before { content: '\eb29'; }.uis-servicemark:before { content: '\eb2a'; }.uis-trophy:before { content: '\eb2b'; }.uis-octagon:before { content: '\eb2c'; }.uis-diamond:before { content: '\eb2d'; }.uis-dice-two:before { content: '\eb2e'; }.uis-basketball:before { content: '\eb2f'; }.uis-football:before { content: '\eb30'; }.uis-shield-slash:before { content: '\eb31'; }.uis-registered:before { content: '\eb32'; }.uis-tag-alt:before { content: '\eb33'; }.uis-shopping-bag:before { content: '\eb34'; }.uis-credit-card-search:before { content: '\eb35'; }.uis-venus:before { content: '\eb36'; }.uis-pricetag-alt:before { content: '\eb37'; }.uis-dice-one:before { content: '\eb38'; }.uis-club:before { content: '\eb39'; }.uis-football-ball:before { content: '\eb3a'; }.uis-trademark-circle:before { content: '\eb3b'; }.uis-dice-three:before { content: '\eb3c'; }.uis-qrcode-scan:before { content: '\eb3d'; }.uis-tag:before { content: '\eb3e'; }.uis-basketball-hoop:before { content: '\eb3f'; }.uis-truck:before { content: '\eb40'; }.uis-users-alt:before { content: '\eb41'; }.uis-label-alt:before { content: '\eb42'; }.uis-creative-commons-pd:before { content: '\eb43'; }.uis-bus:before { content: '\eb44'; }.uis-truck-loading:before { content: '\eb45'; }.uis-images:before { content: '\eb46'; }.uis-car-sideview:before { content: '\eb47'; }.uis-table-tennis:before { content: '\eb48'; }.uis-bus-alt:before { content: '\eb49'; }.uis-subway-alt:before { content: '\eb4a'; }.uis-user-times:before { content: '\eb4b'; }.uis-user-square:before { content: '\eb4c'; }.uis-user-exclamation:before { content: '\eb4d'; }.uis-bus-school:before { content: '\eb4e'; }.uis-stopwatch-slash:before { content: '\eb4f'; }.uis-wind:before { content: '\eb50'; }.uis-baseball-ball:before { content: '\eb51'; }.uis-user-location:before { content: '\eb52'; }.uis-ship:before { content: '\eb53'; }.uis-metro:before { content: '\eb54'; }.uis-dice-five:before { content: '\eb55'; }.uis-car-wash:before { content: '\eb56'; }.uis-user-plus:before { content: '\eb57'; }.uis-clouds:before { content: '\eb58'; }.uis-taxi:before { content: '\eb59'; }.uis-user-minus:before { content: '\eb5a'; }.uis-cloud-wind:before { content: '\eb5b'; }.uis-luggage-cart:before { content: '\eb5c'; }.uis-watch:before { content: '\eb5d'; }.uis-dumbbell:before { content: '\eb5e'; }.uis-user-check:before { content: '\eb5f'; }.uis-sunset:before { content: '\eb60'; }.uis-parcel:before { content: '\eb61'; }.uis-tornado:before { content: '\eb62'; }.uis-watch-alt:before { content: '\eb63'; }.uis-desert:before { content: '\eb64'; }.uis-book-reader:before { content: '\eb65'; }.uis-cloud-sun-rain:before { content: '\eb66'; }.uis-user:before { content: '\eb67'; }.uis-cloud:before { content: '\eb68'; }.uis-cloud-sun-tear:before { content: '\eb69'; }.uis-spade:before { content: '\eb6a'; }.uis-film:before { content: '\eb6b'; }.uis-subway:before { content: '\eb6c'; }.uis-windy:before { content: '\eb6d'; }.uis-cloud-sun-hail:before { content: '\eb6e'; }.uis-user-circle:before { content: '\eb6f'; }.uis-snowflake:before { content: '\eb70'; }.uis-raindrops-alt:before { content: '\eb71'; }.uis-cloud-sun-rain-alt:before { content: '\eb72'; }.uis-rainbow:before { content: '\eb73'; }.uis-thunderstorm-sun:before { content: '\eb74'; }.uis-fahrenheit:before { content: '\eb75'; }.uis-water:before { content: '\eb76'; }.uis-wind-sun:before { content: '\eb77'; }.uis-temperature-minus:before { content: '\eb78'; }.uis-thunderstorm-moon:before { content: '\eb79'; }.uis-cloud-showers:before { content: '\eb7a'; }.uis-temperature-quarter:before { content: '\eb7b'; }.uis-raindrops:before { content: '\eb7c'; }.uis-cloud-sun:before { content: '\eb7d'; }.uis-temperature-empty:before { content: '\eb7e'; }.uis-cloud-moon-showers:before { content: '\eb7f'; }.uis-cloud-moon:before { content: '\eb80'; }.uis-temperature-plus:before { content: '\eb81'; }.uis-n-a:before { content: '\eb82'; }.uis-cloud-moon-rain:before { content: '\eb83'; }.uis-cloud-rain-sun:before { content: '\eb84'; }.uis-adjust-half:before { content: '\eb85'; }.uis-temperature-three-quarter:before { content: '\eb86'; }.uis-moon-eclipse:before { content: '\eb87'; }.uis-temperature:before { content: '\eb88'; }.uis-snow-flake:before { content: '\eb89'; }.uis-mountains-sun:before { content: '\eb8a'; }.uis-cloud-showers-alt:before { content: '\eb8b'; }.uis-moon:before { content: '\eb8c'; }.uis-celsius:before { content: '\eb8d'; }.uis-thunderstorm:before { content: '\eb8e'; }.uis-car-slash:before { content: '\eb8f'; }.uis-cloud-moon-hail:before { content: '\eb90'; }.uis-temperature-half:before { content: '\eb91'; }.uis-cloud-showers-heavy:before { content: '\eb92'; }.uis-cloud-hail:before { content: '\eb93'; }.uis-cloud-meatball:before { content: '\eb94'; }.uis-snowflake-alt:before { content: '\eb95'; }.uis-moonset:before { content: '\eb96'; }.uis-wind-moon:before { content: '\eb97'; }.uis-cloud-drizzle:before { content: '\eb98'; }.uis-10-plus:before { content: '\eb99'; }.uis-forecastcloud-moon-tear:before { content: '\eb9a'; }.uis-plane-departure:before { content: '\eb9b'; }.uis-glass:before { content: '\eb9c'; }.uis-x-add:before { content: '\eb9d'; }.uis-6-plus:before { content: '\eb9e'; }.uis-cloud-sun-meatball:before { content: '\eb9f'; }.uis-cloud-moon-meatball:before { content: '\eba0'; }.uis-13-plus:before { content: '\eba1'; }.uis-windsock:before { content: '\eba2'; }.uis-wifi-slash:before { content: '\eba3'; }.uis-3-plus:before { content: '\eba4'; }.uis-21-plus:before { content: '\eba5'; }.uis-12-plus:before { content: '\eba6'; }.uis-search-plus:before { content: '\eba7'; }.uis-plus-square:before { content: '\eba8'; }.uis-18-plus:before { content: '\eba9'; }.uis-cube:before { content: '\ebaa'; }.uis-0-plus:before { content: '\ebab'; }.uis-wifi:before { content: '\ebac'; }.uis-adjust-circle:before { content: '\ebad'; }.uis-trash-alt:before { content: '\ebae'; }.uis-x:before { content: '\ebaf'; }.uis-adjust-alt:before { content: '\ebb0'; }.uis-volume-off:before { content: '\ebb1'; }.uis-trees:before { content: '\ebb2'; }.uis-glass-martini:before { content: '\ebb3'; }.uis-tv-retro:before { content: '\ebb4'; }.uis-tear:before { content: '\ebb5'; }.uis-streering:before { content: '\ebb6'; }.uis-search-minus:before { content: '\ebb7'; }.uis-17-plus:before { content: '\ebb8'; }.uis-plus-circle:before { content: '\ebb9'; }.uis-video-slash:before { content: '\ebba'; }.uis-tachometer-fast:before { content: '\ebbb'; }.uis-hourglass:before { content: '\ebbc'; }.uis-link-add:before { content: '\ebbd'; }.uis-voicemail:before { content: '\ebbe'; }.uis-plus:before { content: '\ebbf'; }.uis-crockery:before { content: '\ebc0'; }.uis-glass-tea:before { content: '\ebc1'; }.uis-bookmark-full:before { content: '\ebc2'; }.uis-rss:before { content: '\ebc3'; }.uis-car:before { content: '\ebc4'; }.uis-cog:before { content: '\ebc5'; }.uis-traffic-light:before { content: '\ebc6'; }.uis-rope-way:before { content: '\ebc7'; }.uis-trash:before { content: '\ebc8'; }.uis-utensils-alt:before { content: '\ebc9'; }.uis-pizza-slice:before { content: '\ebca'; }.uis-swimmer:before { content: '\ebcb'; }.uis-volume-down:before { content: '\ebcc'; }.uis-bed:before { content: '\ebcd'; }.uis-message:before { content: '\ebce'; }.uis-upload:before { content: '\ebcf'; }.uis-umbrella:before { content: '\ebd0'; }.uis-sync:before { content: '\ebd1'; }.uis-voicemail-rectangle:before { content: '\ebd2'; }.uis-rotate-360:before { content: '\ebd3'; }.uis-dashboard:before { content: '\ebd4'; }.uis-calendar-slash:before { content: '\ebd5'; }.uis-search-alt:before { content: '\ebd6'; }.uis-plane-fly:before { content: '\ebd7'; }.uis-wrench:before { content: '\ebd8'; }.uis-addition:before { content: '\ebd9'; }.uis-question:before { content: '\ebda'; }.uis-minus:before { content: '\ebdb'; }.uis-edit:before { content: '\ebdc'; }.uis-bolt:before { content: '\ebdd'; }.uis-sign-in-alt:before { content: '\ebde'; }.uis-tv-retro-slash:before { content: '\ebdf'; }.uis-share-alt:before { content: '\ebe0'; }.uis-sign-out-alt:before { content: '\ebe1'; }.uis-power:before { content: '\ebe2'; }.uis-water-drop-slash:before { content: '\ebe3'; }.uis-wallet:before { content: '\ebe4'; }.uis-pen:before { content: '\ebe5'; }.uis-mobile-vibrate:before { content: '\ebe6'; }.uis-bell:before { content: '\ebe7'; }.uis-edit-alt:before { content: '\ebe8'; }.uis-eye-slash:before { content: '\ebe9'; }.uis-layers:before { content: '\ebea'; }.uis-camera-slash:before { content: '\ebeb'; }.uis-bag-slash:before { content: '\ebec'; }.uis-brightness:before { content: '\ebed'; }.uis-money-bill-slash:before { content: '\ebee'; }.uis-brightness-minus:before { content: '\ebef'; }.uis-package:before { content: '\ebf0'; }.uis-comment-slash:before { content: '\ebf1'; }.uis-bell-slash:before { content: '\ebf2'; }.uis-comment-alt-slash:before { content: '\ebf3'; }.uis-newspaper:before { content: '\ebf4'; }.uis-asterisk:before { content: '\ebf5'; }.uis-lamp:before { content: '\ebf6'; }.uis-image-alt-slash:before { content: '\ebf7'; }.uis-image-slash:before { content: '\ebf8'; }.uis-file-slash:before { content: '\ebf9'; }.uis-brightness-half:before { content: '\ebfa'; }.uis-map-marker-slash:before { content: '\ebfb'; }.uis-glass-martini-alt:before { content: '\ebfc'; }.uis-archive-alt:before { content: '\ebfd'; }.uis-file-lanscape-slash:before { content: '\ebfe'; }.uis-minus-square:before { content: '\ebff'; }.uis-brightness-low:before { content: '\ec00'; }.uis-volume:before { content: '\ec01'; }.uis-folder-slash:before { content: '\ec02'; }.uis-glass-martini-alt-slash:before { content: '\ec03'; }.uis-print-slash:before { content: '\ec04'; }.uis-signin:before { content: '\ec05'; }.uis-inbox:before { content: '\ec06'; }.uis-link-alt:before { content: '\ec07'; }.uis-lock-slash:before { content: '\ec08'; }.uis-life-ring:before { content: '\ec09'; }.uis-brightness-empty:before { content: '\ec0a'; }.uis-volume-mute:before { content: '\ec0b'; }.uis-search:before { content: '\ec0c'; }.uis-microphone:before { content: '\ec0d'; }.uis-thumbs-up:before { content: '\ec0e'; }.uis-draggabledots:before { content: '\ec0f'; }.uis-signal:before { content: '\ec10'; }.uis-keyboard-show:before { content: '\ec11'; }.uis-keyboard-hide:before { content: '\ec12'; }.uis-minus-circle:before { content: '\ec13'; }.uis-keyboard:before { content: '\ec14'; }.uis-home:before { content: '\ec15'; }.uis-plane-arrival:before { content: '\ec16'; }.uis-filter-slash:before { content: '\ec17'; }.uis-brightness-plus:before { content: '\ec18'; }.uis-exclamation:before { content: '\ec19'; }.uis-globe:before { content: '\ec1a'; }.uis-home-alt:before { content: '\ec1b'; }.uis-info-circle:before { content: '\ec1c'; }.uis-link:before { content: '\ec1d'; }.uis-thumbs-down:before { content: '\ec1e'; }.uis-restaurant:before { content: '\ec1f'; }.uis-sun:before { content: '\ec20'; }.uis-calculator:before { content: '\ec21'; }.uis-adjust:before { content: '\ec22'; }.uis-heart-break:before { content: '\ec23'; }.uis-cloud-rain:before { content: '\ec24'; }.uis-feedback:before { content: '\ec25'; }.uis-water-glass:before { content: '\ec26'; }.uis-info:before { content: '\ec27'; }.uis-volume-up:before { content: '\ec28'; }.uis-plug:before { content: '\ec29'; }.uis-filter:before { content: '\ec2a'; }.uis-tachometer-fast-alt:before { content: '\ec2b'; }.uis-box:before { content: '\ec2c'; }.uis-coffee:before { content: '\ec2d'; }.uis-external-link-alt:before { content: '\ec2e'; }.uis-bluetooth-b:before { content: '\ec2f'; }.uis-android-phone-slash:before { content: '\ec30'; }.uis-fire:before { content: '\ec31'; }.uis-times:before { content: '\ec32'; }.uis-pump:before { content: '\ec33'; }.uis-auto-flash:before { content: '\ec34'; }.uis-desktop-alt-slash:before { content: '\ec35'; }.uis-cancel:before { content: '\ec36'; }.uis-link-broken:before { content: '\ec37'; }.uis-ankh:before { content: '\ec38'; }.uis-card-atm:before { content: '\ec39'; }.uis-times-square:before { content: '\ec3a'; }.uis-question-circle:before { content: '\ec3b'; }.uis-create-dashboard:before { content: '\ec3c'; }.uis-desktop-slash:before { content: '\ec3d'; }.uis-building:before { content: '\ec3e'; }.uis-setting:before { content: '\ec3f'; }.uis-archway:before { content: '\ec40'; }.uis-bullseye:before { content: '\ec41'; }.uis-layer-group-slash:before { content: '\ec42'; }.uis-layers-slash:before { content: '\ec43'; }.uis-bolt-alt:before { content: '\ec44'; }.uis-sim-card:before { content: '\ec45'; }.uis-balance-scale:before { content: '\ec46'; }.uis-baby-carriage:before { content: '\ec47'; }.uis-yin-yang:before { content: '\ec48'; }.uis-megaphone:before { content: '\ec49'; }.uis-swatchbook:before { content: '\ec4a'; }.uis-bath:before { content: '\ec4b'; }.uis-bed-double:before { content: '\ec4c'; }.uis-save:before { content: '\ec4d'; }.uis-16-plus:before { content: '\ec4e'; }.uis-football-american:before { content: '\ec4f'; }.uis-plane:before { content: '\ec50'; }.uis-backspace:before { content: '\ec51'; }.uis-utensils:before { content: '\ec52'; }.uis-keyboard-alt:before { content: '\ec53'; }.uis-illustration:before { content: '\ec54'; }.uis-icons:before { content: '\ec55'; }.uis-file-contract:before { content: '\ec56'; }.uis-fidget-spinner:before { content: '\ec57'; }.uis-elipsis-double-v-alt:before { content: '\ec58'; }.uis-spinner-alt:before { content: '\ec59'; }.uis-list-ol:before { content: '\ec5a'; }.uis-list-ol-alt:before { content: '\ec5b'; }.uis-spinner:before { content: '\ec5c'; }.uis-fidget-spinner-alt:before { content: '\ec5d'; }.uis-record-audio:before { content: '\e878'; }.uis-lock-access:before { content: '\e879'; }.uis-previous:before { content: '\e87a'; }.uis-lock-alt:before { content: '\e87b'; }.uis-coronavirus:before { content: '\e87c'; }.uis-sanitizer:before { content: '\e87d'; }.uis-airplay:before { content: '\e87e'; }.uis-clock-seven:before { content: '\e87f'; }.uis-keyhole-square-full:before { content: '\e880'; }.uis-padlock:before { content: '\e881'; }.uis-scenery:before { content: '\e882'; }.uis-keyhole-circle:before { content: '\e883'; }.uis-pentagon:before { content: '\e884'; }.uis-triangle:before { content: '\e885'; }.uis-unlock:before { content: '\e886'; }.uis-clock-ten:before { content: '\e887'; }.uis-lock:before { content: '\e888'; }.uis-unlock-alt:before { content: '\e889'; }.uis-keyhole-square:before { content: '\e88a'; }.uis-clock-three:before { content: '\e88b'; }.uis-shield-plus:before { content: '\e88c'; }.uis-clock-five:before { content: '\e88d'; }.uis-star:before { content: '\e88e'; }.uis-polygon:before { content: '\e88f'; }.uis-th-large:before { content: '\e890'; }.uis-clock-nine:before { content: '\e891'; }.uis-step-forward:before { content: '\e892'; }.uis-clock:before { content: '\e893'; }.uis-clock-eight:before { content: '\e894'; }.uis-sync-slash:before { content: '\e895'; }.uis-star-half-alt:before { content: '\e896'; }.uis-ellipsis-h:before { content: '\e897'; }.uis-sync-exclamation:before { content: '\e898'; }.uis-exclamation-triangle:before { content: '\e899'; }.uis-key-skeleton:before { content: '\e89a'; }.uis-favorite:before { content: '\e89b'; }.uis-check-square:before { content: '\e89c'; }.uis-signout:before { content: '\e89d'; }.uis-process:before { content: '\e89e'; }.uis-exclamation-circle:before { content: '\e89f'; }.uis-key-skeleton-alt:before { content: '\e8a0'; }.uis-minus-square-full:before { content: '\e8a1'; }.uis-link-h:before { content: '\e8a2'; }.uis-multiply:before { content: '\e8a3'; }.uis-history-alt:before { content: '\e8a4'; }.uis-layer-group:before { content: '\e8a5'; }.uis-battery-empty:before { content: '\e8a6'; }.uis-clock-two:before { content: '\e8a7'; }.uis-battery-bolt:before { content: '\e8a8'; }.uis-redo:before { content: '\e8a9'; }.uis-calender:before { content: '\e8aa'; }.uis-times-circle:before { content: '\e8ab'; }.uis-toggle-on:before { content: '\e8ac'; }.uis-exclamation-octagon:before { content: '\e8ad'; }.uis-signal-alt:before { content: '\e8ae'; }.uis-history:before { content: '\e8af'; }.uis-stopwatch:before { content: '\e8b0'; }.uis-lock-open-alt:before { content: '\e8b1'; }.uis-toggle-off:before { content: '\e8b2'; }.uis-space-key:before { content: '\e8b3'; }.uis-bookmark:before { content: '\e8b4'; }.uis-anchor:before { content: '\e8b5'; }.uis-refresh:before { content: '\e8b6'; }.uis-rocket:before { content: '\e8b7'; }.uis-ellipsis-v:before { content: '\e8b8'; }.uis-at:before { content: '\e8b9'; }.uis-paperclip:before { content: '\e8ba'; }.uis-check:before { content: '\e8bb'; }.uis-check-circle:before { content: '\e8bc'; }.uis-arrow:before { content: '\e8bd'; }.uis-arrows-right-down:before { content: '\e8be'; }.uis-arrows-shrink-v:before { content: '\e8bf'; }.uis-arrow-to-right:before { content: '\e8c0'; }.uis-arrows-resize-v:before { content: '\e8c1'; }.uis-top-arrow-to-top:before { content: '\e8c2'; }.uis-top-arrow-from-top:before { content: '\e8c3'; }.uis-arrows-shrink-h:before { content: '\e8c4'; }.uis-compress-alt:before { content: '\e8c5'; }.uis-arrow-growth:before { content: '\e8c6'; }.uis-angle-left-b:before { content: '\e8c7'; }.uis-left-arrow-to-left:before { content: '\e8c8'; }.uis-corner-down-right-alt:before { content: '\e8c9'; }.uis-expand-arrows-alt:before { content: '\e8ca'; }.uis-arrows-merge:before { content: '\e8cb'; }.uis-align-center-v:before { content: '\e8cc'; }.uis-expand-alt:before { content: '\e8cd'; }.uis-arrow-compress-h:before { content: '\e8ce'; }.uis-corner-up-left-alt:before { content: '\e8cf'; }.uis-expand-arrows:before { content: '\e8d0'; }.uis-corner-up-right-alt:before { content: '\e8d1'; }.uis-export:before { content: '\e8d2'; }.uis-maximize-left:before { content: '\e8d3'; }.uis-arrows-h:before { content: '\e8d4'; }.uis-arrow-from-right:before { content: '\e8d5'; }.uis-arrows-up-right:before { content: '\e8d6'; }.uis-arrows-resize-h:before { content: '\e8d7'; }.uis-align-center-h:before { content: '\e8d8'; }.uis-arrow-break:before { content: '\e8d9'; }.uis-sort:before { content: '\e8da'; }.uis-left-arrow-from-left:before { content: '\e8db'; }.uis-arrows-left-down:before { content: '\e8dc'; }.uis-exchange:before { content: '\e8dd'; }.uis-expand-left:before { content: '\e8de'; }.uis-scaling-right:before { content: '\e8df'; }.uis-exchange-alt:before { content: '\e8e0'; }.uis-arrows-h-alt:before { content: '\e8e1'; }.uis-arrow-from-top:before { content: '\e8e2'; }.uis-compress-alt-left:before { content: '\e8e3'; }.uis-arrow-to-bottom:before { content: '\e8e4'; }.uis-chart-down:before { content: '\e8e5'; }.uis-arrow-random:before { content: '\e8e6'; }.uis-caret-right:before { content: '\e8e7'; }.uis-import:before { content: '\e8e8'; }.uis-arrow-resize-diagonal:before { content: '\e8e9'; }.uis-expand-right:before { content: '\e8ea'; }.uis-scaling-left:before { content: '\e8eb'; }.uis-arrows-maximize:before { content: '\e8ec'; }.uis-compress-arrows:before { content: '\e8ed'; }.uis-arrows-v-alt:before { content: '\e8ee'; }.uis-arrow-right:before { content: '\e8ef'; }.uis-arrow-left:before { content: '\e8f0'; }.uis-arrow-up:before { content: '\e8f1'; }.uis-arrow-down:before { content: '\e8f2'; }.uis-compress-point:before { content: '\e8f3'; }.uis-scroll:before { content: '\e8f4'; }.uis-enter:before { content: '\e8f5'; }.uis-arrows-resize:before { content: '\e8f6'; }.uis-shuffle:before { content: '\e8f7'; }.uis-scroll-h:before { content: '\e8f8'; }.uis-expand-from-corner:before { content: '\e8f9'; }.uis-arrows-v:before { content: '\e8fa'; }.uis-suitcase-alt:before { content: '\e8fb'; }.uis-bitcoin-sign:before { content: '\e8fc'; }.uis-dollar-sign-alt:before { content: '\e8fd'; }.uis-money-bill-stack:before { content: '\e8fe'; }.uis-money-bill:before { content: '\e8ff'; }.uis-credit-card:before { content: '\e900'; }.uis-sitemap:before { content: '\e901'; }.uis-yen-circle:before { content: '\e902'; }.uis-panel-add:before { content: '\e903'; }.uis-receipt-alt:before { content: '\e904'; }.uis-bitcoin-circle:before { content: '\e905'; }.uis-puzzle-piece:before { content: '\e906'; }.uis-calendar-alt:before { content: '\e907'; }.uis-dollar-sign:before { content: '\e908'; }.uis-lightbulb:before { content: '\e909'; }.uis-comparison:before { content: '\e90a'; }.uis-usd-square:before { content: '\e90b'; }.uis-lira-sign:before { content: '\e90c'; }.uis-calculator-alt:before { content: '\e90d'; }.uis-chart-pie-alt:before { content: '\e90e'; }.uis-crosshairs:before { content: '\e90f'; }.uis-moneybag:before { content: '\e910'; }.uis-pound:before { content: '\e911'; }.uis-chart-growth-alt:before { content: '\e912'; }.uis-money-withdraw:before { content: '\e913'; }.uis-chart-bar:before { content: '\e914'; }.uis-euro-circle:before { content: '\e915'; }.uis-money-stack:before { content: '\e916'; }.uis-coins:before { content: '\e917'; }.uis-chart-line:before { content: '\e918'; }.uis-dollar-alt:before { content: '\e919'; }.uis-moneybag-alt:before { content: '\e91a'; }.uis-pound-circle:before { content: '\e91b'; }.uis-gold:before { content: '\e91c'; }.uis-rupee-sign:before { content: '\e91d'; }.uis-percentage:before { content: '\e91e'; }.uis-crosshair-alt:before { content: '\e91f'; }.uis-bag-alt:before { content: '\e920'; }.uis-crosshair:before { content: '\e921'; }.uis-presentation-line:before { content: '\e922'; }.uis-chart-growth:before { content: '\e923'; }.uis-money-insert:before { content: '\e924'; }.uis-receipt:before { content: '\e925'; }.uis-university:before { content: '\e926'; }.uis-euro:before { content: '\e927'; }.uis-briefcase-alt:before { content: '\e928'; }.uis-yen:before { content: '\e929'; }.uis-suitcase:before { content: '\e92a'; }.uis-lightbulb-alt:before { content: '\e92b'; }.uis-invoice:before { content: '\e92c'; }.uis-hunting:before { content: '\e92d'; }.uis-comment-add:before { content: '\e92e'; }.uis-comment-alt-search:before { content: '\e92f'; }.uis-money-withdrawal:before { content: '\e930'; }.uis-usd-circle:before { content: '\e931'; }.uis-comment-alt-chart-lines:before { content: '\e932'; }.uis-chart-bar-alt:before { content: '\e933'; }.uis-comment-alt-info:before { content: '\e934'; }.uis-comment-shield:before { content: '\e935'; }.uis-comment-block:before { content: '\e936'; }.uis-comment-info:before { content: '\e937'; }.uis-comment-chart-line:before { content: '\e938'; }.uis-comment-exclamation:before { content: '\e939'; }.uis-comment-alt-message:before { content: '\e93a'; }.uis-comment-image:before { content: '\e93b'; }.uis-comment-alt-plus:before { content: '\e93c'; }.uis-comment-alt-block:before { content: '\e93d'; }.uis-comment-lines:before { content: '\e93e'; }.uis-comment-message:before { content: '\e93f'; }.uis-comment-medical:before { content: '\e940'; }.uis-comment-alt-notes:before { content: '\e941'; }.uis-comment-alt:before { content: '\e942'; }.uis-comment-verify:before { content: '\e943'; }.uis-comment-redo:before { content: '\e944'; }.uis-comment-upload:before { content: '\e945'; }.uis-comment-alt-check:before { content: '\e946'; }.uis-share:before { content: '\e947'; }.uis-comment-notes:before { content: '\e948'; }.uis-comment-alt-redo:before { content: '\e949'; }.uis-comment-alt-image:before { content: '\e94a'; }.uis-comment-download:before { content: '\e94b'; }.uis-comment-alt-lock:before { content: '\e94c'; }.uis-comment-share:before { content: '\e94d'; }.uis-comment-alt-heart:before { content: '\e94e'; }.uis-chat-bubble-user:before { content: '\e94f'; }.uis-comment-alt-download:before { content: '\e950'; }.uis-comment:before { content: '\e951'; }.uis-comment-alt-shield:before { content: '\e952'; }.uis-comment-check:before { content: '\e953'; }.uis-comment-edit:before { content: '\e954'; }.uis-comment-alt-question:before { content: '\e955'; }.uis-comment-question:before { content: '\e956'; }.uis-comments:before { content: '\e957'; }.uis-comment-alt-share:before { content: '\e958'; }.uis-comments-alt:before { content: '\e959'; }.uis-chat:before { content: '\e95a'; }.uis-comment-alt-dots:before { content: '\e95b'; }.uis-comment-alt-upload:before { content: '\e95c'; }.uis-chat-info:before { content: '\e95d'; }.uis-comment-heart:before { content: '\e95e'; }.uis-comment-search:before { content: '\e95f'; }.uis-comment-alt-lines:before { content: '\e960'; }.uis-comment-alt-exclamation:before { content: '\e961'; }.uis-comment-alt-medical:before { content: '\e962'; }.uis-comment-alt-edit:before { content: '\e963'; }.uis-comment-lock:before { content: '\e964'; }.uis-comment-plus:before { content: '\e965'; }.uis-comment-info-alt:before { content: '\e966'; }.uis-comment-alt-verify:before { content: '\e967'; }.uis-cloud-wifi:before { content: '\e968'; }.uis-cloud-download:before { content: '\e969'; }.uis-data-sharing:before { content: '\e96a'; }.uis-bug:before { content: '\e96b'; }.uis-cloud-question:before { content: '\e96c'; }.uis-server:before { content: '\e96d'; }.uis-cloud-computing:before { content: '\e96e'; }.uis-cloud-shield:before { content: '\e96f'; }.uis-cloud-database-tree:before { content: '\e970'; }.uis-cloud-redo:before { content: '\e971'; }.uis-cloud-lock:before { content: '\e972'; }.uis-database:before { content: '\e973'; }.uis-cloud-heart:before { content: '\e974'; }.uis-cloud-info:before { content: '\e975'; }.uis-cloud-upload:before { content: '\e976'; }.uis-channel-add:before { content: '\e977'; }.uis-channel:before { content: '\e978'; }.uis-cloud-exclamation:before { content: '\e979'; }.uis-cloud-unlock:before { content: '\e97a'; }.uis-server-alt:before { content: '\e97b'; }.uis-cloud-data-connection:before { content: '\e97c'; }.uis-post-stamp:before { content: '\e97d'; }.uis-brackets-curly:before { content: '\e97e'; }.uis-cloud-share:before { content: '\e97f'; }.uis-cloud-times:before { content: '\e980'; }.uis-code-branch:before { content: '\e981'; }.uis-window-restore:before { content: '\e982'; }.uis-calling:before { content: '\e983'; }.uis-servers:before { content: '\e984'; }.uis-envelope-alt:before { content: '\e985'; }.uis-mailbox:before { content: '\e986'; }.uis-server-network:before { content: '\e987'; }.uis-phone-alt:before { content: '\e988'; }.uis-phone-times:before { content: '\e989'; }.uis-envelope-times:before { content: '\e98a'; }.uis-phone-slash:before { content: '\e98b'; }.uis-window:before { content: '\e98c'; }.uis-cloud-check:before { content: '\e98d'; }.uis-envelope-block:before { content: '\e98e'; }.uis-phone-pause:before { content: '\e98f'; }.uis-server-connection:before { content: '\e990'; }.uis-bill:before { content: '\e991'; }.uis-envelope-add:before { content: '\e992'; }.uis-cloud-slash:before { content: '\e993'; }.uis-cloud-block:before { content: '\e994'; }.uis-phone-volume:before { content: '\e995'; }.uis-desktop-cloud-alt:before { content: '\e996'; }.uis-envelope-receive:before { content: '\e997'; }.uis-phone:before { content: '\e998'; }.uis-incoming-call:before { content: '\e999'; }.uis-outgoing-call:before { content: '\e99a'; }.uis-missed-call:before { content: '\e99b'; }.uis-envelope-upload-alt:before { content: '\e99c'; }.uis-cloud-bookmark:before { content: '\e99d'; }.uis-envelope-star:before { content: '\e99e'; }.uis-mailbox-alt:before { content: '\e99f'; }.uis-envelope-shield:before { content: '\e9a0'; }.uis-envelope-bookmark:before { content: '\e9a1'; }.uis-envelope-download-alt:before { content: '\e9a2'; }.uis-database-alt:before { content: '\e9a3'; }.uis-envelope-share:before { content: '\e9a4'; }.uis-envelope-lock:before { content: '\e9a5'; }.uis-forwaded-call:before { content: '\e9a6'; }.uis-envelope-upload:before { content: '\e9a7'; }.uis-fast-mail:before { content: '\e9a8'; }.uis-server-network-alt:before { content: '\e9a9'; }.uis-traffic-barrier:before { content: '\e9aa'; }.uis-no-entry:before { content: '\e9ab'; }.uis-laptop-cloud:before { content: '\e9ac'; }.uis-tape:before { content: '\e9ad'; }.uis-envelope-info:before { content: '\e9ae'; }.uis-envelope-send:before { content: '\e9af'; }.uis-wall:before { content: '\e9b0'; }.uis-envelope-open:before { content: '\e9b1'; }.uis-rss-alt:before { content: '\e9b2'; }.uis-envelope:before { content: '\e9b3'; }.uis-envelopes:before { content: '\e9b4'; }.uis-constructor:before { content: '\e9b5'; }.uis-envelope-search:before { content: '\e9b6'; }.uis-laptop-connection:before { content: '\e9b7'; }.uis-trowel:before { content: '\e9b8'; }.uis-hindi-to-chinese:before { content: '\e9b9'; }.uis-bold:before { content: '\e9ba'; }.uis-hard-hat:before { content: '\e9bb'; }.uis-sort-amount-up:before { content: '\e9bc'; }.uis-left-to-right-text-direction:before { content: '\e9bd'; }.uis-envelope-download:before { content: '\e9be'; }.uis-envelope-redo:before { content: '\e9bf'; }.uis-jackhammer:before { content: '\e9c0'; }.uis-letter-chinese-a:before { content: '\e9c1'; }.uis-right-to-left-text-direction:before { content: '\e9c2'; }.uis-letter-japanese-a:before { content: '\e9c3'; }.uis-shovel:before { content: '\e9c4'; }.uis-envelope-check:before { content: '\e9c5'; }.uis-text:before { content: '\e9c6'; }.uis-screw:before { content: '\e9c7'; }.uis-letter-hindi-a:before { content: '\e9c8'; }.uis-italic:before { content: '\e9c9'; }.uis-wheel-barrow:before { content: '\e9ca'; }.uis-dialpad-alt:before { content: '\e9cb'; }.uis-sort-amount-down:before { content: '\e9cc'; }.uis-paint-tool:before { content: '\e9cd'; }.uis-fast-mail-alt:before { content: '\e9ce'; }.uis-postcard:before { content: '\e9cf'; }.uis-language:before { content: '\e9d0'; }.uis-text-strike-through:before { content: '\e9d1'; }.uis-envelope-exclamation:before { content: '\e9d2'; }.uis-drill:before { content: '\e9d3'; }.uis-text-fields:before { content: '\e9d4'; }.uis-envelope-question:before { content: '\e9d5'; }.uis-sigma:before { content: '\e9d6'; }.uis-english-to-chinese:before { content: '\e9d7'; }.uis-align-center-alt:before { content: '\e9d8'; }.uis-letter-english-a:before { content: '\e9d9'; }.uis-envelope-edit:before { content: '\e9da'; }.uis-envelope-heart:before { content: '\e9db'; }.uis-font:before { content: '\e9dc'; }.uis-underline:before { content: '\e9dd'; }.uis-text-size:before { content: '\e9de'; }.uis-envelope-minus:before { content: '\e9df'; }.uis-brush-alt:before { content: '\e9e0'; }.uis-vertical-align-bottom:before { content: '\e9e1'; }.uis-vertical-align-top:before { content: '\e9e2'; }.uis-vertical-distribution-center:before { content: '\e9e3'; }.uis-horizontal-align-center:before { content: '\e9e4'; }.uis-spin:before { content: '\e9e5'; }.uis-compress-v:before { content: '\e9e6'; }.uis-minus-path:before { content: '\e9e7'; }.uis-horizontal-align-right:before { content: '\e9e8'; }.uis-bring-front:before { content: '\e9e9'; }.uis-panorama-v:before { content: '\e9ea'; }.uis-shrink:before { content: '\e9eb'; }.uis-palette:before { content: '\e9ec'; }.uis-pathfinder:before { content: '\e9ed'; }.uis-line-alt:before { content: '\e9ee'; }.uis-vertical-align-center:before { content: '\e9ef'; }.uis-horizontal-distribution-right:before { content: '\e9f0'; }.uis-panorama-h:before { content: '\e9f1'; }.uis-image-resize-square:before { content: '\e9f2'; }.uis-horizontal-distribution-left:before { content: '\e9f3'; }.uis-compress-lines:before { content: '\e9f4'; }.uis-crop-alt-rotate-left:before { content: '\e9f5'; }.uis-th:before { content: '\e9f6'; }.uis-th-slash:before { content: '\e9f7'; }.uis-crop-alt:before { content: '\e9f8'; }.uis-bring-bottom:before { content: '\e9f9'; }.uis-panorama-h-alt:before { content: '\e9fa'; }.uis-pathfinder-unite:before { content: '\e9fb'; }.uis-exclude:before { content: '\e9fc'; }.uis-vertical-distribute-bottom:before { content: '\e9fd'; }.uis-vertical-distribution-top:before { content: '\e9fe'; }.uis-horizontal-distribution-center:before { content: '\e9ff'; }.uis-modem:before { content: '\ea00'; }.uis-laptop:before { content: '\ea01'; }.uis-webcam:before { content: '\ea02'; }.uis-monitor:before { content: '\ea03'; }.uis-processor:before { content: '\ea04'; }.uis-print:before { content: '\ea05'; }.uis-mouse-alt-2:before { content: '\ea06'; }.uis-image-resize-landscape:before { content: '\ea07'; }.uis-weight:before { content: '\ea08'; }.uis-presentation-check:before { content: '\ea09'; }.uis-backpack:before { content: '\ea0a'; }.uis-desktop-alt:before { content: '\ea0b'; }.uis-robot:before { content: '\ea0c'; }.uis-mobile-android:before { content: '\ea0d'; }.uis-circuit:before { content: '\ea0e'; }.uis-wifi-router:before { content: '\ea0f'; }.uis-crop-alt-rotate-right:before { content: '\ea10'; }.uis-desktop:before { content: '\ea11'; }.uis-hdd:before { content: '\ea12'; }.uis-mouse:before { content: '\ea13'; }.uis-telescope:before { content: '\ea14'; }.uis-game-structure:before { content: '\ea15'; }.uis-flask:before { content: '\ea16'; }.uis-tablet:before { content: '\ea17'; }.uis-podium:before { content: '\ea18'; }.uis-bell-school:before { content: '\ea19'; }.uis-mouse-alt:before { content: '\ea1a'; }.uis-award:before { content: '\ea1b'; }.uis-flask-potion:before { content: '\ea1c'; }.uis-abacus:before { content: '\ea1d'; }.uis-book:before { content: '\ea1e'; }.uis-brain:before { content: '\ea1f'; }.uis-graduation-cap:before { content: '\ea20'; }.uis-dna:before { content: '\ea21'; }.uis-diary:before { content: '\ea22'; }.uis-presentation-lines-alt:before { content: '\ea23'; }.uis-book-open:before { content: '\ea24'; }.uis-ninja:before { content: '\ea25'; }.uis-notebooks:before { content: '\ea26'; }.uis-presentation-times:before { content: '\ea27'; }.uis-award-alt:before { content: '\ea28'; }.uis-presentation-plus:before { content: '\ea29'; }.uis-atom:before { content: '\ea2a'; }.uis-notes:before { content: '\ea2b'; }.uis-cell:before { content: '\ea2c'; }.uis-sad-crying:before { content: '\ea2d'; }.uis-smile-wink-alt:before { content: '\ea2e'; }.uis-diary-alt:before { content: '\ea2f'; }.uis-mobile-android-alt:before { content: '\ea30'; }.uis-smile-squint-wink-alt:before { content: '\ea31'; }.uis-nerd:before { content: '\ea32'; }.uis-sperms:before { content: '\ea33'; }.uis-angry:before { content: '\ea34'; }.uis-presentation-minus:before { content: '\ea35'; }.uis-presentation:before { content: '\ea36'; }.uis-medal:before { content: '\ea37'; }.uis-smile-squint-wink:before { content: '\ea38'; }.uis-smile-wink:before { content: '\ea39'; }.uis-meeting-board:before { content: '\ea3a'; }.uis-meh-closed-eye:before { content: '\ea3b'; }.uis-book-alt:before { content: '\ea3c'; }.uis-sad:before { content: '\ea3d'; }.uis-grin-tongue-wink:before { content: '\ea3e'; }.uis-grin-tongue-wink-alt:before { content: '\ea3f'; }.uis-presentation-edit:before { content: '\ea40'; }.uis-presentation-play:before { content: '\ea41'; }.uis-silence:before { content: '\ea42'; }.uis-silent-squint:before { content: '\ea43'; }.uis-sad-squint:before { content: '\ea44'; }.uis-surprise:before { content: '\ea45'; }.uis-grin:before { content: '\ea46'; }.uis-confused:before { content: '\ea47'; }.uis-smile-beam:before { content: '\ea48'; }.uis-smile:before { content: '\ea49'; }.uis-frown:before { content: '\ea4a'; }.uis-sad-cry:before { content: '\ea4b'; }.uis-meh-alt:before { content: '\ea4c'; }.uis-sad-dizzy:before { content: '\ea4d'; }.uis-unamused:before { content: '\ea4e'; }.uis-file-check:before { content: '\ea4f'; }.uis-annoyed-alt:before { content: '\ea50'; }.uis-emoji:before { content: '\ea51'; }.uis-file-info-alt:before { content: '\ea52'; }.uis-folder-plus:before { content: '\ea53'; }.uis-dizzy-meh:before { content: '\ea54'; }.uis-file-graph:before { content: '\ea55'; }.uis-laughing:before { content: '\ea56'; }.uis-file-redo-alt:before { content: '\ea57'; }
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/fonts/fonts.css (2) ***!
  \************************************************************************************************************************************************************************************************************************************/
/* Theme variables */
/* @import "../_theme-variables.css"; */

/*-----------*/
/* Font Files */

/* font weight lighter */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 100;
    font-style: normal;
  } */
  /* font weight light */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 300;
    font-style: normal;
  } */
  /* font weight normal */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 400;
    font-style: normal;
  } */
  /* font weight medium */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 500;
    font-style: normal;
  } */
  /* font weight bold */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 700;
    font-style: normal;
  } */
  /* font weight heavy */
  /* @font-face {
    font-family: "";
    src: url("./font-files/");
    src: url("./font-files/") format("embedded-opentype"),
         url("./font-files/") format("truetype"),
         url("./font-files/") format("svg");
    font-weight: 900;
    font-style: normal;
  } */

  /* Font URL || LTR Font */
  /* @import url(var(--ff-ar-url)); */
  
  /* Font URL || RTL Font */

  /* CDN Icons */
  /* @import url('https://unicons.iconscout.com/release-pro/v4.0.8/css/solid.css?key=0c2d93a0-ebb1-11ec-8c53-0242ac140003'); */

  /* Local fonts */
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_aside.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* default */
.rinv-aside {margin: 1rem; width: 21.5rem; transition: 0.4s all ease-in-out;}
/* Fixed Aside */
.aside-fixed .aside{
	position: fixed;
	top: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 98;
}
.aside-fixed.header-fixed .aside{top: 10.5rem;}
.rinv-aside .aside-menu > ul{
	height: calc(100vh - 21.5rem);
	max-height: calc(100vh - 21.5rem);
	overflow-y: auto;
  margin-bottom: 2rem;
  padding-inline-end: 0.5rem;
}
.rinv-aside *:not(.dropdown-menu.show):not(.tooltip){transition: 0.3s all ease-in-out;}
/* Aside Menu Scrollbar */
 /* Firefox */
.rinv-aside .aside-menu ul {scrollbar-width: auto; scrollbar-color: var(--clr-light-blue-1) transparent;}
/* Chrome, Edge, and Safari */
.rinv-aside .aside-menu ul::-webkit-scrollbar {width: 0.5rem;}
.rinv-aside .aside-menu ul::-webkit-scrollbar-track {background: transparent;}
.rinv-aside .aside-menu ul::-webkit-scrollbar-thumb {background: var(--clr-light-blue-1); border-radius: 0.5rem;}
/* Logo */
.rinv-aside .logo {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1rem;
  height: 9.3rem;
  background: var(--clr-white);
  border-radius: 1rem 1rem 0 0;
}
.rinv-aside .logo .rinv-logo{object-fit: contain; width: 12.5rem; overflow: hidden;}
.rinv-aside .toggle-menu {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  inset-inline-end: -1.5rem;
  bottom: -1.5rem;
  color: var(--clr-primary);
  background: var(--clr-white);
  border-radius: 50%;
  box-shadow: 0.5rem 1.5rem 1.5rem rgba(111, 129, 145, 0.3) ;
  cursor: pointer;
}
.rinv-aside .toggle-menu .svg-icon svg {width: 0.9rem; height: auto;}
.rinv-aside .aside-content {
  padding: 1rem;
  padding-inline-end: 0.5rem;
  border-radius: 0 0 1rem 1rem;
  background-color: var(--clr-primary);
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-light-primary));
}
/* Company Info */
.rinv-aside .company-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 1rem;
  padding-inline-end: 1.5rem;
}
.rinv-aside .company-info .company-name {color: var(--clr-light-blue-1); font-size: 1.4rem; font-weight: 400;}
.rinv-aside .company-info .company-dropdown .dropdown-toggle {color: var(--clr-light-blue-1); font-size: 2rem;}
.rinv-aside .company-info .company-dropdown .dropdown-menu {min-width: 18rem;}
.rinv-aside .company-info .company-dropdown.dropdown .btn-dropdown {padding: 0.5rem 1rem; justify-content: flex-start;}
.rinv-aside .company-info .company-dropdown .btn-dropdown .svg-icon {font-size: 1.6rem; line-height: 1; color: var(--clr-primary);}
.aside-minimize .dropdown.company-dropdown .dropdown-menu::before {inset-inline-start: 0.5rem;}
.aside-minimize .rinv-aside .company-info .company-dropdown .dropdown-menu {inset-inline-start: -1rem !important;}
/* Aside Menu */
.rinv-aside .aside-menu .nav-item:not(:last-child){margin-bottom: 0.5rem;}
.rinv-aside .aside-menu .nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 5rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-white);
  gap: 1.5rem;
  padding-inline: 1.5rem;
}
.rinv-aside .aside-menu .nav-item .nav-link:hover,
.rinv-aside .aside-menu .nav-item .nav-link.active {background-color: rgba(255, 255, 255, 0.29);}
.rinv-aside .aside-menu .nav-item .nav-link .counter {
  position: absolute;
  inset-inline-end: 0.5rem;
  height: 1.8rem;
  margin: 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-white);
  background: var(--clr-orange);
  border-radius: 40vw;
  padding: 0 1rem;
  line-height: 1.8rem;
}
/* SVG icons */ 
/* General class for svg icons */
.rinv-aside .aside-menu .aside-menu-icons {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-flex;
  object-fit: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.rinv-aside .aside-menu .home-icon {background-image: url(/assets/media/icons/home.svg);}
.rinv-aside .aside-menu .myinvoices-icon {background-image: url(/assets/media/icons/myinvoices.svg);}
.rinv-aside .aside-menu .claims-icon {background-image: url(/assets/media/icons/claims.svg);}
.rinv-aside .aside-menu .notifications-icon {background-image: url(/assets/media/icons/notifications.svg);}
.rinv-aside .aside-menu .clients-icon {background-image: url(/assets/media/icons/clients.svg);}
.rinv-aside .aside-menu .products-icon {background-image: url(/assets/media/icons/products.svg);}
.rinv-aside .aside-menu .reports-icon {background-image: url(/assets/media/icons/reports.svg);}
.rinv-aside .aside-menu .users-icon {background-image: url(/assets/media/icons/users.svg);}
.rinv-aside .aside-menu .settings-icon {background-image: url(/assets/media/icons/settings.svg);}
/* minimize */
.aside-minimize .rinv-aside{width: 7.5rem; transition: 0.3s all ease-in-out;}
.aside-minimize .rinv-aside .rinv-logo{width: 4.5rem;}
.aside-minimize .rinv-aside .logo{justify-content: center; transition: 0.3s all ease-in-out;}
.aside-minimize .rinv-aside .logo .toggle-menu .svg-icon {transform: rotate(180deg); transition: 0.3s transform ease-in-out;}
.aside-minimize .rinv-aside .aside-content .company-info {justify-content: center;}
.aside-minimize .rinv-aside .aside-menu .nav-item {display: flex; align-items: center; justify-content: center;}
.aside-minimize .rinv-aside .aside-menu .nav-item .nav-link > span.counter {inset-inline-end: -0.1rem; padding: 0rem 0.9rem; transition: all 0.3s ease-in-out;}
.aside-minimize .rinv-aside .aside-menu .nav-item .nav-link > span.counter {
  text-indent: -999999rem;
  width: 0.7rem;
  height: 0.7rem;
  padding: 0;
  inset-inline-end: 1.5rem;
  inset-block-start: 1.7rem;
}
/* Text | Animation */
.rinv-aside .aside-menu .nav-item .nav-link > span{transition: all 0.3s ease-in-out;}
.aside-minimize .rinv-aside .aside-menu .nav-item .nav-link > span:not(.counter) {
  width: 0;
  transform: scale(0);
  z-index: -1;
  display: none;
  transition: 0.1s transfom ease-in-out, 0.05s width ease, 0.3s z-index ease, 0.2s display ease;
}
.aside-minimize .rinv-aside .aside-content .company-info .company-name {width: 0; text-indent: -99999rem; overflow: hidden;}

/* Aside Mobile */
@media screen and (min-width: 992px) {
  .rinv-aside.aside-mobile .logo > fa-icon,
  .rinv-aside.aside-mobile .logo .rinv-logo-mobile{display: none;}
}
@media screen and (max-width: 991px) {
  .rinv-aside.aside-mobile {width: 26rem; margin: 0;}
  .rinv-aside.aside-mobile .logo {background-color: var(--clr-body); color: var(--clr-white); border-radius: 0; gap: 1.5rem;}
  .rinv-aside.aside-mobile .logo > .svg-icon{color: white; cursor: pointer;}
  .rinv-aside.aside-mobile .logo > .svg-icon > svg{height: 2.1rem; width: 2.1rem;}
  .rinv-aside.aside-mobile .logo > .rinv-logo > svg *[fill] {fill: var(--clr-white);}
  .rinv-aside.aside-mobile .toggle-menu{display: none;}
  .rinv-aside.aside-mobile .aside-content .aside-menu > ul {height: calc(100vh - 19.5rem); max-height: calc(100vh - 19.5rem);}
  .rinv-aside.aside-mobile .aside-content {border-radius: 0; background-color: var(--clr-body); background-image: none; border-top: 1px solid #4D6577;}
  .rinv-aside.aside-mobile .company-info .company-name{color: var(--clr-gray); font-size: 1.6rem;}
  .rinv-aside.aside-mobile .company-info .company-dropdown .dropdown-toggle {color: var(--clr-gray);}
  .rinv-aside.aside-mobile .aside-menu .nav-item .nav-link .counter {background-color: var(--clr-white); color: var(--clr-body);}
  .rinv-aside.aside-mobile .aside-menu .nav-item .nav-link:hover,
  .rinv-aside.aside-mobile .aside-menu .nav-item .nav-link.active {background-color: rgba(255, 255, 255, 0.15);}
}


/* Aside Submenu */
.aside-menu .nav-item{position: relative;}
.aside-menu .nav-item ul.sub-menu {padding-inline-start: 3rem; margin-top: 5px;}
.aside-menu .nav-item ul.sub-menu .nav-item .nav-link {height: 4rem; padding-inline-start: 3rem;}
.aside-menu .nav-item ul.sub-menu li {position: relative; display: flex; align-items: center;}
.aside-menu .nav-item ul.sub-menu li::before {
    content: '';
    position: absolute;
    inset-inline-start: 1rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: transparent;
    border: 3px solid var(--clr-white);
}
.aside-menu .nav-item.has-submenu::after{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 512 512"><g><path fill="white" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" /></g></svg>');
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 2rem;
  background-size: 13px 15px;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  transition: 0.3s transform ease-in-out;
  inset-inline-end: 0.5rem;
  inset-block-start: 1.3rem;
}
.aside-menu .nav-item.has-submenu:has(.collapse.show)::after{
  transform: rotate(0deg);
  transition: 0.3s transform ease-in-out;
}

.aside-minimize .aside-menu li.nav-item.has-submenu::after {content: none;}
.aside-minimize .aside-menu li.nav-item .sub-menu{display: none;}
.aside-minimize .aside-menu .nav-item.has-submenu > .nav-link,
body:not(.aside-minimize) .aside-menu li.nav-item .submenu-dropdown{display: none;}
body:not(.aside-minimize) .aside-menu .tooltip{display: none;}

.aside-dropdown-menu .btn-dropdown:not(.dropdown-toggle){display: flex;width: auto;}
.aside-dropdown-menu::before{content: none !important;}

/* .aside-dropdown-menu:has(.btn-dropdown.active) ~ .nav-link.dropdown-toggle, */
.rinv-aside .nav-item.has-submenu:has( .sub-menu .menu-item-active) > a.nav-link{background-color: rgba(255, 255, 255, 0.29) !important;}

body:not(.aside-minimize) .aside-tooltip{display: none;}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_header.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.rinv-header-container{padding: 3rem 1rem;}
.rinv-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}
.rinv-header-mobile  .header-title h3,
.rinv-header .header-title h3{
    font-size: 2rem;
    font-weight: 800;
    color: var(--clr-body);
}
.rinv-header-mobile .header-toolbar,
.rinv-header .header-toolbar{
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
.rinv-header-mobile .header-toolbar{gap: 1rem;}
.rinv-header-mobile .header-toolbar .header-calendar,
.rinv-header .header-toolbar .header-calendar{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--clr-gray-3);
}
.rinv-header .header-toolbar .header-user-info{
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
}
.rinv-header-mobile .header-toolbar .header-user-info .user-img img,
.rinv-header .header-toolbar .header-user-info .user-img img{
    border-radius: 50%;
    border: 0.2rem solid var(--clr-white);
}
.rinv-header .header-toolbar .header-user-info .user-name{
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--clr-body);
}
.rinv-header .header-toolbar .header-user-info .user-name span{
    font-weight: 400;
}
/* === ==== === */
/* Header Mobile */
.rinv-header-mobile {display: flex; flex-direction: column; justify-content: center; gap: 4rem;}
.rinv-header-mobile .header-top {display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;}
.rinv-header-mobile .header-logo {display: flex; align-items: center; gap: 1.5rem;}
.rinv-header-mobile .header-logo > .btn.rinv-btn{font-size: 1.8rem;}
.rinv-header-mobile .header-toolbar .header-user-info .user-img img{cursor: pointer;}

@media screen and (min-width: 992px) {
    .rinv-header-mobile{display: none;}
}
@media screen and (max-width: 991px) {
    .rinv-header-container .rinv-header,
    .rinv-header-container .rinv-breadcrumbs{display: none;}
    .rinv-header-mobile{display: flex;}
}

@media screen and (max-width:400px) {
    .rinv-header-mobile .header-toolbar .header-calendar{display: none;}
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_breadcrumbs.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* === === Variables === === */
.breadcrumbs{
    --breadcrumbs-margin-block: 5px 0;
    --breadcrumbs-margin-inline: 0px;
    --breadcrumbs-gap: 15px;
    /* Icon */
    --breadcrumbs-icon-width: 7px;
    --breadcrumbs-icon-height: 13px;
    /* Link */
    --breadcrumbs-link-fs: 14px;
    --breadcrumbs-link-fw: 400;
    --breadcrumbs-link-clr: var(--clr-gray);
    --breadcrumbs-link-hover-clr: var(--clr-primary);
}
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.breadcrumbs {display: flex; align-items: center; margin-block: var(--breadcrumbs-margin-block); margin-inline: var(--breadcrumbs-margin-inline);}
.breadcrumbs > ul,
.breadcrumbs > ul li{display: flex; align-items: center; flex-wrap: wrap; gap: var(--breadcrumbs-gap);}
.breadcrumbs > ul li svg{width: var(--breadcrumbs-icon-width); height: var(--breadcrumbs-icon-height);}
.breadcrumbs > ul li a {font-size: var(--breadcrumbs-link-fs); font-weight: var(--breadcrumbs-link-fw); color: var(--breadcrumbs-link-clr); cursor: pointer;}
.breadcrumbs > ul li a.active,
.breadcrumbs > ul li a:hover{color: var(--breadcrumbs-link-hover-clr) !important;}
@media screen and (max-width: 991.98px){.breadcrumbs{display: none;}}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_footer.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.rinv-footer{padding: 3rem 0 1.5rem;}
.rinv-footer p {text-align: end; font-size: 1.2rem; font-weight: 700; color: var(--clr-body);}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_spinner.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/* === === Variables === === */
.spinner{
  --spinner-bg: rgba(249, 252, 254, 0.33);
  --spinner-backdropfilter: blur(37px) brightness(106%);
  --spinner-img-width: 150px;
}
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.spinner {
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
body:has(.spinner) {overflow: hidden;}
.spinner>.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset: 0;
  opacity: 1;
  background-color: var(--spinner-bg);
  backdrop-filter: var(--spinner-backdropfilter);
}
.spinner>img {width: var(--spinner-img-width); z-index: 2001;}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_scrolltop.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* === === Variables === === */
.scrolltop{
    --scrolltop-width: 35px;
    --scrolltop-height: 35px;
    --scrolltop-ie: 20px;
    --scrolltop-bottom: 40px;
    --scrolltop-bg: var(--clr-primary);
    --scrolltop-boxshadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --scrolltop-border-radius: 8px;
    /* svg */
    --scrolltop-svg-fill: var(--clr-white);
}
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.scrolltop {
    position: fixed;
    opacity: 0;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: var(--scrolltop-width);
    height: var(--scrolltop-height);
    inset-inline-end: var(--scrolltop-ie);
    bottom: var(--scrolltop-bottom);
    z-index: 999;
    background-color: var(--scrolltop-bg);
    box-shadow: var(--scrolltop-boxshadow);
    border-radius: var(--scrolltop-border-radius) !important;
    transition: color 0.15s ease, background-color 0.15s ease,
        border-color 0.15s ease, box-shadow 0.15s ease;
}
.scrolltop .ng-fa-icon svg [fill] {transition: fill 0.3s ease; fill: var(--scrolltop-svg-fill);}
.scrolltop svg:hover [fill] {transition: fill 0.3s ease;}
.scrolltop:hover svg [fill] {transition: fill 0.3s ease; fill: var(--scrolltop-svg-fill);}
.scrolltop:hover .ng-fa-icon svg:hover [fill] {transition: fill 0.3s ease;}
[data-scrolltop="on"] .scrolltop {display: flex; opacity: 0.3; animation: animation-scrolltop 0.4s ease-out 1;}
[data-scrolltop="on"] .scrolltop:hover {opacity: 1; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;}
/* @media (max-width: 991.98px) {
    .scrolltop {
        bottom: 3rem;
        inset-inline-end: 1.5rem;
        width: 3rem;
        height: 3rem;
    }
} */
@keyframes animation-scrolltop {
    0% {
        margin-bottom: -1.5rem;
    }

    to {
        margin-bottom: 0;
    }
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/layout/_layout.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.wrapper {padding: 0 1.5rem; transition: 0.3s all ease-in-out;}
.aside-fixed .wrapper {padding-inline-start: 24.5rem;}
.aside-fixed.aside-minimize .wrapper {padding-inline-start: 10.5rem;}
.flex-root {
    flex: 1;
    -ms-flex: 1 0 0;
    min-height: 100vh;
}
.flex-column-fluid {
    flex: 1 0 auto;
}
.flex-row-fluid {
    flex: 1 auto;
    -ms-flex: 1 0 0;
    min-width: 0;
}
.flex-row-auto {
    flex: 0 0 auto;
}
/* Aside */
@media screen and (max-width: 991px){
    .aside-enabled .aside .toggle-menu{display: none;}
    .aside-enabled .aside,
    .aside-enabled.aside-fixed .aside{inset-inline-start: -26rem; transition: 0.4s all ease-in-out;}
    .aside-enabled.aside-mobile-opened .aside,
    .aside-enabled.aside-fixed.aside-mobile-opened .aside{inset-inline-start: 0rem;}
    .wrapper,
    .aside-fixed .wrapper{padding: 0 1.5rem;}
    /* .aside-enabled.aside-mobile-opened .wrapper,
    .aside-enabled.aside-fixed.aside-mobile-opened .wrapper {transform: translateX(-245px); overflow-x: hidden;} */
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/_theme-variables.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
:root {
  font-size: 62.5%;
  --ff-body: 'Almarai','Poppins', sans-serif;
  /* --ff-body-en: 'Poppins', sans-serif; */
  --fs-body: 1.4rem;
  --fw-body: 400;
  /*fs*/
  --fs-xs: 18px;
  --fs-sm: 1.2rem;
  --fs-md: 16px;
  --fs-lg: 20px!important;
  --fs-xl: 2.5rem;
  --fs-xxl: 3.0rem;

  /*colors*/
  --clr-body: #000000;
  --bg-body: #F2F6F9;
  --clr-success: #22C55E;
  --clr-warning: #EAB308;
  --clr-danger: #EF4444;
  --clr-white: #fff;
  --clr-black: #000;
  --clr-dark: #2A3D4C;
  --clr-id-primary: rgb(var(--clr-id-primary-rgb));
  --clr-primary:rgb(var(--clr-primary-rgb));
  --clr-secondary: var(--clr-primary);
  --clr-light-secondary:rgba(var(--clr-primary-rgb), .2);
  --clr-id-secondary: var(--clr-primary);

  /* Not in Design System */
  --clr-light-primary: rgb(var(--clr-id-primary-rgb));
  --clr-light-primary-2: #D2EBFF;
  --clr-light-primary-3: #B9E4FF;/* */
  --clr-light-primary-4: #D8F0FF;
  --clr-light-primary-5: #F3F9FF; /* */
  --clr-light-primary-6: #E8F1FB;

  --clr-secondary-2: rgba(102, 143, 175, 0.2);
  --clr-secondary-3: #D9E9F7; /* */
  --clr-secondary-4: #DFECF8; /* */
  --clr-secondary-5: #C4D6EA;
  --clr-secondary-rgb: rgba(222, 240, 248, 1);

  --clr-success-1: #2BA457;
  --clr-light-success: #B5F0CB;

  --clr-warning-1: #FFBE1B;
  --clr-light-warning: #FFF0CB;

  --clr-id-info: #0D9488; /*Diffrent*/
  --clr-info: #D1D5DB;
  --clr-light-info: #E4C9FF;

  --clr-light: #eee;
  --clr-blue:  linear-gradient(233deg, #196EB8 0%, #0981C2 100%);
  --clr-light-blue-4:#D1D5DB;
  --clr-light-danger:#FECACA;
  /* ---------- */

  --clr-gray: #7b95ab;
  --clr-td-bg-gray: #5C788E;
  --clr-gray-1: #EDF3F8;
  --clr-gray-2: #F2F7FB;
  --clr-gray-3: #A3A3A3;
  --clr-gray-4: #E8F5FF;
  --clr-gray-5: #E4E6EF;
  --clr-gray-6: #F7FAFD;
  --clr-gray-7: #F5F5F5;
  /* in XD but not in Design System */
  --clr-light-blue: #E5E5E5;
  --clr-dark-blue: #2B3D4C;
  --clr-light-blue-1: #DDDDDD;
  --clr-light-blue-2: #92C0E5;
  --clr-light-blue-3: #E3F3FF;
  --clr-light-blue-4: rgba(23, 105, 204, 0.12);
  --clr-light-blue-5: #99D2EA;
  /* ---------- */
  --clr-orange: #FF8E5B;
  --clr-orange-1: #FFE8BB;
  --clr-orange-2: #E8C963;
  --clr-light-orange: #FFF1EB;
  /* ---------- */
  --clr-green: #27AE60;
  /* ---------- */
  --clr-suger:#E5E5E5;
  --clr-suger-2:#FDFCFC;
  /* === Brand / Integration === */
  --integration-primary: #00B9BC;


  /* LABELS Colors */
  --label-primary-clr:rgb(var(--clr-primary-rgb));
  --label-primary-bg-clr:rgba(var(--clr-primary-rgb),.2);
  --label-id-primary-clr:var(--clr-id-primary);
  --label-id-primary-bg-clr:rgba(var(--clr-id-primary-rgb),.2);
  --label-success-clr:var(--clr-success);
  --label-success-bg-clr:#DCFCE7;
  --label-warning-clr:var(--clr-warning);
  --label-warning-bg-clr:#FEF9C3;
  --label-danger-clr:var(--clr-danger);
  --label-danger-bg-clr:#FEE2E2;
  --label-danger-4-clr:#9747FF;
  --label-danger-4-bg-clr:#9747FF33;
  --label-danger-5-clr:#EE51B9;
  --label-danger-5-bg-clr:#EE51B933;
  --label-icon-primary-clr:var(--clr-primary);
  --label-icon-primary-bg-clr:var(--clr-light-secondary);
  --label-icon-primary-light-clr:var(--clr-light-blue-2);
  --label-icon-primary-light-bg-clr:rgba(23, 105, 204, 0.2);
  --label-icon-success-clr:var(--clr-success);
  --label-icon-success-bg-clr:rgba(97, 197, 134, 0.2);
  --label-icon-warning-clr:var(--clr-warning);
  --label-icon-warning-bg-clr:rgba(255, 196, 58, 0.25);
  --label-icon-danger-clr:var(--clr-danger);
  --label-icon-danger-bg-clr:rgba(230, 101, 101, 0.2);
  --label-gray-clr:#4A4A4A;
  --label-gray-bg-clr:#C9CCC4;
  --label-custom-gray-clr:var(--clr-black);
  --label-custom-gray-bg-clr:#E2E8F0;
  --label-light-gray-3-clr:var(--clr-id-primary);
  --label-light-gray-3-bg-clr:#dfbd6933;
  --label-custom-purple-clr: #8B5CF6;
  --label-custom-purple-bg: #EDE9FE;
  /*/////*/
  --alert-primary-bg:rgba(var(--clr-primary-rgb),.1);
  /*--alert-primary-clr:rgba(var(--clr-id-primary-rgb),.1);*/
  /* ////////////////// */
  --clr-primary-rgb: 61, 106, 165;
  --clr-id-primary-rgb: 0 ,185, 188;
  --table-rinv-thead-th-bg:#2B3D4C;
  --clr-bg-light: #F8FAFC;
}
/*.amana{*/
/*  --clr-primary-rgb: 47, 83, 81;*/
/*  --clr-id-primary-rgb: 223, 189, 105;*/
/*  --table-rinv-thead-th-bg:#926F34;*/

/*}*/
/*.tawajod{*/
/*  --clr-primary-rgb: 61, 106, 165;*/
/*  --clr-id-primary-rgb: 0 ,185, 188;*/
/*  --table-rinv-thead-th-bg:#2B3D4C;*/
/*}*/

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_buttons.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  /*---*/
  padding: var(--btn-padding-block) var(--btn-padding-inline-md);
  height: var(--btn-height-md);
  font-size: var(--btn-fs);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-border-radius);
  color: var(--btn-clr);
  background-color: var(--btn-bg);
  border-color: var(--btn-border-clr);
}
.btn:hover {color: var(--btn-clr); background-color: var(--btn-bg); border-color: var(--btn-border-clr); opacity: var(--btn-opacity-hover);}
.btn:focus,
.btn:focus-visible {color: var(--btn-clr); background-color: var(--btn-bg); border-color: var(--btn-border-clr); outline: 0; box-shadow: none;}
.btn:disabled {opacity: var(--btn-opacity-disabled); pointer-events: none;}
/* Buttons || Sizes */
.btn.btn-sm {padding-inline: var(--btn-padding-inline-sm); height: var(--btn-height-sm);}
.btn.btn-md {padding-inline: var(--btn-padding-inline-md); height: var(--btn-height-md);}
.btn.btn-lg {padding-inline: var(--btn-padding-inline-lg); height: var(--btn-height-lg);}
.btn.btn-xl {padding-inline: var(--btn-padding-inline-xl); height: var(--btn-height-xl);}
/* Buttons || Colors */
.btn.btn-primary {color: var(--clr-white) !important; background-color: var(--clr-primary) !important; border-color: var(--clr-primary) !important;}
.btn.btn-secondary {color: var(--clr-dark) !important; background-color: var(--clr-secondary) !important; border-color: var(--clr-secondary) !important;}
.btn.btn-success {color: var(--clr-white) !important; background-color: var(--clr-success) !important; border-color: var(--clr-success) !important;}
.btn.btn-warning {color: var(--clr-white) !important; background-color: var(--clr-warning) !important; border-color: var(--clr-warning) !important;}
.btn.btn-danger {color: var(--clr-white) !important; background-color: var(--clr-danger) !important; border-color: var(--clr-danger) !important;}
.btn.btn-outline-danger {color: var(--clr-danger) !important; background-color: #FDFCFC !important; border-color: #F8AAAA !important;}
/* Buttons || Custom Colors */
.btn-light-primary{color: var(--clr-white) !important; background-color: var(--clr-light-primary) !important; border-color: var(--clr-light-primary) !important;}
.btn-secondary-2{color: var(--clr-body) !important; background-color: var(--clr-secondary-2) !important; border-color: transparent !important;}
.btn-orange{color: var(--clr-white) !important; background-color: var(--clr-orange) !important; border-color: var(--clr-orange) !important;}
.btn-light-blue{color: var(--clr-primary) !important; background-color: var(--clr-light-blue) !important; border-color: var(--clr-light-blue) !important;}
.btn-light-blue-2{color: var(--clr-white) !important; background-color: var(--clr-light-blue-2) !important; border-color: var(--clr-light-blue-2) !important;}
.btn-light-blue-4{color: var(--clr-primary) !important; background-color: var(--clr-light-blue-4) !important; border-color: transparent !important;}
.btn-light-gray{color: var(--clr-body) !important; background-color: var(--clr-gray-5) !important; border-color: var(--clr-gray-5) !important;}
/* Buttons || Icons - only */
.btn.btn-icon {width: var(--btn-icon-width-md); height: var(--btn-icon-height-md); padding: var(--btn-icon-padding); border-radius: var(--btn-icon-border-radius); font-size: var(--btn-icon-fs); line-height: 1.5;}
/* Buttons || Icons - sizes */
.btn.btn-icon.btn-sm {width: var(--btn-icon-width-sm); height: var(--btn-icon-height-sm);}
.btn.btn-icon.btn-md {width: var(--btn-icon-width-md); height: var(--btn-icon-height-md);}
.btn.btn-icon.btn-lg {width: var(--btn-icon-width-lg); height: var(--btn-icon-height-lg);}
.btn.btn-icon.btn-xl {width: var(--btn-icon-width-xl); height: var(--btn-icon-height-xl);}
/* When Using btn-tranparent | Dont use .btn-color => use .text-color */
.btn.btn-link,
.btn.btn-transparent:hover,
.btn.btn-transparent:focus-visible,
.btn.btn-transparent{padding: 0; background: transparent; border: transparent; height: auto; width: auto;}
.btn.btn-link{text-decoration: underline;}
/* ==== === ==== */
/* .btn:not(.ngb-dp-arrow-btn) */

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_cards.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Card | Default */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	padding: var(--card-padding);
	background-color: var(--card-bg);
	border: var(--card-border-width) solid var(--card-border-clr);
	border-radius: var(--card-border-radius);
	margin-bottom: var(--card-mb);
	box-shadow: var(--card-boxshadow);
}
.card.card-stretch {
	display: flex;
	align-items: stretch !important;
	flex-direction: column;
	height: calc(100% - var(--card-mb));
}
/* Header */
.card .card-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	padding: var(--card-header-padding);
	background-color: var(--card-header-bg);
	border-bottom: var(--card-header-borderbottom-width) solid var(--card-header-borderbottom-clr);
}
@media screen and (max-width: 549.98px) {
	.card .card-header{gap: var(--card-header-mobile-gap);}
}
.card .card-header .card-title {
	display: flex;
	align-items: center;
	margin-block: var(--card-header-title-marginblock);
	margin-inline: var(--card-header-title-margininline);
}
.card .card-header .card-title h3 {
    color: var(--card-header-title-clr);
	font-size: var(--card-header-title-fs);
    font-weight: var(--card-header-title-fw);
    line-height: var(--card-header-title-linheight);
}
.card .card-header .card-title .card-subtitle {
	margin-block: var(--card-header-subtitle-marginblock);
	margin-inline: var(--card-header-subtitle-margininline);
	color: var(--card-header-subtitle-clr);
	font-size: var(--card-header-subtitle-fs);
    font-weight: var(--card-header-subtitle-fw);
    line-height: var(--card-header-subtitle-linheight);
}
.card .card-header .card-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--card-header-toolbar-gap);
	margin-block: var(--card-header-toolbar-marginblock);
	margin-inline: var(--card-header-toolbar-margininline);
}
/* Body */
.card .card-body {padding: var(--card-body-padding);}
/* Footer */
.card .card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--card-footer-gap);
	padding: var(--card-footer-padding);
	background-color: var(--card-footer-bg);
	border-top: var(--card-footer-bordertop-width) solid var(--card-footer-bordertop-clr);
}
.card .card-footer .card-action{display: flex; align-items: center; gap: var(--card-footer-action-gap);}
/* .card .card-footer .card-action > *{flex: 1;} */
@media screen and (max-width: 767.98px){
	.card .card-footer{flex-direction: column;}
	.card-action{flex:1; width: 100%;}
}
/* @media screen and (min-width:1200px){.card-action.action-xl-25{flex:0.25}}
@media screen and (min-width:992px){.card-action{flex:0.35}}
@media screen and (min-width:768px) and (max-width: 991.98px){.card-action{flex:0.5}} */
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_dropdown.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.dropdown .dropdown-menu {
    min-width: var(--dropdown-minwidth);
    padding-block: var(--dropdown-padding-block);
    padding-inline: var(--dropdown-padding-inline);
    border: var(--dropdown-border-width) solid var(--dropdown-border-clr);
    border-radius: var(--dropdown-border-radius);
    text-align: var(--dropdown-align);
    line-height: 1;
    color: var(--dropdown-clr);
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-boxshadow);
}
.dropdown .dropdown-menu::before{
    content: var(--dropdown-arrow-content);
    width: 0;
    height: 0;
    position: absolute;
    top: -1rem;
    inset-inline-end: 0.5rem;
    border-style: solid;
    border-width: var(--dropdown-arrow-border-width);
    border-color: var(--dropdown-arrow-border-clr);
}
.dropdown .dropdown-toggle{
    background: transparent;
    border-color: transparent;
    line-height: 1;
    /* padding: 0; */
    /* height: auto; */
}
.dropdown .dropdown-toggle::after {display: none;}
.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle){
    padding-block: var(--dropdown-menuitem-padding-block);
    padding-inline: var(--dropdown-menuitem-padding-inline);
    color: var(--dropdown-menuitem-clr);
    font-size: var(--dropdown-menuitem-fs);
    font-weight: var(--dropdown-menuitem-fw);
    height: auto;
    width: 100%;
    border-radius: 0;
    background-color: var(--dropdown-menuitem-bg);
    border-color: var(--dropdown-menuitem-border-clr);
}
.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover{background: var(--dropdown-menuitem-hover-bg);}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_labels.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.label{
    display: var(--label-display);
    justify-content: var(--label-display-Xalignment);
    align-items: var(--label-display-Yalignment);
    gap: var(--label-gap);
    min-width: var(--label-minwidth);
    height: var(--label-height-md);
    padding: var(--label-padding-block) var(--label-padding-inline-md);
    font-size: var(--label-fs);
    font-weight: var(--label-fw);
    background-color: var(--label-bg);
    border: var(--label-border-width) solid var(--label-border-clr);
    border-radius: var(--label-border-radius);
}
/* Sizes */
.label:not(.label-icon).label-sm{padding-inline: var(--label-padding-inline-sm); height: var(--label-height-sm);}
.label:not(.label-icon).label-md{padding-inline: var(--label-padding-inline-md); height: var(--label-height-md);}
.label:not(.label-icon).label-lg{padding-inline: var(--label-padding-inline-lg); height: var(--label-height-lg);}
.label:not(.label-icon).label-xl{padding-inline: var(--label-padding-inline-xl); height: var(--label-height-xl);}
/* Icons */
.label.label-icon {
    min-width: auto;
    padding: var(--label-icon-padding);
    width: var(--label-icon-width-md);
    height: var(--label-icon-height-md);
    border: var(--label-icon-border-width) solid var(--label-icon-border-clr);
    border-radius: var(--label-icon-border-radius);
}
.label.label-icon .svg-icon{width: var(--label-svg-width-md); height: var(--label-svg-height-md);}
/* Icon || Sizes */
.label.label-icon.label-sm{width: var(--label-icon-width-sm); height: var(--label-icon-height-sm);}
.label.label-icon.label-sm .svg-icon{width: var(--label-svg-width-sm); line-height: var(--label-svg-height-sm);}
.label.label-icon.label-md{width: var(--label-icon-width-md); height: var(--label-icon-height-md);}
.label.label-icon.label-md .svg-icon{width: var(--label-svg-width-md); line-height: var(--label-svg-height-md);}
.label.label-icon.label-lg{width: var(--label-icon-width-lg); height: var(--label-icon-height-lg);}
.label.label-icon.label-lg .svg-icon{width: var(--label-svg-width-lg); line-height: var(--label-svg-height-lg);}
.label.label-icon.label-xl{width: var(--label-icon-width-xl); height: var(--label-icon-height-xl);}
.label.label-icon.label-xl .svg-icon{width: var(--label-svg-width-xl); line-height: var(--label-svg-height-xl);}
/* Colors */
.label.label-primary{background-color: var(--clr-primary); color: var(--clr-white);}
.label.label-primary .svg-icon{color: var(--clr-white);}
.label.label-success{background-color: var(--clr-success); color: var(--clr-white);}
.label.label-success .svg-icon{color: var(--clr-white);}
.label.label-warning{background-color: var(--clr-warning); color: var(--clr-white);}
.label.label-warning .svg-icon{color: var(--clr-white);}
.label.label-danger{background-color: var(--clr-danger); color: var(--clr-white);}
.label.label-danger .svg-icon{color: var(--clr-white);}
/* ====================  */
/* Alerts */
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.alert{
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--alert-gap-md);
    padding-block: var(--alert-padding-block-md);
    padding-inline: var(--alert-padding-inline-md);
    background-color: var(--alert-bg);
    border: var(--alert-border-width) solid var(--alert-border-clr);
    border-radius: var(--alert-border-radius-md);
    box-shadow: var(--alert-boxshadow);
}
/* Icon */
.alert .alert-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--alert-icon-width-md);
    height: var(--alert-icon-height-md);
    color: var(--alert-icon-clr);
    background: var(--alert-icon-bg);
    border-radius: var(--alert-icon-border-radius-md);
}
.alert .alert-icon .svg-icon svg{width: var(--alert-icon-svg-width-md); height: var(--alert-icon-svg-height-md);}
/* Content */
.alert .alert-content p{
    color: var(--alert-content-clr);
    font-size: var(--alert-content-fs-md);
    font-weight: var(--alert-content-fw);
    line-height: var(--alert-content-lineheight-md);
}
/* Close */
.alert .alert-close{position: absolute; inset-inline-end: var(--alert-close-ie); inset-block-start: var(--alert-close-bs);}
/* ==== === Sizes === ==== */
/* sm */
.alert.alert-sm{
    padding-block: var(--alert-padding-block-sm);
    padding-inline: var(--alert-padding-inline-sm);
    gap: var(--alert-gap-sm);
    border-radius: var(--alert-border-radius-sm); 
}
.alert.alert-sm .alert-icon,
.alert.alert-sm .alert-icon .svg-icon{width: var(--alert-icon-width-sm); height: var(--alert-icon-height-sm);}
.alert.alert-sm .alert-icon svg{width: var(--alert-icon-svg-width-sm); height: var(--alert-icon-svg-height-sm);}
.alert.alert-sm .alert-content p{font-size: var(--alert-content-fs-sm); line-height: var(--alert-content-lineheight-sm);}
/* md */
.alert.alert-md{
    padding-block: var(--alert-padding-block-md);
    padding-inline: var(--alert-padding-inline-md);
    gap: var(--alert-gap-md);
    border-radius: var(--alert-border-radius-md); 
}
.alert.alert-md .alert-icon,
.alert.alert-md .alert-icon .svg-icon{width: var(--alert-icon-width-md); height: var(--alert-icon-height-md);}
.alert.alert-md .alert-icon svg{width: var(--alert-icon-svg-width-md); height: var(--alert-icon-svg-height-md);}
.alert.alert-md .alert-content p{font-size: var(--alert-content-fs-md); line-height: var(--alert-content-lineheight-md);}
/* lg */
.alert.alert-lg{
    padding-block: var(--alert-padding-block-lg);
    padding-inline: var(--alert-padding-inline-lg);
    gap: var(--alert-gap-lg);
    border-radius: var(--alert-border-radius-lg); 
}
.alert.alert-lg .alert-icon,
.alert.alert-lg .alert-icon .svg-icon{width: var(--alert-icon-width-lg); height: var(--alert-icon-height-lg);}
.alert.alert-lg .alert-icon svg{width: var(--alert-icon-svg-width-lg); height: var(--alert-icon-svg-height-lg);}
.alert.alert-lg .alert-content p{font-size: var(--alert-content-fs-lg); line-height: var(--alert-content-lineheight-lg);}
/* xl */
.alert.alert-xl{
    padding-block: var(--alert-padding-block-xl);
    padding-inline: var(--alert-padding-inline-xl);
    gap: var(--alert-gap-xl);
    border-radius: var(--alert-border-radius-xl); 
}
.alert.alert-xl .alert-icon,
.alert.alert-xl .alert-icon .svg-icon{width: var(--alert-icon-width-xl); height: var(--alert-icon-height-xl);}
.alert.alert-xl .alert-icon svg{width: var(--alert-icon-svg-width-xl); height: var(--alert-icon-svg-height-xl);}
.alert.alert-xl .alert-content p{font-size: var(--alert-content-fs-xl); line-height: var(--alert-content-lineheight-xl);}
/* ==== === Colors === ==== */
/* Primary */
.alert.alert-primary{border-color: var(--clr-primary); background: var(--clr-light-primary);}
.alert.alert-primary .alert-icon{background: var(--clr-primary);}
.alert.alert-primary .alert-close .btn,
.alert.alert-primary .alert-content a{color: var(--clr-primary);}
/* Secondary */
.alert.alert-secondary{border-color: var(--clr-secondary); background: var(--clr-white);}
.alert.alert-secondary .alert-icon{background: var(--clr-secondary);}
.alert.alert-secondary .alert-close .btn,
.alert.alert-secondary .alert-content a{color: var(--clr-secondary);}
/* Success */
.alert.alert-success{border-color: var(--clr-success); background: var(--clr-light-success);}
.alert.alert-success .alert-icon{background: var(--clr-success);}
.alert.alert-success .alert-close .btn,
.alert.alert-success .alert-content a{color: var(--clr-success);}
/* Warning */
.alert.alert-warning{border-color: var(--clr-warning); background: var(--clr-light-warning);}
.alert.alert-warning .alert-icon{background: var(--clr-warning);}
.alert.alert-warning .alert-close .btn,
.alert.alert-warning .alert-content a{color: var(--clr-warning);}
/* Danger */
.alert.alert-danger{border-color: var(--clr-danger); background: var(--clr-light-danger);}
.alert.alert-danger .alert-icon{background: var(--clr-danger);}
.alert.alert-danger .alert-close .btn,
.alert.alert-danger .alert-content a{color: var(--clr-danger);}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_forms.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.form-group {margin-bottom: 15px;}
label {
    display: block;
    font-size: var(--form-label-fs);
    font-weight: var(--form-label-fw);
    color: var(--form-label-clr);
    margin-bottom: var(--form-label-mb);
}
.form-control{
    display: inline-block;
    width: var(--form-control-width);
    height: var(--form-control-height);
    line-height: var(--form-control-lineheight);
    padding: var(--form-control-padding-block) var(--form-control-padding-inline);
    border: 1px solid var(--form-control-border-clr);
    border-radius: var(--form-control-border-radius);
    background: var(--form-control-bg);
    color: var(--form-control-clr);
    font-size: var(--form-control-fs);
    font-weight: var(--form-control-fw);
    cursor: pointer;
}
.form-control:focus,
.form-control[class*='-focused'],
.form-control:focus-visible{
    outline: 0;
    box-shadow: none;
    background: var(--form-control-focus-bg);
    border-color: var(--form-control-focus-border-clr);
}
.form-control::placeholder,
.form-control[class*='-placeholder']{
    min-height: var(--form-control-placeholder-minheight);
    font-size: var(--form-control-placeholder-fs);
    font-weight: var(--form-control-placeholder-fw);
    color: var(--form-control-placeholder-clr);
}
.form-control[readonly],
.form-control:disabled,
.form-control:disabled *,
.form-control[class *='-disabled']{
    background: var(--form-control-disabled-bg);
    cursor: default;
}
.form-control:invalid{
    border-color: var(--form-control-invalid-border-clr);
}
@media screen and (max-width: 560px) {input.form-control {min-width: 20rem;}}
/* ==== === ==== === ==== === ==== */
/* textarea */
textarea.form-control{height: auto; line-height: 1.5; min-height: var(--form-control-height);}
/* ==== === ==== === ==== === ==== */
/* ng-select */
.ng-select{padding-inline-end: var(--ngselect-padding-ie);}
.ng-select .ng-select-container .ng-input{padding-inline-end: var(--ngselect-arrow-width);}
.ng-select .ng-select-container .ng-input,
.ng-select.form-control .ng-select-container .ng-value-container .ng-input>input,
.ng-select.form-control {cursor: pointer;}
.ng-select .ng-select-container {height: 100%;}
.ng-select .ng-arrow-wrapper {width: var(--ngselect-arrow-width); height: 100%;}
.ng-select .ng-arrow-wrapper:after {
    content: '';
    width: var(--ngselect-arrow-icon-width);
    height: var(--ngselect-arrow-icon-height);
    position: absolute;
    background-image: var(--ngselect-arrow-icon);
    background-repeat: no-repeat;
    background-position: center;
    inset: 0;
    margin-block: auto;
}
.ng-select .ng-select-container .ng-arrow-wrapper.ng-has-value,
.ng-select .ng-select-container.ng-has-value .ng-placeholder,
.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-arrow-wrapper{display: none;}
.ng-select .ng-select-container .ng-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: var(--form-control-placeholder-fs);
    font-weight: var(--form-control-placeholder-fw);
    color: var(--form-control-placeholder-clr);
}
.ng-select .ng-select-container .ng-clear-wrapper {
    display: inline-flex;
    padding-inline-end: calc(var(--ngselect-clear-width) + var(--ngselect-clear-padding));
    width: var(--ngselect-clear-width);
    font-size: var(--ngselect-clear-fs);
}
.ng-select .ng-select-container .ng-clear-wrapper .ng-clear {font-size: inherit;}
.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {align-items: center;}
/* --- ng select multiple --- */
.ng-select.form-control.ng-select-multiple {height: auto; min-height: var(--form-control-height); line-height: var(--ngselect-multi-lineheight);}
.ng-select.form-control.ng-select-multiple .ng-arrow-wrapper {display: flex; align-items: center; justify-content: center; height: auto;}
.ng-select.ng-select-multiple .ng-clear-wrapper .ng-clear {display: flex; align-items: center; justify-content: center;}
.ng-select.form-control.ng-select-multiple .ng-value-container {
    display: inline-flex;
    align-items: center;
    gap: var(--ngselect-multi-gap);
    min-height: calc(var(--form-control-height) - (var(--form-control-padding-block)*2) - 2px);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    max-width: 90%;
    gap: 0.5rem;
    border-radius: var(--ngselect-multi-label-border-radius);
    padding-inline: var(--ngselect-multi-label-padding-inline);
    background-color: var(--ngselect-multi-label-bg);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-icon {
    order: 2;
    margin-top: -5px;
    padding-inline-start: var(--ngselect-multi-label-icon-padding-is);
    color: var(--ngselect-multi-label-icon-clr);
    font-size: var(--ngselect-multi-label-icon-fs);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-label {order: 1; color: var(--ngselect-multi-label-clr);}
@media screen and (max-width: 767.98px) {.ng-select.form-control.ng-select-multiple {padding: 1rem;}}
/* --- ng select dropdown --- */
body>.ng-dropdown-panel,
.ng-select .ng-dropdown-panel {
    top: auto;
    left: 0;
    min-width: 100%;
    padding: var(--ngselect-dropdown-padding);
    margin-top: 1.5rem;
    text-align: center;
    font-size: var(--ngselect-dropdown-fs);
    line-height: 1;
    color: var(--ngselect-dropdown-clr);
    background: var(--ngselect-dropdown-bg);
    border: 1px solid var(--ngselect-dropdown-border-clr);
    border-radius: var(--ngselect-dropdown-border-radius);
    box-shadow: var(--ngselect-dropdown-box-shadow);
    outline: 0;
    z-index: 1047 !important;
    height: auto;
}
body>.ng-dropdown-panel .ng-dropdown-panel-items,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items {max-height: var(--ngselect-dropdown-maxheight);}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: var(--ngselect-dropdown-option-height);
    padding: var(--ngselect-dropdown-option-padding);
    color: var(--ngselect-dropdown-option-clr);
    line-height: var(--ngselect-dropdown-option-height);
    text-align: var(--ngselect-dropdown-option-align);
    font-size: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: var(--ngselect-dropdown-option-hover-bg);
    color: var(--ngselect-dropdown-option-hover-clr);
}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option text,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option text {
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
body>.ng-dropdown-panel.ng-select {
    height: auto;
    z-index: 1060 !important;
    font-size: var(--ngselect-dropdown-fs);
    padding: var(--ngselect-dropdown-padding);
    border-radius: var(--ngselect-dropdown-border-radius);
    margin-top: 0.8rem;
    border-color: transparent;
}
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{gap: var(--ngselect-dropdown-option-gap);}
/* === ==== === */
.ng-select.form-control {min-width: 15rem;}
/* ==== === ==== === ==== === ==== */
/* CHECKBOX */
.checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-align: start;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: var(--checkbox-fs);
    font-weight: var(--checkbox-fw);
    margin: var(--checkbox-margin);
    color: var(--checkbox-text-clr);
}
.checkbox>input {position: absolute; z-index: -1; opacity: 0;}
.checkbox>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--checkbox-width);
    height: var(--checkbox-height);
    background-color: var(--checkbox-bg);
    border: 1px solid var(--checkbox-border-clr);
    border-radius: var(--checkbox-border-radius);
    transition: all 0.3s ease;
}
.checkbox>span:after {
    content: "";
    position: absolute;
    inset: 0;
    margin: 0 auto;
    inset-block-start: var(--checkbox-check-inset-bs);
    width: var(--checkbox-check-width);
    height: var(--checkbox-check-height);
    border-color: transparent;
    border-style: solid;
    border-width: var(--checkbox-check-border-width);
    transform: rotate(45deg);
}
.checkbox>input:focus~span {border-color: var(--checkbox-active-bg);}
.checkbox>input:checked~span {background-color: var(--checkbox-active-bg); transition: all 0.3s ease; border-color: var(--checkbox-active-border-clr);}
.checkbox>input:checked~span:after {display: block; border-color: var(--checkbox-check-clr);}
/* CHECKBOX SM */
.checkbox.checkbox-sm>span {
    width: var(--checkbox-width-sm);
    height: var(--checkbox-height-sm);
    border-radius: var(--checkbox-border-radius-sm);
}
.checkbox.checkbox-sm>span::after {
    width: var(--checkbox-check-width-sm);
    height: var(--checkbox-check-height-sm);
    inset-block-start: var(--checkbox-check-inset-bs-sm);
    border-width: var(--checkbox-check-border-width-sm);
}
/* CHECKBOX || CUSTOM */
.checkbox.checkbox-custom {width: 100%; padding: var(--checkbox-custom-padding); border: 1px solid var(--checkbox-custom-container-border-clr); border-radius: var(--checkbox-custom-border-radius);}
.checkbox.checkbox-custom>span {border-color: var(--checkbox-custom-border-clr);}
.checkbox.checkbox-custom.disabled>input:not(:checked)~span {background: var(--checkbox-custom-disabled-bg)}
.checkbox.checkbox-custom.disabled {background: var(--checkbox-custom-disabled-container-bg); pointer-events: none; cursor: not-allowed;}
/* ==== === ==== === ==== === ==== */
/* RADIO BUTTONS */
.radio-group {display: inline-flex; align-items: center; gap: var(--radiogroup-gap); margin: var(--radiogroup-margin);}
.radio-group.vertical-group {flex-direction: column; justify-content: center; align-items: flex-start;}
.radio.btn,
.radio.btn.active,
.radio.btn:hover {background: 0; border: 0; height: auto;}
.radio {
    display: flex;
    align-items: center;
    gap: var(--radiogroup-radio-gap);
    padding: 0;
    margin-bottom: 0;
    color: var(--radiogroup-radio-clr);
    font-size: var(--radiogroup-radio-fs);
    font-weight: var(--radiogroup-radio-fw);
    cursor: pointer;
}
.radio:hover {color: var(--radiogroup-radio-hover-clr);}
.radio input[type="radio"] {border-radius: 5px; position: absolute; visibility: hidden; z-index: -1;}
.radio span {
    position: relative;
    display: inline-block;
    width: var(--radiogroup-radio-width);
    height: var(--radiogroup-radio-height);
    border: var(--radiogroup-radio-border-width) solid var(--radiogroup-radio-border-clr);
    border-radius: var(--radiogroup-radio-border-radius);
    background: var(--radiogroup-radio-bg);
}
.radio span::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--radiogroup-radio-icon-width);
    height: var(--radiogroup-radio-icon-height);
    background: var(--radiogroup-radio-icon-bg);
    border-radius: var(--radiogroup-radio-icon-border-radius);
}
.radio.active span,
.radio > input:checked ~ span {border-color: var(--radiogroup-radio-active-bg);}
.radio.active span::before,
.radio > input:checked ~ span::before {background: var(--radiogroup-radio-active-bg);}
/* ==== === ==== === ==== === ==== */
/* SWITCH */
.switch {display: inline-flex; align-items: center; margin: 0; cursor: pointer;}
.switch input:empty {margin-left: -999rem; width: 0; height: 0; overflow: hidden; position: absolute; opacity: 0;}
.switch input:empty~span {
    display: inline-block;
    position: relative;
    width: var(--switch-width);
    height: var(--switch-height);
    margin: var(--switch-margin);
    border-radius: var(--switch-border-radius);
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    /* cursor: pointer; */
}
.switch input:empty~span:before,
.switch input:empty~span:after {
    content: " ";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-block: 0;
    inset-inline-end: 0;
    transition: all 100ms ease-in;
    border-radius: var(--switch-border-radius);
}
.switch input:empty~span:before {
    width: var(--switch-width);
    background-color: var(--switch-container-bg);
}
.switch input:checked~span:before {background-color: var(--switch-container-active-bg);}
.switch input:empty~span:after {
    width: var(--switch-icon-width);
    height: var(--switch-icon-height);
    inset-block: var(--switch-icon-inset-block);
    inset-inline-end: var(--switch-icon-inset-ie);
    background-color: var(--switch-icon-bg);
    box-shadow: var(--switch-icon-boxshadow);
}
.switch input:checked~span:after {
    inset-inline-end: calc(var(--switch-width) - var(--switch-icon-width) - var(--switch-icon-inset-ie));
    /* inset-inline-end: var(--switch-icon-active-inset-ie); */
    box-shadow: var(--switch-icon-active-boxshadow);
}
/* ==== === ==== === ==== === ==== */
/* RATING */
ngb-rating{
    /* direction: ltr; */
    align-items: center;
    justify-content: center;
    width: 100%;
}
.rating-star {
    position: relative;
    display: inline-block;
    margin-block: var(--rating-margin-block);
    margin-inline: var(--rating-margin-inline);
    color: var(--rating-star-clr);
    font-size: var(--rating-star-fs);
    line-height: 1;
}
.filled,
.full {color: var(--rating-star-fill-clr);}
.rating-star > span{
    position: absolute;
    display: inline-block;
    overflow: hidden;
    color: var(--rating-star-fill-clr);
}
.rating-star > span + span {
    width: var(--rating-star-span-width);
    inset-inline-start: var(--rating-star-span-is);
    bottom: var(--rating-star-span-bottom);
    color: var(--rating-star-span-clr);
    font-size: var(--rating-star-span-fs);
    font-weight: var(--rating-star-span-fw);
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_modals.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Modal Overlay */
body .modal-backdrop{
    z-index: var(--modal-overlay-zindex) !important;
    background-color: var(--modal-overlay-bg);
    backdrop-filter: var(--modal-overlay-backdropfilter);
}
body .modal-backdrop.show{
    opacity: 1;
}
/* Modal General || Default */
.modal-dialog .modal-content {
    padding-block: var(--modal-padding-block);
    padding-inline: var(--modal-padding-inline);
    font-size: var(--modal-fs);
    font-weight: var(--modal-fw);
    background-color: var(--modal-bg);
    border: var(--modal-border-width) solid var(--modal-border-clr);
    border-radius: var(--modal-border-radius);
}
/* Header */
.modal-dialog .modal-header{padding: 0; border: 0;}
.modal-header .modal-toolbar .btn-close-modal {outline: transparent;}
.modal-header .modal-title{
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    padding-block: var(--modal-header-title-padding-block);
    padding-inline: var(--modal-header-title-padding-inline);
    font-size: var(--modal-header-title-fs);
    font-weight: var(--modal-header-title-fw);
    line-height: var(--modal-header-title-lineheight);
}
.modal-header .modal-header-icon{
    width: var(--modal-header-icon-width);
    height: var(--modal-header-icon-height);
    object-fit: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-header .modal-toolbar .btn-close-modal{
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 0;
    padding-inline: 0;
    top: 10px;
    inset-inline-end: 10px;
    border-color: transparent;
    background: transparent;
    width: var(--modal-header-close-width);
    height: var(--modal-header-close-height);
    color: var(--modal-header-close-clr);
}
/* Body */
.modal-dialog .modal-body {padding-block: var(--modal-body-padding-block); padding-inline: var(--modal-body-padding-inline);}
/* Footer */
.modal-dialog .modal-footer {
    justify-content: center;
    gap: var(--modal-footer-gap);
    padding-block: var(--modal-footer-padding-block);
    padding-inline: var(--modal-footer-padding-inline);
    border: var(--modal-footer-border-width) solid var(--modal-footer-border-clr);
}
.modal-dialog .modal-footer > *{margin: 0;}
.modal-footer .btn {width: 100%}
/* Footer Custom Class  */
.modal-footer.footer-50 > * {flex: 1 0 0;}
@media screen and (max-width: 550px) {
    .modal-footer.footer-50 > * {flex: 100%;}
}
/* Footer || Cancel */
.modal-footer .btn-cancel{
    background: var(--modal-footer-cancel-bg);
    border-color: var(--modal-footer-cancel-border-clr);
    color: var(--modal-footer-cancel-clr);
}
/* Modal || Confirmation */
.modal-confirm .modal-body{
    padding-block: var(--modal-body-padding-block);
    text-align: center;
}
.modal-confirm .modal-body h3{
    font-size: var(--modal-body-confirmation-title-fs);
    font-weight: var(--modal-body-confirmation-title-fw);
    color: var(--modal-body-confirmation-title-clr);
    line-height: var(--modal-body-confirmation-title-lineheight);
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_pagination.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Default | Pagination */
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1 0 0;
  gap: var(--pagination-gap);
  margin: var(--pagination-margin);
}
@media screen and (max-width: 500px) {.pagination {justify-content: center;}}
.pagination.pagination-disabled {
  opacity: 0.2;
  pointer-events: none;
}
/* List */
.pagination .pagination {gap: var(--pagination-list-gap); margin: var(--pagination-list-margin);}
.pagination .pagination .page-item.disabled a.page-link[aria-label="First"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Last"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Previous"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Next"] {
  opacity: var(--pagination-list-link-disabled-opacity);
}
/* links */
.pagination .pagination .page-item a.page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--pagination-list-link-padding);
  width: var(--pagination-list-link-width);
  height: var(--pagination-list-link-height);
  background-color: var(--pagination-list-link-bg);
  border: var(--pagination-list-link-border-width) solid var(--pagination-list-link-border-clr);
  border-radius: var(--pagination-list-link-border-radius);
  color: var(--pagination-list-link-clr);
  font-size: var(--pagination-list-link-fs);
  font-weight: var(--pagination-list-link-fw);
  line-height: var(--pagination-list-link-lineheight);
}
.pagination .pagination .page-item a.page-link:focus-visible,
.pagination .pagination .page-item a.page-link:focus{outline: 0; box-shadow: none;}
.pagination .pagination .page-item:hover:not(.disabled) a.page-link,
.pagination .pagination .page-item.active a.page-link {
  color: var(--pagination-list-link-active-clr);
  background-color: var(--pagination-list-link-active-bg);
  border-color: var(--pagination-list-link-active-border-clr);
}
/* Previous & Next links && First & Last Links*/
.pagination .pagination .page-item a.page-link[aria-label="First"],
.pagination .pagination .page-item a.page-link[aria-label="Last"],
.pagination .pagination .page-item a.page-link[aria-label="Previous"],
.pagination .pagination .page-item a.page-link[aria-label="Next"] {
  background: var(--pagination-list-link-control-bg);
  color: var(--pagination-list-link-control-clr);
  border-color: var(--pagination-list-link-control-border-clr);
  font-size: var(--pagination-list-link-control-fs);
  font-weight: var(--pagination-list-link-control-fw);
  line-height: var(--pagination-list-link-control-lineheight);
}
.pagination .pagination .page-item:nth-last-child(2){margin-inline-start: var(--pagination-list-link-control-spacing);}
.pagination .pagination .page-item:nth-child(2){margin-inline-end: var(--pagination-list-link-control-spacing);}
/* Shown Number || Rows Number */
.pagination .shown-number {display: flex; align-items: center; gap: var(--pagination-rownumber-gap);}
.pagination .shown-number .ng-select {
  text-align: center;
  padding: var(--pagination-rownumber-select-padding);
  width: var(--pagination-rownumber-select-width);
  height: var(--pagination-rownumber-select-height);
  min-width: var(--pagination-rownumber-select-minwidth);
  background: var(--pagination-rownumber-select-bg);
  border-radius: var(--pagination-rownumber-select-border-radius);
}
.pagination .ng-select .ng-select-container .ng-value-container,
.pagination .ng-select .ng-select-container .ng-value-container .ng-value {justify-content: center;}
.pagination .shown-number .ng-select .ng-arrow-wrapper:after {
  --ngselect-arrow-icon-width: var(--pagination-rownumber-select-icon-width);
  background-size: contain;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_tables.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* === === Custom === === */
.table tbody tr:last-child td {--table-tbody-td-borderbottom-width: 1px;}
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Table */
.table {
  border-collapse: separate;
  vertical-align: middle;
  background: var(--table-bg);
  border-spacing: var(--table-border-spacing);
  border: var(--table-border-width) solid var(--table-border-clr);
  border-bottom: 0px;
  border-start-start-radius: var(--table-border-ss-radius);
  border-start-end-radius: var(--table-border-se-radius);
  border-end-start-radius: var(--table-border-es-radius);
  border-end-end-radius: var(--table-border-ee-radius);
  font-weight: var(--table-fw);
  margin-bottom: var(--table-mb);
}
.table>*,
.table>*>* {border: 1px solid transparent;}
.table > :not(caption) > * > *{box-shadow: none;}
/* TABLE HEAD */
.table > thead{vertical-align: var(--table-thead-valign);}
.table thead th {
  padding-block: var(--table-thead-th-padding-block);
  padding-inline: var(--table-thead-th-padding-inline);
  font-size: var(--table-thead-th-fs);
  line-height: var(--table-thead-th-lineheight);
  font-weight: var(--table-thead-th-fw);
  text-transform: var(--table-thead-th-texttransform);
  height: var(--table-thead-th-height);
  color: var(--table-thead-th-clr);
  background-color: var(--table-thead-th-bg);
  border-bottom: var(--table-thead-th-borderbottom-width) solid var(--table-thead-th-borderbottom-clr);
  border-inline-end: var(--table-thead-th-borderend-width) solid var(--table-thead-th-borderend-clr);
}
.table thead th:first-child {border-start-start-radius: var(--table-border-ss-radius);}
.table thead th:last-child {border-start-end-radius: var(--table-border-se-radius); --table-thead-th-borderend-width: 0px;}
.table thead th.table-action {width: 0;}
/* TABLE BODY */
.table tbody td {
  padding-block: var(--table-tbody-td-padding-block);
  padding-inline: var(--table-tbody-td-padding-inline);
  font-size: var(--table-tbody-td-fs);
  line-height: var(--table-tbody-td-lineheight);
  font-weight: var(--table-tbody-td-fw);
  height: var(--table-tbody-td-height);
  color: var(--table-tbody-td-clr);
  background-color: var(--table-tbody-td-bg);
  border-bottom: var(--table-tbody-td-borderbottom-width) solid var(--table-tbody-td-borderbottom-clr);
  border-inline-end: var(--table-tbody-td-borderend-width) solid var(--table-tbody-td-borderend-clr);
}
.table tbody tr td:last-child { --table-tbody-td-borderend-width: 0px;}
/* .table tbody tr:last-child td {--table-tbody-td-borderbottom-width: 0px;} */
.table tbody tr:last-child td:first-child {border-end-start-radius: var(--table-border-es-radius);}
.table tbody tr:last-child td:last-child {border-end-end-radius: var(--table-border-ee-radius);}
/* table action */
.table tbody td .table-action {display: inline-flex; align-items: center; gap: var(--table-tbody-td-action-gap);}
.table tbody td .table-action .btn.btn-icon.btn-sm {min-width: var(--btn-icon-width-sm);}
.table tbody td .table-action .btn.btn-icon,
.table tbody td .table-action .btn.btn-icon.btn-md {min-width: var(--btn-icon-width-md);}
.table tbody td .table-action .btn.btn-icon.btn-lg {min-width: var(--btn-icon-width-lg);}
.table tbody td .table-action .btn.btn-icon.btn-xl {min-width: var(--btn-icon-width-xl);}
/* Utility classes */
.table.table-vertical-top tbody td {vertical-align: top;}
.table thead.thead-light tr th {--table-thead-th-bg: var(--clr-secondary); --table-thead-th-clr: var(--clr-primary);}
.table.table-striped tbody tr:nth-child(even) td {background-color: var(--table-striped-tbody-td-evenrow-bg); color: var(--table-tbody-td-clr);}
.table tbody td.table-nodata{
  text-align: center;
  height: var(--table-tbody-td-nodate-height);
  background: var(--table-tbody-td-nodate-bg);
  color: var(--table-tbody-td-nodate-clr);
  font-size: var(--table-tbody-td-nodate-fs);
  font-weight: var(--table-tbody-td-nodate-fw);
  border: var(--table-tbody-td-borderbottom-width) solid var(--table-tbody-td-borderbottom-clr);
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_tablist.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.tablist{text-align: var(--tablist-align);}
.tablist ul.nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tablist-nav-gap);
    padding-block: var(--tablist-nav-padding-block);
    padding-inline: var(--tablist-nav-padding-inline);
    background: var(--tablist-nav-bg);
    border-radius: var(--tablist-nav-border-radius);
    box-shadow: var(--tablist-nav-boxshadow);
}
.tablist ul.nav li.nav-item .nav-link {
  position: relative;
  padding-block: var(--tablist-nav-link-padding-block);
  padding-inline: var(--tablist-nav-link-padding-inline);
  font-size: var(--tablist-nav-link-fs);
  font-weight: var(--tablist-nav-link-fw);
  line-height: var(--tablist-nav-link-lineheight);
  color: var(--tablist-nav-link-clr);
  background: var(--tablist-nav-link-bg);
  border-radius: var(--tablist-nav-link-border-radius);
}
.tablist ul.nav li.nav-item .nav-link.active,
.tablist ul.nav li.nav-item .nav-link:hover{background: var(--tablist-nav-link-hover-bg); color: var(--tablist-nav-link-hover-clr);}
.tablist .tab-content{text-align: initial;}

/* Tablist || Line */
.tablist.tablist-line ul.nav li.nav-item .nav-link:before,
.tablist.tablist-line ul.nav li.nav-item .nav-link:before {
  content: '';
  position: absolute;
  inset-inline: 0;
  width: var(--tablist-nav-link-line-width);
  height: var(--tablist-nav-link-line-height);
  bottom: var(--tablist-nav-link-line-bottom);
  background: var(--tablist-nav-link-line-bg);
}
.tablist.tablist-line ul.nav li.nav-item .nav-link.active:before,
.tablist.tablist-line ul.nav li.nav-item .nav-link:hover:before {background: var(--tablist-nav-link-line-hover-bg);}
/* === === Prefix === === */
.tablist-rinv-tablist{
  --tablist-nav-link-padding-block: 9px;
  --tablist-nav-link-padding-inline: 10px;
  --tablist-nav-link-clr: var(--clr-white);
  --tablist-nav-link-fs: 16px;
  --tablist-nav-link-fw: 400;
  --tablist-nav-link-lineheight: 23px;
  --tablist-nav-link-bg: var(--clr-light-blue-2);
  --tablist-nav-link-border-radius: 6px;
}
.tablist.rinv-tablist ul.nav {
    justify-content: flex-start;
    display: flex;
    background: transparent;
    box-shadow: none;
}
.tablist.rinv-tablist ul.nav li.nav-item .nav-link {min-width: 21.5rem;}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_accordion.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.accordion .accordion-item {
  margin-block: var(--accordion-item-margin-block);
  margin-inline: var(--accordion-item-margin-inline);
  border-color: transparent;
}
.accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--accordion-item-header-width);
  padding-block: var(--accordion-item-header-padding-block);
  padding-inline: var(--accordion-item-header-padding-inline);
  background: var(--accordion-item-header-bg);
  border-radius: var(--accordion-item-header-border-radius);
}
.accordion .accordion-body{
  padding-block: var(--accordion-item-body-padding-block);
  padding-inline: var(--accordion-item-body-padding-inline);
}
.accordion .accordion-header .svg-icon {width: var(--accordion-item-header-icon-width);}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/_variables.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
/* === === Components Variables === === */
/* === Buttons === */
.btn {
    --btn-padding-block: 5px;
    /* width */
    --btn-padding-inline-sm: 10px;
    --btn-padding-inline-md: 20px;
    --btn-padding-inline-lg: 30px;
    --btn-padding-inline-xl: 40px;
    /* height */
    --btn-height-sm: 30px;
    --btn-height-md: 40px;
    --btn-height-lg: 50px;
    --btn-height-xl: 60px;
    /* font */
    --btn-fs: 14px;
    --btn-fw: bold;
    --btn-border-radius: 5px;
    /* colors */
    --btn-clr: var(--clr-dark);
    --btn-bg: var(--clr-secondary);
    --btn-border-clr: var(--clr-gray);
    /* opacity */
    --btn-opacity-hover: 0.4;
    --btn-opacity-disabled: 0.2;
    /* --- --- */
    /* icons||only */
    --btn-icon-padding: 5px;
    --btn-icon-border-radius: 5px;
    --btn-icon-fs: 12px;
    /* icon sizes */
    --btn-icon-width-sm: 20px;
    --btn-icon-height-sm: 20px;
    --btn-icon-width-md: 30px;
    --btn-icon-height-md: 30px;
    --btn-icon-width-lg: 40px;
    --btn-icon-height-lg: 40px;
    --btn-icon-width-xl: 50px;
    --btn-icon-height-xl: 50px;
  
}
/* === Cards === */
.card{
	--card-padding: 10px;
	--card-mb: 30px;
	--card-bg: var(--clr-white);
	--card-border-width: 1px;
	--card-border-clr: transparent;
	--card-border-radius: 15px;
	--card-boxshadow: 0;
	/* Header */
	--card-header-padding: 0 10px;
	--card-header-bg: transparent;
	--card-header-borderbottom-width: 0px;
	--card-header-borderbottom-clr: transparent;
	--card-header-mobile-gap: 10px;
	/* Header || title */
	--card-header-title-marginblock: 0px;
	--card-header-title-margininline: 0px;
	--card-header-title-clr: var(--clr-dark);
	--card-header-title-fs: 20px;
	--card-header-title-fw: 700;
	--card-header-title-linheight: 1.5;
	/* Header || subtitle */
	--card-header-subtitle-marginblock: 0px;
	--card-header-subtitle-margininline: 5px;
	--card-header-subtitle-clr: var(--clr-gray);
	--card-header-subtitle-fs: 14px;
	--card-header-subtitle-fw: 700;
	--card-header-subtitle-linheight: 1.5;
	/* Header || Toolbar */
	--card-header-toolbar-gap: 0px;
	--card-header-toolbar-marginblock: 10px;
	--card-header-toolbar-margininline: 0px;
	/* Body */
	--card-body-padding: 20px 10px;
	/* Footer */
	--card-footer-padding: 20px 10px;
	--card-footer-gap: 10px;
	--card-footer-bg: var(--clr-white);
	--card-footer-bordertop-width: 1px;
	--card-footer-bordertop-clr: var(--clr-secondary-3);
	--card-footer-action-gap: 20px;
}
/* === Dropdown === */
.dropdown{
    --dropdown-minwidth: 150px;
    --dropdown-padding-block: 10px;
    --dropdown-padding-inline: 0px;
    --dropdown-border-width: 1px;
    --dropdown-border-clr: var(--clr-gray-4);
    --dropdown-border-radius: 8px;
    --dropdown-align: center;
    --dropdown-clr: var(--clr-dark);
    --dropdown-bg: var(--clr-white);
    --dropdown-boxshadow: 0.5rem 0.5rem 1.5rem rgba(111, 129, 145, 0.1);
    /* arrow */
    --dropdown-arrow-content: '';
    --dropdown-arrow-border-width: 0px 10px 15px 10px;
    --dropdown-arrow-border-clr: transparent transparent var(--clr-white) transparent;
    /* menu item */
    --dropdown-menuitem-padding-block: 5px;
    --dropdown-menuitem-padding-inline: 15px;
    --dropdown-menuitem-clr: var(--clr-dark);
    --dropdown-menuitem-fs: 14px;
    --dropdown-menuitem-fw: 400;
    --dropdown-menuitem-bg: transparent;
    --dropdown-menuitem-border-clr: transparent;
    --dropdown-menuitem-hover-bg: var(--clr-secondary);
}
/* === Labels === */
.label{
    --label-display: inline-flex;
    --label-display-Xalignment: center;
    --label-display-Yalignment: center;
    --label-minwidth: 50px;
    --label-gap: 5px;
    --label-padding-block: 5px;
    --label-fs: 14px;
    --label-fw: 400;
    /* --label-lineheight: 20px; */
    --label-bg: var(--clr-secondary);
    --label-border-width: 1px;
    --label-border-clr: transparent;
    --label-border-radius: 5px;
    /* sizes */
    --label-padding-inline-sm: 5px;
    --label-padding-inline-md: 10px;
    --label-padding-inline-lg: 20px;
    --label-padding-inline-xl: 30px;
    --label-height-sm: 25px;
    --label-height-md: 30px;
    --label-height-lg: 40px;
    --label-height-xl: 50px;
    /* icons */
    --label-icon-padding: 5px;
    --label-icon-border-width: 1px;
    --label-icon-border-clr: transparent;
    --label-icon-border-radius: 5px;
    /* icons || sizes */
    --label-icon-width-sm: 25px;
    --label-icon-height-sm: 25px;
    --label-svg-width-sm: 15px;
    --label-svg-height-sm: 15px;
    --label-icon-width-md: 40px;
    --label-icon-height-md: 40px;
    --label-svg-width-md: 25px;
    --label-svg-height-md: 25px;
    --label-icon-width-lg: 55px;
    --label-icon-height-lg: 55px;
    --label-svg-width-lg: 30px;
    --label-svg-height-lg: 30px;
    --label-icon-width-xl: 70px;
    --label-icon-height-xl: 70px;
    --label-svg-width-xl: 50px;
    --label-svg-height-xl: 50px;
}
/* === Alerts === */
.alert{
    --alert-bg: var(--clr-white);
    --alert-border-width: 1px;
    --alert-border-clr: var(--clr-gray);
    --alert-boxshadow: 0px 20px 20px rgba(111, 129, 145, 0.03);
    /* icon */
    --alert-icon-width-md: 35px;
    --alert-icon-height-md: 35px;
    --alert-icon-clr: var(--clr-white);
    --alert-icon-bg: var(--clr-gray);
    --alert-icon-border-radius-md: 50%;
    --alert-icon-svg-width-md: 30px;
    --alert-icon-svg-height-md: 30px;
    /* content */
    --alert-content-clr: var(--clr-dark);
    --alert-content-fw: 400;
    --alert-content-lineheight-md: 25px;
    /* Close */
    --alert-close-ie: 10px;
    --alert-close-bs: 10%;

    /* SIZES */
    /* sm */
    --alert-gap-sm: 10px;
    --alert-padding-block-sm: 10px;
    --alert-padding-inline-sm: 10px 50px;
    --alert-border-radius-sm: 6px;
    --alert-icon-width-sm: 20px;
    --alert-icon-height-sm: 20px;
    --alert-icon-svg-width-sm: 15px;
    --alert-icon-svg-height-sm: 15px;
    --alert-icon-border-radius-sm: 50%;
    --alert-content-fs-sm: 14px;
    --alert-content-lineheight-sm: 20px;
    /* --- --- --- */
    /* md */
    --alert-gap-md: 10px;
    --alert-padding-block-md: 10px;
    --alert-padding-inline-md: 10px 50px;
    --alert-border-radius-md: 10px;
    --alert-icon-width-md: 25px;
    --alert-icon-height-md: 25px;
    --alert-icon-svg-width-md: 20px;
    --alert-icon-svg-height-md: 20px;
    --alert-icon-border-radius-md: 50%;
    --alert-content-fs-md: 16px;
    --alert-content-lineheight-md: 20px;
    /* --- --- --- */
    /* lg */
    --alert-gap-lg: 10px;
    --alert-padding-block-lg: 10px;
    --alert-padding-inline-lg: 10px 50px;
    --alert-border-radius-lg: 10px;
    --alert-icon-width-lg: 40px;
    --alert-icon-height-lg: 40px;
    --alert-icon-svg-width-lg: 30px;
    --alert-icon-svg-height-lg: 30px;
    --alert-icon-border-radius-lg: 50%;
    --alert-content-fs-lg: 16px;
    --alert-content-lineheight-lg: 25px;
    /* --- --- --- */
    /* xl */
    --alert-gap-xl: 10px;
    --alert-padding-block-xl: 10px;
    --alert-padding-inline-xl: 10px 50px;
    --alert-border-radius-xl: 10px;
    --alert-icon-width-xl: 50px;
    --alert-icon-height-xl: 50px;
    --alert-icon-svg-width-xl: 40px;
    --alert-icon-svg-height-xl: 40px;
    --alert-icon-border-radius-xl: 50%;
    --alert-content-fs-xl: 16px;
    --alert-content-lineheight-xl: 25px;
    /* --- --- --- */
}
/* === Forms === */
/* Inputs */
label:not(.radio, .checkbox, .switch){
    --form-label-fs: 16px;
    --form-label-fw: bold;
    --form-label-clr: var(--clr-dark);
    --form-label-mb: 10px;
}
.form-control {
    --form-control-width: 100%;
    --form-control-height: 40px;
    --form-control-lineheight: 40px;
    --form-control-padding-block: 5px;
    --form-control-padding-inline: 20px;
    --form-control-border-clr: var(--clr-secondary);
    --form-control-border-radius: 5px;
    --form-control-bg: var(--clr-white);
    --form-control-clr: var(--clr-dark);
    --form-control-fs: 14px;
    --form-control-fw: 400;
    /* focus */
    --form-control-focus-bg: var(--clr-white);
    --form-control-focus-border-clr: var(--clr-primary);
    /* placeholder */
    --form-control-placeholder-minheight: 18px;
    --form-control-placeholder-fs: 14px;
    --form-control-placeholder-fw: 400;
    --form-control-placeholder-clr: var(--clr-secondary);
    /* invalid */
    --form-control-invalid-border-clr: var(--clr-danger);
    /* disabled */
    --form-control-disabled-bg: var(--clr-secondary);
}
/* ng select || Angular */
.ng-select{
    --ngselect-padding-ie: 20px;
    /* arrow icon */
    --ngselect-arrow-width: 20px;
    --ngselect-arrow-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.116" height="8.071" viewBox="0 0 14.116 8.071"><path id="Icon_ionic-ios-arrow-down" data-name="Icon ionic-ios-arrow-down" d="M13.248,16.884l5.337-5.342a1,1,0,0,1,1.425,0,1.017,1.017,0,0,1,0,1.429l-6.048,6.052a1.007,1.007,0,0,1-1.391.029l-6.09-6.077a1.009,1.009,0,0,1,1.425-1.429Z" transform="translate(-6.188 -11.246)" fill="rgb(42,61,76)" /></svg>');
    --ngselect-arrow-icon-width: 20px;
    --ngselect-arrow-icon-height: 20px;
    /* clear icon */
    --ngselect-clear-padding: 10px;
    --ngselect-clear-width: 10px;
    --ngselect-clear-fs: 24px;
    /* Multiple */
    --ngselect-multi-lineheight: 25px;
    --ngselect-multi-gap: 5px;
    /* label */
    --ngselect-multi-label-clr: var(--clr-primary);
    --ngselect-multi-label-bg: var(--clr-light-blue);
    --ngselect-multi-label-border-radius: 5px;
    --ngselect-multi-label-padding-inline: 10px;
    /* label icon */
    --ngselect-multi-label-icon-padding-is: 5px;
    --ngselect-multi-label-icon-clr: var(--clr-dark);
    --ngselect-multi-label-icon-fs: 25px;
}
.ng-dropdown-panel{
    --ngselect-dropdown-padding: 10px 0;
    --ngselect-dropdown-fs: 14px;
    --ngselect-dropdown-clr: var(--clr-dark);
    --ngselect-dropdown-bg: var(--clr-white);
    --ngselect-dropdown-border-clr: var(--clr-gray-4);
    --ngselect-dropdown-border-radius: 8px;
    --ngselect-dropdown-box-shadow: 5px 5px 15px rgb(111 129 145 / 10%);
    --ngselect-dropdown-maxheight: 160px;
    /* ng option */
    --ngselect-dropdown-option-gap: 5px;
    --ngselect-dropdown-option-padding: 0 15px;
    --ngselect-dropdown-option-height: 36px;
    --ngselect-dropdown-option-clr: var(--clr-dark);
    --ngselect-dropdown-option-align: start;
    --ngselect-dropdown-option-hover-clr: var(--clr-dark);
    --ngselect-dropdown-option-hover-bg: var(--clr-secondary);

}
/* Checkbox */
.checkbox{
    --checkbox-fs: 14px;
    --checkbox-fw: 400;
    --checkbox-margin: 10px 0;
    --checkbox-text-clr: var(--clr-dark);
    /* span */
    --checkbox-width: 21px;
    --checkbox-height: 21px;
    --checkbox-width-sm: 15px;
    --checkbox-height-sm: 15px;
    --checkbox-bg: var(--clr-white);
    --checkbox-border-clr: var(--clr-secondary);
    --checkbox-border-radius: 5px;
    --checkbox-border-radius-sm: 3px;
    /* check icon */
    --checkbox-check-width: 6px;
    --checkbox-check-height: 11px;
    --checkbox-check-width-sm: 4px;
    --checkbox-check-height-sm: 8px;
    --checkbox-check-inset-bs: 2px;
    --checkbox-check-inset-bs-sm: 1.5px;
    --checkbox-check-border-width: 0 3px 3px 0 !important;
    --checkbox-check-border-width-sm: 0 2px 2px 0 !important;
    --checkbox-check-clr: var(--clr-white);
    /* checked */
    --checkbox-active-bg: var(--clr-primary);
    --checkbox-active-border-clr: var(--clr-primary);
}
.checkbox-custom{
    --checkbox-custom-padding: 10px;
    --checkbox-custom-container-border-clr: var(--clr-gray-3);
    --checkbox-custom-border-clr: var(--clr-gray-3);
    --checkbox-custom-border-radius: 10px;
    --checkbox-custom-disabled-container-bg: rgb(223 236 248 / 40%);
    --checkbox-custom-disabled-bg: var(--clr-secondary-4);
}
/* Radio */
.radio-group{
    --radiogroup-gap: 15px;
    --radiogroup-margin: 10px 0;
}
.radio{
    --radiogroup-radio-gap: 10px;
    --radiogroup-radio-clr: var(--clr-dark);
    --radiogroup-radio-fs: 14px;
    --radiogroup-radio-fw: 400;
    --radiogroup-radio-hover-clr: var(--clr-primary);
    --radiogroup-radio-width: 20px;
    --radiogroup-radio-height: 20px;
    --radiogroup-radio-bg: var(--clr-white);
    --radiogroup-radio-border-width: 1px;
    --radiogroup-radio-border-clr: var(--clr-secondary);
    --radiogroup-radio-border-radius: 50%;
    /* icon */
    --radiogroup-radio-icon-width: 15px;
    --radiogroup-radio-icon-height: 15px;
    --radiogroup-radio-icon-bg: var(--clr-white);
    --radiogroup-radio-icon-border-radius: 50%;
    /* active */
    --radiogroup-radio-active-bg: var(--clr-primary);
}
/* Switch */
.switch{
    --switch-width: 40px;
    --switch-height: 24px;
    --switch-margin: 2px 0;
    --switch-border-radius: 40vw;
    /* container */
    --switch-container-bg: var(--clr-gray-3);
    --switch-container-active-bg: var(--clr-primary);
    /* icon */
    --switch-icon-width: 16px;
    --switch-icon-height: 16px;
    --switch-icon-bg: var(--clr-white);
    --switch-icon-inset-block: 4px;
    --switch-icon-inset-ie: 4px;
    --switch-icon-boxshadow: 0 0.3rem 0.6rem var(--clr-gray-3);
    /* --switch-icon-active-inset-ie: 15px; */
    --switch-icon-active-boxshadow: 0 0.3rem 0.6rem var(--clr-primary);
}
/* Rating || Angular */
ngb-rating{
    --rating-margin-block: 0px;
    --rating-margin-inline: 20px;
    --rating-star-clr: var(--clr-secondary);
    --rating-star-fs: 40px;
    --rating-star-fill-clr: var(--clr-orange);
    /* span */
    --rating-star-span-width: 60px;
    --rating-star-span-ie: -15px;
    --rating-star-span-bottom: -30px;
    --rating-star-span-clr: var(--clr-primary);
    --rating-star-span-fs: 16px;
    --rating-star-span-fw: 500;
}
/* === Modals === */
/* MODAL OVERLAY */
.modal-backdrop{
    --modal-overlay-zindex: 1055;
    --modal-overlay-bg: rgba(42, 61, 76, 0.8);
    --modal-overlay-backdropfilter: blur(0.2rem) brightness(100%);;
}
/* MODAL DEFAULT TYPE */
.modal-dialog{
    --modal-padding-block: 20px;
    --modal-padding-inline: 20px;
    --modal-bg: var(--clr-white);
    --modal-border-width: 1px;
    --modal-border-clr: var(--clr-primary);
    --modal-border-radius: 15px;
    --modal-fs: 16px;
    --modal-fw: 400;
    /* header */
    --modal-header-title-padding-block: 10px 0;
    --modal-header-title-padding-inline: 0px;
    --modal-header-title-fs: 20px;
    --modal-header-title-fw: 800;
    --modal-header-title-lineheight: 26px;
    /* icon */
    --modal-header-icon-width: 30px;
    --modal-header-icon-height: 30px;
    /* close */
    --modal-header-close-width: 15px;
    --modal-header-close-height: 15px;
    --modal-header-close-clr: var(--clr-primary);
    /* Body */
    --modal-body-padding-block: 25px;
    --modal-body-padding-inline: 0px;
    /* Footer */
    --modal-footer-gap: 10px;
    --modal-footer-padding-block: 10px;
    --modal-footer-padding-inline: 0;
    --modal-footer-border-width: 0px;
    --modal-footer-border-clr: transparent;
    /* cancel */
    --modal-footer-cancel-bg: transparent;
    --modal-footer-cancel-clr: var(--clr-gray);
    --modal-footer-cancel-border-clr: transparent;
}
/* MODAL CONFIRMATION TYPE */
.modal-dialog.modal-confirm{
    /* body */
    --modal-body-padding-block: 40px 20px;
    /* body title || h3 */
    --modal-body-confirmation-title-clr: var(--clr-dark);
    --modal-body-confirmation-title-fs: 16px;
    --modal-body-confirmation-title-fw: 700;
    --modal-body-confirmation-title-lineheight: 25px;

}
/* === Paginations === */
.pagination {
    --pagination-gap: 10px;
    --pagination-margin: 15px 0 15px 0;
    /* List */
    --pagination-list-gap: 5px;
    --pagination-list-margin: 0px;
    /* link */
    --pagination-list-link-padding: 5px;
    --pagination-list-link-width: 28px;
    --pagination-list-link-height: 28px;
    --pagination-list-link-bg: var(--clr-gray-1);
    --pagination-list-link-clr: var(--clr-gray-3);
    --pagination-list-link-fs: 14px;
    --pagination-list-link-fw: 400;
    --pagination-list-link-lineheight: 1;
    --pagination-list-link-border-width: 1px;
    --pagination-list-link-border-clr: transparent;
    --pagination-list-link-border-radius: 6px;
    /* link | Controls */
    --pagination-list-link-control-spacing: 10px;
    --pagination-list-link-control-clr: var(--clr-primary);
    --pagination-list-link-control-bg: var(--clr-white);
    --pagination-list-link-control-border-clr: var(--clr-secondary);
    --pagination-list-link-control-fs: 18px;
    --pagination-list-link-control-fw: 400;
    --pagination-list-link-control-lineheight: 20px;
    /* link | active */
    --pagination-list-link-active-clr: var(--clr-white);
    --pagination-list-link-active-bg: var(--clr-primary);
    --pagination-list-link-active-border-clr: var(--clr-primary);
    /* link | disabled */
    --pagination-list-link-disabled-opacity: 0.2;
    
    /* Shown Number || Rows Number */
    --pagination-rownumber-gap: 11px;
    /* select */
    --pagination-rownumber-select-padding: 5px;
    --pagination-rownumber-select-width: auto;
    --pagination-rownumber-select-minwidth: 71px;
    --pagination-rownumber-select-height: 28px;
    --pagination-rownumber-select-bg: var(--clr-white);
    --pagination-rownumber-select-border-radius: 6px;
    --pagination-rownumber-select-icon-width: 10px;
}
/* === Tables === */
.table{
    --table-border-spacing: 0;
    --table-border-width: 0px;
    --table-bg: var(--clr-white);
    --table-border-clr: var(--clr-dark);
    --table-border-ss-radius: 5px;
    --table-border-se-radius: 5px;
    --table-border-es-radius: 0px;
    --table-border-ee-radius: 0px;
    --table-fw: 500;
    --table-mb: 20px;
    /* thead */
    --table-thead-valign: middle;
    --table-thead-th-padding-block: 10px;
    --table-thead-th-padding-inline: 20px 10px;
    --table-thead-th-height: 40px;
    --table-thead-th-fs: 14px;
    --table-thead-th-fw: 700;
    --table-thead-th-lineheight: 18px;
    --table-thead-th-texttransform: uppercase;
    --table-thead-th-clr: var(--clr-dark);
    --table-thead-th-bg: var(--clr-secondary);
    --table-thead-th-borderbottom-width: 0px;
    --table-thead-th-borderbottom-clr: var(--clr-dark);
    --table-thead-th-borderend-width: 1px;
    --table-thead-th-borderend-clr: var(--clr-secondary);
    /* tbody */
    --table-tbody-td-padding-block: 5px;
    --table-tbody-td-padding-inline: 20px;
    --table-tbody-td-height: 40px;
    --table-tbody-td-fs: 14px;
    --table-tbody-td-fw: 500;
    --table-tbody-td-lineheight: 22px;
    --table-tbody-td-texttransform: uppercase;
    --table-tbody-td-clr: var(--clr-dark);
    --table-tbody-td-bg: transparent;
    --table-tbody-td-borderbottom-width: 0px;
    --table-tbody-td-borderbottom-clr: var(--clr-secondary);
    --table-tbody-td-borderend-width: 1px;
    --table-tbody-td-borderend-clr: var(--clr-secondary);
    /* Action */
    --table-tbody-td-action-gap: 10px;
    /* Utility Classes  */
    --table-striped-tbody-td-evenrow-bg: var(--clr-secondary);
    --table-tbody-td-nodate-height: 100px;
    --table-tbody-td-nodate-clr: var(--clr-dark);
    --table-tbody-td-nodate-fs: 14px;
    --table-tbody-td-nodate-fw: 400;
    --table-tbody-td-nodate-bg: var(--clr-secondary);
}
/* === Tablists === */
.tablist{
    --tablist-align: center;
    /* NAV */
    --tablist-nav-padding-block: 10px;
    --tablist-nav-padding-inline: 20px;
    --tablist-nav-gap: 20px;
    --tablist-nav-bg: var(--clr-white);
    --tablist-nav-border-radius: 15px;
    --tablist-nav-boxshadow: 0rem 2rem 2rem rgb(111 129 144 / 3%);
    /* NAV || Link */
    --tablist-nav-link-padding-block: 10px;
    --tablist-nav-link-padding-inline: 20px;
    --tablist-nav-link-bg: transparent;
    --tablist-nav-link-clr: var(--clr-dark);
    --tablist-nav-link-fs: 16px;
    --tablist-nav-link-fw: 400;
    --tablist-nav-link-lineheight: 23px;
    --tablist-nav-link-border-radius: 15px;
    /* link Active */
    --tablist-nav-link-hover-clr: var(--clr-white);
    --tablist-nav-link-hover-bg: var(--clr-primary);
}
.tablist.tablist-line{
    /* NAV */
    --tablist-nav-boxshadow: none;
    --tablist-nav-padding-block: 0px;
    --tablist-nav-padding-inline: 0px;
    --tablist-nav-gap: 10px;
    --tablist-nav-border-radius: 0px;
    /* Link */
    --tablist-nav-link-padding-block: 10px;
    --tablist-nav-link-padding-inline: 10px;
    --tablist-nav-link-fs: 14px;
    --tablist-nav-link-fw: 700;
    --tablist-nav-link-border-radius: 0px;
    /* link Active */
    --tablist-nav-link-hover-clr: var(--clr-primary);
    --tablist-nav-link-hover-bg: transparent;
    /* Link Line */
    --tablist-nav-link-line-width: 100%;
    --tablist-nav-link-line-height: 2px;
    --tablist-nav-link-line-bg: transparent;
    --tablist-nav-link-line-bottom: -6px;
    /* Link Line Active */
    --tablist-nav-link-line-hover-bg: var(--clr-primary);
}
/* === Accordions === */
.accordion{
    --accordion-item-margin-block: 0px 11px;
    --accordion-item-margin-inline: 0px;
    /* Item || Header */
    --accordion-item-header-width: 100%;
    --accordion-item-header-padding-block: 8px;
    --accordion-item-header-padding-inline: 20px 38px;
    --accordion-item-header-bg: var(--clr-secondary);
    --accordion-item-header-border-radius: 5px;
    /* Header icon */
    --accordion-item-header-icon-width: 10px;
    /* Item || Body */
    --accordion-item-body-padding-block: 15px;
    --accordion-item-body-padding-inline: 15px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_variables.css ***!
  \******************************************************************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_buttons.css (1) ***!
  \********************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  /*---*/
  padding: var(--btn-padding-block) var(--btn-padding-inline-md);
  height: var(--btn-height-md);
  font-size: var(--btn-fs);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-border-radius);
  color: var(--btn-clr);
  background-color: var(--btn-bg);
  border-color: var(--btn-border-clr);
}
.btn:hover {color: var(--btn-clr); background-color: var(--btn-bg); border-color: var(--btn-border-clr); opacity: var(--btn-opacity-hover);}
.btn:focus,
.btn:focus-visible {color: var(--btn-clr); background-color: var(--btn-bg); border-color: var(--btn-border-clr); outline: 0; box-shadow: none;}
.btn:disabled {opacity: var(--btn-opacity-disabled); pointer-events: none;}
/* Buttons || Sizes */
.btn.btn-sm {padding-inline: var(--btn-padding-inline-sm); height: var(--btn-height-sm);}
.btn.btn-md {padding-inline: var(--btn-padding-inline-md); height: var(--btn-height-md);}
.btn.btn-lg {padding-inline: var(--btn-padding-inline-lg); height: var(--btn-height-lg);}
.btn.btn-xl {padding-inline: var(--btn-padding-inline-xl); height: var(--btn-height-xl);}
/* Buttons || Colors */
.btn.btn-primary {color: var(--clr-white) !important; background-color: var(--clr-primary) !important; border-color: var(--clr-primary) !important;}
.btn.btn-secondary {color: var(--clr-dark) !important; background-color: var(--clr-secondary) !important; border-color: var(--clr-secondary) !important;}
.btn.btn-success {color: var(--clr-white) !important; background-color: var(--clr-success) !important; border-color: var(--clr-success) !important;}
.btn.btn-warning {color: var(--clr-white) !important; background-color: var(--clr-warning) !important; border-color: var(--clr-warning) !important;}
.btn.btn-danger {color: var(--clr-white) !important; background-color: var(--clr-danger) !important; border-color: var(--clr-danger) !important;}
.btn.btn-outline-danger {color: var(--clr-danger) !important; background-color: #FDFCFC !important; border-color: #F8AAAA !important;}
/* Buttons || Custom Colors */
.btn-light-primary{color: var(--clr-white) !important; background-color: var(--clr-light-primary) !important; border-color: var(--clr-light-primary) !important;}
.btn-secondary-2{color: var(--clr-body) !important; background-color: var(--clr-secondary-2) !important; border-color: transparent !important;}
.btn-orange{color: var(--clr-white) !important; background-color: var(--clr-orange) !important; border-color: var(--clr-orange) !important;}
.btn-light-blue{color: var(--clr-primary) !important; background-color: var(--clr-light-blue) !important; border-color: var(--clr-light-blue) !important;}
.btn-light-blue-2{color: var(--clr-white) !important; background-color: var(--clr-light-blue-2) !important; border-color: var(--clr-light-blue-2) !important;}
.btn-light-blue-4{color: var(--clr-primary) !important; background-color: var(--clr-light-blue-4) !important; border-color: transparent !important;}
.btn-light-gray{color: var(--clr-body) !important; background-color: var(--clr-gray-5) !important; border-color: var(--clr-gray-5) !important;}
/* Buttons || Icons - only */
.btn.btn-icon {width: var(--btn-icon-width-md); height: var(--btn-icon-height-md); padding: var(--btn-icon-padding); border-radius: var(--btn-icon-border-radius); font-size: var(--btn-icon-fs); line-height: 1.5;}
/* Buttons || Icons - sizes */
.btn.btn-icon.btn-sm {width: var(--btn-icon-width-sm); height: var(--btn-icon-height-sm);}
.btn.btn-icon.btn-md {width: var(--btn-icon-width-md); height: var(--btn-icon-height-md);}
.btn.btn-icon.btn-lg {width: var(--btn-icon-width-lg); height: var(--btn-icon-height-lg);}
.btn.btn-icon.btn-xl {width: var(--btn-icon-width-xl); height: var(--btn-icon-height-xl);}
/* When Using btn-tranparent | Dont use .btn-color => use .text-color */
.btn.btn-link,
.btn.btn-transparent:hover,
.btn.btn-transparent:focus-visible,
.btn.btn-transparent{padding: 0; background: transparent; border: transparent; height: auto; width: auto;}
.btn.btn-link{text-decoration: underline;}
/* ==== === ==== */
/* .btn:not(.ngb-dp-arrow-btn) */

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_cards.css (1) ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Card | Default */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	padding: var(--card-padding);
	background-color: var(--card-bg);
	border: var(--card-border-width) solid var(--card-border-clr);
	border-radius: var(--card-border-radius);
	margin-bottom: var(--card-mb);
	box-shadow: var(--card-boxshadow);
}
.card.card-stretch {
	display: flex;
	align-items: stretch !important;
	flex-direction: column;
	height: calc(100% - var(--card-mb));
}
/* Header */
.card .card-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	padding: var(--card-header-padding);
	background-color: var(--card-header-bg);
	border-bottom: var(--card-header-borderbottom-width) solid var(--card-header-borderbottom-clr);
}
@media screen and (max-width: 549.98px) {
	.card .card-header{gap: var(--card-header-mobile-gap);}
}
.card .card-header .card-title {
	display: flex;
	align-items: center;
	margin-block: var(--card-header-title-marginblock);
	margin-inline: var(--card-header-title-margininline);
}
.card .card-header .card-title h3 {
    color: var(--card-header-title-clr);
	font-size: var(--card-header-title-fs);
    font-weight: var(--card-header-title-fw);
    line-height: var(--card-header-title-linheight);
}
.card .card-header .card-title .card-subtitle {
	margin-block: var(--card-header-subtitle-marginblock);
	margin-inline: var(--card-header-subtitle-margininline);
	color: var(--card-header-subtitle-clr);
	font-size: var(--card-header-subtitle-fs);
    font-weight: var(--card-header-subtitle-fw);
    line-height: var(--card-header-subtitle-linheight);
}
.card .card-header .card-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--card-header-toolbar-gap);
	margin-block: var(--card-header-toolbar-marginblock);
	margin-inline: var(--card-header-toolbar-margininline);
}
/* Body */
.card .card-body {padding: var(--card-body-padding);}
/* Footer */
.card .card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--card-footer-gap);
	padding: var(--card-footer-padding);
	background-color: var(--card-footer-bg);
	border-top: var(--card-footer-bordertop-width) solid var(--card-footer-bordertop-clr);
}
.card .card-footer .card-action{display: flex; align-items: center; gap: var(--card-footer-action-gap);}
/* .card .card-footer .card-action > *{flex: 1;} */
@media screen and (max-width: 767.98px){
	.card .card-footer{flex-direction: column;}
	.card-action{flex:1; width: 100%;}
}
/* @media screen and (min-width:1200px){.card-action.action-xl-25{flex:0.25}}
@media screen and (min-width:992px){.card-action{flex:0.35}}
@media screen and (min-width:768px) and (max-width: 991.98px){.card-action{flex:0.5}} */
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_dropdown.css (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.dropdown .dropdown-menu {
    min-width: var(--dropdown-minwidth);
    padding-block: var(--dropdown-padding-block);
    padding-inline: var(--dropdown-padding-inline);
    border: var(--dropdown-border-width) solid var(--dropdown-border-clr);
    border-radius: var(--dropdown-border-radius);
    text-align: var(--dropdown-align);
    line-height: 1;
    color: var(--dropdown-clr);
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-boxshadow);
}
.dropdown .dropdown-menu::before{
    content: var(--dropdown-arrow-content);
    width: 0;
    height: 0;
    position: absolute;
    top: -1rem;
    inset-inline-end: 0.5rem;
    border-style: solid;
    border-width: var(--dropdown-arrow-border-width);
    border-color: var(--dropdown-arrow-border-clr);
}
.dropdown .dropdown-toggle{
    background: transparent;
    border-color: transparent;
    line-height: 1;
    /* padding: 0; */
    /* height: auto; */
}
.dropdown .dropdown-toggle::after {display: none;}
.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle){
    padding-block: var(--dropdown-menuitem-padding-block);
    padding-inline: var(--dropdown-menuitem-padding-inline);
    color: var(--dropdown-menuitem-clr);
    font-size: var(--dropdown-menuitem-fs);
    font-weight: var(--dropdown-menuitem-fw);
    height: auto;
    width: 100%;
    border-radius: 0;
    background-color: var(--dropdown-menuitem-bg);
    border-color: var(--dropdown-menuitem-border-clr);
}
.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover{background: var(--dropdown-menuitem-hover-bg);}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_labels.css (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.label{
    display: var(--label-display);
    justify-content: var(--label-display-Xalignment);
    align-items: var(--label-display-Yalignment);
    gap: var(--label-gap);
    min-width: var(--label-minwidth);
    height: var(--label-height-md);
    padding: var(--label-padding-block) var(--label-padding-inline-md);
    font-size: var(--label-fs);
    font-weight: var(--label-fw);
    background-color: var(--label-bg);
    border: var(--label-border-width) solid var(--label-border-clr);
    border-radius: var(--label-border-radius);
}
/* Sizes */
.label:not(.label-icon).label-sm{padding-inline: var(--label-padding-inline-sm); height: var(--label-height-sm);}
.label:not(.label-icon).label-md{padding-inline: var(--label-padding-inline-md); height: var(--label-height-md);}
.label:not(.label-icon).label-lg{padding-inline: var(--label-padding-inline-lg); height: var(--label-height-lg);}
.label:not(.label-icon).label-xl{padding-inline: var(--label-padding-inline-xl); height: var(--label-height-xl);}
/* Icons */
.label.label-icon {
    min-width: auto;
    padding: var(--label-icon-padding);
    width: var(--label-icon-width-md);
    height: var(--label-icon-height-md);
    border: var(--label-icon-border-width) solid var(--label-icon-border-clr);
    border-radius: var(--label-icon-border-radius);
}
.label.label-icon .svg-icon{width: var(--label-svg-width-md); height: var(--label-svg-height-md);}
/* Icon || Sizes */
.label.label-icon.label-sm{width: var(--label-icon-width-sm); height: var(--label-icon-height-sm);}
.label.label-icon.label-sm .svg-icon{width: var(--label-svg-width-sm); line-height: var(--label-svg-height-sm);}
.label.label-icon.label-md{width: var(--label-icon-width-md); height: var(--label-icon-height-md);}
.label.label-icon.label-md .svg-icon{width: var(--label-svg-width-md); line-height: var(--label-svg-height-md);}
.label.label-icon.label-lg{width: var(--label-icon-width-lg); height: var(--label-icon-height-lg);}
.label.label-icon.label-lg .svg-icon{width: var(--label-svg-width-lg); line-height: var(--label-svg-height-lg);}
.label.label-icon.label-xl{width: var(--label-icon-width-xl); height: var(--label-icon-height-xl);}
.label.label-icon.label-xl .svg-icon{width: var(--label-svg-width-xl); line-height: var(--label-svg-height-xl);}
/* Colors */
.label.label-primary{background-color: var(--clr-primary); color: var(--clr-white);}
.label.label-primary .svg-icon{color: var(--clr-white);}
.label.label-success{background-color: var(--clr-success); color: var(--clr-white);}
.label.label-success .svg-icon{color: var(--clr-white);}
.label.label-warning{background-color: var(--clr-warning); color: var(--clr-white);}
.label.label-warning .svg-icon{color: var(--clr-white);}
.label.label-danger{background-color: var(--clr-danger); color: var(--clr-white);}
.label.label-danger .svg-icon{color: var(--clr-white);}
/* ====================  */
/* Alerts */
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.alert{
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--alert-gap-md);
    padding-block: var(--alert-padding-block-md);
    padding-inline: var(--alert-padding-inline-md);
    background-color: var(--alert-bg);
    border: var(--alert-border-width) solid var(--alert-border-clr);
    border-radius: var(--alert-border-radius-md);
    box-shadow: var(--alert-boxshadow);
}
/* Icon */
.alert .alert-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--alert-icon-width-md);
    height: var(--alert-icon-height-md);
    color: var(--alert-icon-clr);
    background: var(--alert-icon-bg);
    border-radius: var(--alert-icon-border-radius-md);
}
.alert .alert-icon .svg-icon svg{width: var(--alert-icon-svg-width-md); height: var(--alert-icon-svg-height-md);}
/* Content */
.alert .alert-content p{
    color: var(--alert-content-clr);
    font-size: var(--alert-content-fs-md);
    font-weight: var(--alert-content-fw);
    line-height: var(--alert-content-lineheight-md);
}
/* Close */
.alert .alert-close{position: absolute; inset-inline-end: var(--alert-close-ie); inset-block-start: var(--alert-close-bs);}
/* ==== === Sizes === ==== */
/* sm */
.alert.alert-sm{
    padding-block: var(--alert-padding-block-sm);
    padding-inline: var(--alert-padding-inline-sm);
    gap: var(--alert-gap-sm);
    border-radius: var(--alert-border-radius-sm); 
}
.alert.alert-sm .alert-icon,
.alert.alert-sm .alert-icon .svg-icon{width: var(--alert-icon-width-sm); height: var(--alert-icon-height-sm);}
.alert.alert-sm .alert-icon svg{width: var(--alert-icon-svg-width-sm); height: var(--alert-icon-svg-height-sm);}
.alert.alert-sm .alert-content p{font-size: var(--alert-content-fs-sm); line-height: var(--alert-content-lineheight-sm);}
/* md */
.alert.alert-md{
    padding-block: var(--alert-padding-block-md);
    padding-inline: var(--alert-padding-inline-md);
    gap: var(--alert-gap-md);
    border-radius: var(--alert-border-radius-md); 
}
.alert.alert-md .alert-icon,
.alert.alert-md .alert-icon .svg-icon{width: var(--alert-icon-width-md); height: var(--alert-icon-height-md);}
.alert.alert-md .alert-icon svg{width: var(--alert-icon-svg-width-md); height: var(--alert-icon-svg-height-md);}
.alert.alert-md .alert-content p{font-size: var(--alert-content-fs-md); line-height: var(--alert-content-lineheight-md);}
/* lg */
.alert.alert-lg{
    padding-block: var(--alert-padding-block-lg);
    padding-inline: var(--alert-padding-inline-lg);
    gap: var(--alert-gap-lg);
    border-radius: var(--alert-border-radius-lg); 
}
.alert.alert-lg .alert-icon,
.alert.alert-lg .alert-icon .svg-icon{width: var(--alert-icon-width-lg); height: var(--alert-icon-height-lg);}
.alert.alert-lg .alert-icon svg{width: var(--alert-icon-svg-width-lg); height: var(--alert-icon-svg-height-lg);}
.alert.alert-lg .alert-content p{font-size: var(--alert-content-fs-lg); line-height: var(--alert-content-lineheight-lg);}
/* xl */
.alert.alert-xl{
    padding-block: var(--alert-padding-block-xl);
    padding-inline: var(--alert-padding-inline-xl);
    gap: var(--alert-gap-xl);
    border-radius: var(--alert-border-radius-xl); 
}
.alert.alert-xl .alert-icon,
.alert.alert-xl .alert-icon .svg-icon{width: var(--alert-icon-width-xl); height: var(--alert-icon-height-xl);}
.alert.alert-xl .alert-icon svg{width: var(--alert-icon-svg-width-xl); height: var(--alert-icon-svg-height-xl);}
.alert.alert-xl .alert-content p{font-size: var(--alert-content-fs-xl); line-height: var(--alert-content-lineheight-xl);}
/* ==== === Colors === ==== */
/* Primary */
.alert.alert-primary{border-color: var(--clr-primary); background: var(--clr-light-primary);}
.alert.alert-primary .alert-icon{background: var(--clr-primary);}
.alert.alert-primary .alert-close .btn,
.alert.alert-primary .alert-content a{color: var(--clr-primary);}
/* Secondary */
.alert.alert-secondary{border-color: var(--clr-secondary); background: var(--clr-white);}
.alert.alert-secondary .alert-icon{background: var(--clr-secondary);}
.alert.alert-secondary .alert-close .btn,
.alert.alert-secondary .alert-content a{color: var(--clr-secondary);}
/* Success */
.alert.alert-success{border-color: var(--clr-success); background: var(--clr-light-success);}
.alert.alert-success .alert-icon{background: var(--clr-success);}
.alert.alert-success .alert-close .btn,
.alert.alert-success .alert-content a{color: var(--clr-success);}
/* Warning */
.alert.alert-warning{border-color: var(--clr-warning); background: var(--clr-light-warning);}
.alert.alert-warning .alert-icon{background: var(--clr-warning);}
.alert.alert-warning .alert-close .btn,
.alert.alert-warning .alert-content a{color: var(--clr-warning);}
/* Danger */
.alert.alert-danger{border-color: var(--clr-danger); background: var(--clr-light-danger);}
.alert.alert-danger .alert-icon{background: var(--clr-danger);}
.alert.alert-danger .alert-close .btn,
.alert.alert-danger .alert-content a{color: var(--clr-danger);}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_forms.css (1) ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.form-group {margin-bottom: 15px;}
label {
    display: block;
    font-size: var(--form-label-fs);
    font-weight: var(--form-label-fw);
    color: var(--form-label-clr);
    margin-bottom: var(--form-label-mb);
}
.form-control{
    display: inline-block;
    width: var(--form-control-width);
    height: var(--form-control-height);
    line-height: var(--form-control-lineheight);
    padding: var(--form-control-padding-block) var(--form-control-padding-inline);
    border: 1px solid var(--form-control-border-clr);
    border-radius: var(--form-control-border-radius);
    background: var(--form-control-bg);
    color: var(--form-control-clr);
    font-size: var(--form-control-fs);
    font-weight: var(--form-control-fw);
    cursor: pointer;
}
.form-control:focus,
.form-control[class*='-focused'],
.form-control:focus-visible{
    outline: 0;
    box-shadow: none;
    background: var(--form-control-focus-bg);
    border-color: var(--form-control-focus-border-clr);
}
.form-control::placeholder,
.form-control[class*='-placeholder']{
    min-height: var(--form-control-placeholder-minheight);
    font-size: var(--form-control-placeholder-fs);
    font-weight: var(--form-control-placeholder-fw);
    color: var(--form-control-placeholder-clr);
}
.form-control[readonly],
.form-control:disabled,
.form-control:disabled *,
.form-control[class *='-disabled']{
    background: var(--form-control-disabled-bg);
    cursor: default;
}
.form-control:invalid{
    border-color: var(--form-control-invalid-border-clr);
}
@media screen and (max-width: 560px) {input.form-control {min-width: 20rem;}}
/* ==== === ==== === ==== === ==== */
/* textarea */
textarea.form-control{height: auto; line-height: 1.5; min-height: var(--form-control-height);}
/* ==== === ==== === ==== === ==== */
/* ng-select */
.ng-select{padding-inline-end: var(--ngselect-padding-ie);}
.ng-select .ng-select-container .ng-input{padding-inline-end: var(--ngselect-arrow-width);}
.ng-select .ng-select-container .ng-input,
.ng-select.form-control .ng-select-container .ng-value-container .ng-input>input,
.ng-select.form-control {cursor: pointer;}
.ng-select .ng-select-container {height: 100%;}
.ng-select .ng-arrow-wrapper {width: var(--ngselect-arrow-width); height: 100%;}
.ng-select .ng-arrow-wrapper:after {
    content: '';
    width: var(--ngselect-arrow-icon-width);
    height: var(--ngselect-arrow-icon-height);
    position: absolute;
    background-image: var(--ngselect-arrow-icon);
    background-repeat: no-repeat;
    background-position: center;
    inset: 0;
    margin-block: auto;
}
.ng-select .ng-select-container .ng-arrow-wrapper.ng-has-value,
.ng-select .ng-select-container.ng-has-value .ng-placeholder,
.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-disabled .ng-arrow-wrapper{display: none;}
.ng-select .ng-select-container .ng-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: var(--form-control-placeholder-fs);
    font-weight: var(--form-control-placeholder-fw);
    color: var(--form-control-placeholder-clr);
}
.ng-select .ng-select-container .ng-clear-wrapper {
    display: inline-flex;
    padding-inline-end: calc(var(--ngselect-clear-width) + var(--ngselect-clear-padding));
    width: var(--ngselect-clear-width);
    font-size: var(--ngselect-clear-fs);
}
.ng-select .ng-select-container .ng-clear-wrapper .ng-clear {font-size: inherit;}
.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {align-items: center;}
/* --- ng select multiple --- */
.ng-select.form-control.ng-select-multiple {height: auto; min-height: var(--form-control-height); line-height: var(--ngselect-multi-lineheight);}
.ng-select.form-control.ng-select-multiple .ng-arrow-wrapper {display: flex; align-items: center; justify-content: center; height: auto;}
.ng-select.ng-select-multiple .ng-clear-wrapper .ng-clear {display: flex; align-items: center; justify-content: center;}
.ng-select.form-control.ng-select-multiple .ng-value-container {
    display: inline-flex;
    align-items: center;
    gap: var(--ngselect-multi-gap);
    min-height: calc(var(--form-control-height) - (var(--form-control-padding-block)*2) - 2px);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    max-width: 90%;
    gap: 0.5rem;
    border-radius: var(--ngselect-multi-label-border-radius);
    padding-inline: var(--ngselect-multi-label-padding-inline);
    background-color: var(--ngselect-multi-label-bg);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-icon {
    order: 2;
    margin-top: -5px;
    padding-inline-start: var(--ngselect-multi-label-icon-padding-is);
    color: var(--ngselect-multi-label-icon-clr);
    font-size: var(--ngselect-multi-label-icon-fs);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-label {order: 1; color: var(--ngselect-multi-label-clr);}
@media screen and (max-width: 767.98px) {.ng-select.form-control.ng-select-multiple {padding: 1rem;}}
/* --- ng select dropdown --- */
body>.ng-dropdown-panel,
.ng-select .ng-dropdown-panel {
    top: auto;
    left: 0;
    min-width: 100%;
    padding: var(--ngselect-dropdown-padding);
    margin-top: 1.5rem;
    text-align: center;
    font-size: var(--ngselect-dropdown-fs);
    line-height: 1;
    color: var(--ngselect-dropdown-clr);
    background: var(--ngselect-dropdown-bg);
    border: 1px solid var(--ngselect-dropdown-border-clr);
    border-radius: var(--ngselect-dropdown-border-radius);
    box-shadow: var(--ngselect-dropdown-box-shadow);
    outline: 0;
    z-index: 1047 !important;
    height: auto;
}
body>.ng-dropdown-panel .ng-dropdown-panel-items,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items {max-height: var(--ngselect-dropdown-maxheight);}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: var(--ngselect-dropdown-option-height);
    padding: var(--ngselect-dropdown-option-padding);
    color: var(--ngselect-dropdown-option-clr);
    line-height: var(--ngselect-dropdown-option-height);
    text-align: var(--ngselect-dropdown-option-align);
    font-size: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background: var(--ngselect-dropdown-option-hover-bg);
    color: var(--ngselect-dropdown-option-hover-clr);
}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option text,
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option text {
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
body>.ng-dropdown-panel.ng-select {
    height: auto;
    z-index: 1060 !important;
    font-size: var(--ngselect-dropdown-fs);
    padding: var(--ngselect-dropdown-padding);
    border-radius: var(--ngselect-dropdown-border-radius);
    margin-top: 0.8rem;
    border-color: transparent;
}
.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{gap: var(--ngselect-dropdown-option-gap);}
/* === ==== === */
.ng-select.form-control {min-width: 15rem;}
/* ==== === ==== === ==== === ==== */
/* CHECKBOX */
.checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-align: start;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: var(--checkbox-fs);
    font-weight: var(--checkbox-fw);
    margin: var(--checkbox-margin);
    color: var(--checkbox-text-clr);
}
.checkbox>input {position: absolute; z-index: -1; opacity: 0;}
.checkbox>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--checkbox-width);
    height: var(--checkbox-height);
    background-color: var(--checkbox-bg);
    border: 1px solid var(--checkbox-border-clr);
    border-radius: var(--checkbox-border-radius);
    transition: all 0.3s ease;
}
.checkbox>span:after {
    content: "";
    position: absolute;
    inset: 0;
    margin: 0 auto;
    inset-block-start: var(--checkbox-check-inset-bs);
    width: var(--checkbox-check-width);
    height: var(--checkbox-check-height);
    border-color: transparent;
    border-style: solid;
    border-width: var(--checkbox-check-border-width);
    transform: rotate(45deg);
}
.checkbox>input:focus~span {border-color: var(--checkbox-active-bg);}
.checkbox>input:checked~span {background-color: var(--checkbox-active-bg); transition: all 0.3s ease; border-color: var(--checkbox-active-border-clr);}
.checkbox>input:checked~span:after {display: block; border-color: var(--checkbox-check-clr);}
/* CHECKBOX SM */
.checkbox.checkbox-sm>span {
    width: var(--checkbox-width-sm);
    height: var(--checkbox-height-sm);
    border-radius: var(--checkbox-border-radius-sm);
}
.checkbox.checkbox-sm>span::after {
    width: var(--checkbox-check-width-sm);
    height: var(--checkbox-check-height-sm);
    inset-block-start: var(--checkbox-check-inset-bs-sm);
    border-width: var(--checkbox-check-border-width-sm);
}
/* CHECKBOX || CUSTOM */
.checkbox.checkbox-custom {width: 100%; padding: var(--checkbox-custom-padding); border: 1px solid var(--checkbox-custom-container-border-clr); border-radius: var(--checkbox-custom-border-radius);}
.checkbox.checkbox-custom>span {border-color: var(--checkbox-custom-border-clr);}
.checkbox.checkbox-custom.disabled>input:not(:checked)~span {background: var(--checkbox-custom-disabled-bg)}
.checkbox.checkbox-custom.disabled {background: var(--checkbox-custom-disabled-container-bg); pointer-events: none; cursor: not-allowed;}
/* ==== === ==== === ==== === ==== */
/* RADIO BUTTONS */
.radio-group {display: inline-flex; align-items: center; gap: var(--radiogroup-gap); margin: var(--radiogroup-margin);}
.radio-group.vertical-group {flex-direction: column; justify-content: center; align-items: flex-start;}
.radio.btn,
.radio.btn.active,
.radio.btn:hover {background: 0; border: 0; height: auto;}
.radio {
    display: flex;
    align-items: center;
    gap: var(--radiogroup-radio-gap);
    padding: 0;
    margin-bottom: 0;
    color: var(--radiogroup-radio-clr);
    font-size: var(--radiogroup-radio-fs);
    font-weight: var(--radiogroup-radio-fw);
    cursor: pointer;
}
.radio:hover {color: var(--radiogroup-radio-hover-clr);}
.radio input[type="radio"] {border-radius: 5px; position: absolute; visibility: hidden; z-index: -1;}
.radio span {
    position: relative;
    display: inline-block;
    width: var(--radiogroup-radio-width);
    height: var(--radiogroup-radio-height);
    border: var(--radiogroup-radio-border-width) solid var(--radiogroup-radio-border-clr);
    border-radius: var(--radiogroup-radio-border-radius);
    background: var(--radiogroup-radio-bg);
}
.radio span::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--radiogroup-radio-icon-width);
    height: var(--radiogroup-radio-icon-height);
    background: var(--radiogroup-radio-icon-bg);
    border-radius: var(--radiogroup-radio-icon-border-radius);
}
.radio.active span,
.radio > input:checked ~ span {border-color: var(--radiogroup-radio-active-bg);}
.radio.active span::before,
.radio > input:checked ~ span::before {background: var(--radiogroup-radio-active-bg);}
/* ==== === ==== === ==== === ==== */
/* SWITCH */
.switch {display: inline-flex; align-items: center; margin: 0; cursor: pointer;}
.switch input:empty {margin-left: -999rem; width: 0; height: 0; overflow: hidden; position: absolute; opacity: 0;}
.switch input:empty~span {
    display: inline-block;
    position: relative;
    width: var(--switch-width);
    height: var(--switch-height);
    margin: var(--switch-margin);
    border-radius: var(--switch-border-radius);
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    /* cursor: pointer; */
}
.switch input:empty~span:before,
.switch input:empty~span:after {
    content: " ";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-block: 0;
    inset-inline-end: 0;
    transition: all 100ms ease-in;
    border-radius: var(--switch-border-radius);
}
.switch input:empty~span:before {
    width: var(--switch-width);
    background-color: var(--switch-container-bg);
}
.switch input:checked~span:before {background-color: var(--switch-container-active-bg);}
.switch input:empty~span:after {
    width: var(--switch-icon-width);
    height: var(--switch-icon-height);
    inset-block: var(--switch-icon-inset-block);
    inset-inline-end: var(--switch-icon-inset-ie);
    background-color: var(--switch-icon-bg);
    box-shadow: var(--switch-icon-boxshadow);
}
.switch input:checked~span:after {
    inset-inline-end: calc(var(--switch-width) - var(--switch-icon-width) - var(--switch-icon-inset-ie));
    /* inset-inline-end: var(--switch-icon-active-inset-ie); */
    box-shadow: var(--switch-icon-active-boxshadow);
}
/* ==== === ==== === ==== === ==== */
/* RATING */
ngb-rating{
    /* direction: ltr; */
    align-items: center;
    justify-content: center;
    width: 100%;
}
.rating-star {
    position: relative;
    display: inline-block;
    margin-block: var(--rating-margin-block);
    margin-inline: var(--rating-margin-inline);
    color: var(--rating-star-clr);
    font-size: var(--rating-star-fs);
    line-height: 1;
}
.filled,
.full {color: var(--rating-star-fill-clr);}
.rating-star > span{
    position: absolute;
    display: inline-block;
    overflow: hidden;
    color: var(--rating-star-fill-clr);
}
.rating-star > span + span {
    width: var(--rating-star-span-width);
    inset-inline-start: var(--rating-star-span-is);
    bottom: var(--rating-star-span-bottom);
    color: var(--rating-star-span-clr);
    font-size: var(--rating-star-span-fs);
    font-weight: var(--rating-star-span-fw);
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_modals.css (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Modal Overlay */
body .modal-backdrop{
    z-index: var(--modal-overlay-zindex) !important;
    background-color: var(--modal-overlay-bg);
    backdrop-filter: var(--modal-overlay-backdropfilter);
}
body .modal-backdrop.show{
    opacity: 1;
}
/* Modal General || Default */
.modal-dialog .modal-content {
    padding-block: var(--modal-padding-block);
    padding-inline: var(--modal-padding-inline);
    font-size: var(--modal-fs);
    font-weight: var(--modal-fw);
    background-color: var(--modal-bg);
    border: var(--modal-border-width) solid var(--modal-border-clr);
    border-radius: var(--modal-border-radius);
}
/* Header */
.modal-dialog .modal-header{padding: 0; border: 0;}
.modal-header .modal-toolbar .btn-close-modal {outline: transparent;}
.modal-header .modal-title{
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    padding-block: var(--modal-header-title-padding-block);
    padding-inline: var(--modal-header-title-padding-inline);
    font-size: var(--modal-header-title-fs);
    font-weight: var(--modal-header-title-fw);
    line-height: var(--modal-header-title-lineheight);
}
.modal-header .modal-header-icon{
    width: var(--modal-header-icon-width);
    height: var(--modal-header-icon-height);
    object-fit: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-header .modal-toolbar .btn-close-modal{
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 0;
    padding-inline: 0;
    top: 10px;
    inset-inline-end: 10px;
    border-color: transparent;
    background: transparent;
    width: var(--modal-header-close-width);
    height: var(--modal-header-close-height);
    color: var(--modal-header-close-clr);
}
/* Body */
.modal-dialog .modal-body {padding-block: var(--modal-body-padding-block); padding-inline: var(--modal-body-padding-inline);}
/* Footer */
.modal-dialog .modal-footer {
    justify-content: center;
    gap: var(--modal-footer-gap);
    padding-block: var(--modal-footer-padding-block);
    padding-inline: var(--modal-footer-padding-inline);
    border: var(--modal-footer-border-width) solid var(--modal-footer-border-clr);
}
.modal-dialog .modal-footer > *{margin: 0;}
.modal-footer .btn {width: 100%}
/* Footer Custom Class  */
.modal-footer.footer-50 > * {flex: 1 0 0;}
@media screen and (max-width: 550px) {
    .modal-footer.footer-50 > * {flex: 100%;}
}
/* Footer || Cancel */
.modal-footer .btn-cancel{
    background: var(--modal-footer-cancel-bg);
    border-color: var(--modal-footer-cancel-border-clr);
    color: var(--modal-footer-cancel-clr);
}
/* Modal || Confirmation */
.modal-confirm .modal-body{
    padding-block: var(--modal-body-padding-block);
    text-align: center;
}
.modal-confirm .modal-body h3{
    font-size: var(--modal-body-confirmation-title-fs);
    font-weight: var(--modal-body-confirmation-title-fw);
    color: var(--modal-body-confirmation-title-clr);
    line-height: var(--modal-body-confirmation-title-lineheight);
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_pagination.css (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Default | Pagination */
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1 0 0;
  gap: var(--pagination-gap);
  margin: var(--pagination-margin);
}
@media screen and (max-width: 500px) {.pagination {justify-content: center;}}
.pagination.pagination-disabled {
  opacity: 0.2;
  pointer-events: none;
}
/* List */
.pagination .pagination {gap: var(--pagination-list-gap); margin: var(--pagination-list-margin);}
.pagination .pagination .page-item.disabled a.page-link[aria-label="First"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Last"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Previous"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Next"] {
  opacity: var(--pagination-list-link-disabled-opacity);
}
/* links */
.pagination .pagination .page-item a.page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--pagination-list-link-padding);
  width: var(--pagination-list-link-width);
  height: var(--pagination-list-link-height);
  background-color: var(--pagination-list-link-bg);
  border: var(--pagination-list-link-border-width) solid var(--pagination-list-link-border-clr);
  border-radius: var(--pagination-list-link-border-radius);
  color: var(--pagination-list-link-clr);
  font-size: var(--pagination-list-link-fs);
  font-weight: var(--pagination-list-link-fw);
  line-height: var(--pagination-list-link-lineheight);
}
.pagination .pagination .page-item a.page-link:focus-visible,
.pagination .pagination .page-item a.page-link:focus{outline: 0; box-shadow: none;}
.pagination .pagination .page-item:hover:not(.disabled) a.page-link,
.pagination .pagination .page-item.active a.page-link {
  color: var(--pagination-list-link-active-clr);
  background-color: var(--pagination-list-link-active-bg);
  border-color: var(--pagination-list-link-active-border-clr);
}
/* Previous & Next links && First & Last Links*/
.pagination .pagination .page-item a.page-link[aria-label="First"],
.pagination .pagination .page-item a.page-link[aria-label="Last"],
.pagination .pagination .page-item a.page-link[aria-label="Previous"],
.pagination .pagination .page-item a.page-link[aria-label="Next"] {
  background: var(--pagination-list-link-control-bg);
  color: var(--pagination-list-link-control-clr);
  border-color: var(--pagination-list-link-control-border-clr);
  font-size: var(--pagination-list-link-control-fs);
  font-weight: var(--pagination-list-link-control-fw);
  line-height: var(--pagination-list-link-control-lineheight);
}
.pagination .pagination .page-item:nth-last-child(2){margin-inline-start: var(--pagination-list-link-control-spacing);}
.pagination .pagination .page-item:nth-child(2){margin-inline-end: var(--pagination-list-link-control-spacing);}
/* Shown Number || Rows Number */
.pagination .shown-number {display: flex; align-items: center; gap: var(--pagination-rownumber-gap);}
.pagination .shown-number .ng-select {
  text-align: center;
  padding: var(--pagination-rownumber-select-padding);
  width: var(--pagination-rownumber-select-width);
  height: var(--pagination-rownumber-select-height);
  min-width: var(--pagination-rownumber-select-minwidth);
  background: var(--pagination-rownumber-select-bg);
  border-radius: var(--pagination-rownumber-select-border-radius);
}
.pagination .ng-select .ng-select-container .ng-value-container,
.pagination .ng-select .ng-select-container .ng-value-container .ng-value {justify-content: center;}
.pagination .shown-number .ng-select .ng-arrow-wrapper:after {
  --ngselect-arrow-icon-width: var(--pagination-rownumber-select-icon-width);
  background-size: contain;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_tables.css (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* === === Custom === === */
.table tbody tr:last-child td {--table-tbody-td-borderbottom-width: 1px;}
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
/* Table */
.table {
  border-collapse: separate;
  vertical-align: middle;
  background: var(--table-bg);
  border-spacing: var(--table-border-spacing);
  border: var(--table-border-width) solid var(--table-border-clr);
  border-bottom: 0px;
  border-start-start-radius: var(--table-border-ss-radius);
  border-start-end-radius: var(--table-border-se-radius);
  border-end-start-radius: var(--table-border-es-radius);
  border-end-end-radius: var(--table-border-ee-radius);
  font-weight: var(--table-fw);
  margin-bottom: var(--table-mb);
}
.table>*,
.table>*>* {border: 1px solid transparent;}
.table > :not(caption) > * > *{box-shadow: none;}
/* TABLE HEAD */
.table > thead{vertical-align: var(--table-thead-valign);}
.table thead th {
  padding-block: var(--table-thead-th-padding-block);
  padding-inline: var(--table-thead-th-padding-inline);
  font-size: var(--table-thead-th-fs);
  line-height: var(--table-thead-th-lineheight);
  font-weight: var(--table-thead-th-fw);
  text-transform: var(--table-thead-th-texttransform);
  height: var(--table-thead-th-height);
  color: var(--table-thead-th-clr);
  background-color: var(--table-thead-th-bg);
  border-bottom: var(--table-thead-th-borderbottom-width) solid var(--table-thead-th-borderbottom-clr);
  border-inline-end: var(--table-thead-th-borderend-width) solid var(--table-thead-th-borderend-clr);
}
.table thead th:first-child {border-start-start-radius: var(--table-border-ss-radius);}
.table thead th:last-child {border-start-end-radius: var(--table-border-se-radius); --table-thead-th-borderend-width: 0px;}
.table thead th.table-action {width: 0;}
/* TABLE BODY */
.table tbody td {
  padding-block: var(--table-tbody-td-padding-block);
  padding-inline: var(--table-tbody-td-padding-inline);
  font-size: var(--table-tbody-td-fs);
  line-height: var(--table-tbody-td-lineheight);
  font-weight: var(--table-tbody-td-fw);
  height: var(--table-tbody-td-height);
  color: var(--table-tbody-td-clr);
  background-color: var(--table-tbody-td-bg);
  border-bottom: var(--table-tbody-td-borderbottom-width) solid var(--table-tbody-td-borderbottom-clr);
  border-inline-end: var(--table-tbody-td-borderend-width) solid var(--table-tbody-td-borderend-clr);
}
.table tbody tr td:last-child { --table-tbody-td-borderend-width: 0px;}
/* .table tbody tr:last-child td {--table-tbody-td-borderbottom-width: 0px;} */
.table tbody tr:last-child td:first-child {border-end-start-radius: var(--table-border-es-radius);}
.table tbody tr:last-child td:last-child {border-end-end-radius: var(--table-border-ee-radius);}
/* table action */
.table tbody td .table-action {display: inline-flex; align-items: center; gap: var(--table-tbody-td-action-gap);}
.table tbody td .table-action .btn.btn-icon.btn-sm {min-width: var(--btn-icon-width-sm);}
.table tbody td .table-action .btn.btn-icon,
.table tbody td .table-action .btn.btn-icon.btn-md {min-width: var(--btn-icon-width-md);}
.table tbody td .table-action .btn.btn-icon.btn-lg {min-width: var(--btn-icon-width-lg);}
.table tbody td .table-action .btn.btn-icon.btn-xl {min-width: var(--btn-icon-width-xl);}
/* Utility classes */
.table.table-vertical-top tbody td {vertical-align: top;}
.table thead.thead-light tr th {--table-thead-th-bg: var(--clr-secondary); --table-thead-th-clr: var(--clr-primary);}
.table.table-striped tbody tr:nth-child(even) td {background-color: var(--table-striped-tbody-td-evenrow-bg); color: var(--table-tbody-td-clr);}
.table tbody td.table-nodata{
  text-align: center;
  height: var(--table-tbody-td-nodate-height);
  background: var(--table-tbody-td-nodate-bg);
  color: var(--table-tbody-td-nodate-clr);
  font-size: var(--table-tbody-td-nodate-fs);
  font-weight: var(--table-tbody-td-nodate-fw);
  border: var(--table-tbody-td-borderbottom-width) solid var(--table-tbody-td-borderbottom-clr);
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_tablist.css (1) ***!
  \********************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.tablist{text-align: var(--tablist-align);}
.tablist ul.nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tablist-nav-gap);
    padding-block: var(--tablist-nav-padding-block);
    padding-inline: var(--tablist-nav-padding-inline);
    background: var(--tablist-nav-bg);
    border-radius: var(--tablist-nav-border-radius);
    box-shadow: var(--tablist-nav-boxshadow);
}
.tablist ul.nav li.nav-item .nav-link {
  position: relative;
  padding-block: var(--tablist-nav-link-padding-block);
  padding-inline: var(--tablist-nav-link-padding-inline);
  font-size: var(--tablist-nav-link-fs);
  font-weight: var(--tablist-nav-link-fw);
  line-height: var(--tablist-nav-link-lineheight);
  color: var(--tablist-nav-link-clr);
  background: var(--tablist-nav-link-bg);
  border-radius: var(--tablist-nav-link-border-radius);
}
.tablist ul.nav li.nav-item .nav-link.active,
.tablist ul.nav li.nav-item .nav-link:hover{background: var(--tablist-nav-link-hover-bg); color: var(--tablist-nav-link-hover-clr);}
.tablist .tab-content{text-align: initial;}

/* Tablist || Line */
.tablist.tablist-line ul.nav li.nav-item .nav-link:before,
.tablist.tablist-line ul.nav li.nav-item .nav-link:before {
  content: '';
  position: absolute;
  inset-inline: 0;
  width: var(--tablist-nav-link-line-width);
  height: var(--tablist-nav-link-line-height);
  bottom: var(--tablist-nav-link-line-bottom);
  background: var(--tablist-nav-link-line-bg);
}
.tablist.tablist-line ul.nav li.nav-item .nav-link.active:before,
.tablist.tablist-line ul.nav li.nav-item .nav-link:hover:before {background: var(--tablist-nav-link-line-hover-bg);}
/* === === Prefix === === */
.tablist-rinv-tablist{
  --tablist-nav-link-padding-block: 9px;
  --tablist-nav-link-padding-inline: 10px;
  --tablist-nav-link-clr: var(--clr-white);
  --tablist-nav-link-fs: 16px;
  --tablist-nav-link-fw: 400;
  --tablist-nav-link-lineheight: 23px;
  --tablist-nav-link-bg: var(--clr-light-blue-2);
  --tablist-nav-link-border-radius: 6px;
}
.tablist.rinv-tablist ul.nav {
    justify-content: flex-start;
    display: flex;
    background: transparent;
    box-shadow: none;
}
.tablist.rinv-tablist ul.nav li.nav-item .nav-link {min-width: 21.5rem;}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_accordion.css (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* ==== === ==== === ==== === ==== */
/* === === General Styling === === */
.accordion .accordion-item {
  margin-block: var(--accordion-item-margin-block);
  margin-inline: var(--accordion-item-margin-inline);
  border-color: transparent;
}
.accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--accordion-item-header-width);
  padding-block: var(--accordion-item-header-padding-block);
  padding-inline: var(--accordion-item-header-padding-inline);
  background: var(--accordion-item-header-bg);
  border-radius: var(--accordion-item-header-border-radius);
}
.accordion .accordion-body{
  padding-block: var(--accordion-item-body-padding-block);
  padding-inline: var(--accordion-item-body-padding-inline);
}
.accordion .accordion-header .svg-icon {width: var(--accordion-item-header-icon-width);}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/_variables.css (1) ***!
  \***********************************************************************************************************************************************************************************************************************************/
/* === === Components Variables === === */
/* === Buttons === */
.btn {
    --btn-padding-block: 5px;
    /* width */
    --btn-padding-inline-sm: 10px;
    --btn-padding-inline-md: 20px;
    --btn-padding-inline-lg: 30px;
    --btn-padding-inline-xl: 40px;
    /* height */
    --btn-height-sm: 30px;
    --btn-height-md: 40px;
    --btn-height-lg: 50px;
    --btn-height-xl: 60px;
    /* font */
    --btn-fs: 14px;
    --btn-fw: bold;
    --btn-border-radius: 5px;
    /* colors */
    --btn-clr: var(--clr-dark);
    --btn-bg: var(--clr-secondary);
    --btn-border-clr: var(--clr-gray);
    /* opacity */
    --btn-opacity-hover: 0.4;
    --btn-opacity-disabled: 0.2;
    /* --- --- */
    /* icons||only */
    --btn-icon-padding: 5px;
    --btn-icon-border-radius: 5px;
    --btn-icon-fs: 12px;
    /* icon sizes */
    --btn-icon-width-sm: 20px;
    --btn-icon-height-sm: 20px;
    --btn-icon-width-md: 30px;
    --btn-icon-height-md: 30px;
    --btn-icon-width-lg: 40px;
    --btn-icon-height-lg: 40px;
    --btn-icon-width-xl: 50px;
    --btn-icon-height-xl: 50px;
  
}
/* === Cards === */
.card{
	--card-padding: 10px;
	--card-mb: 30px;
	--card-bg: var(--clr-white);
	--card-border-width: 1px;
	--card-border-clr: transparent;
	--card-border-radius: 15px;
	--card-boxshadow: 0;
	/* Header */
	--card-header-padding: 0 10px;
	--card-header-bg: transparent;
	--card-header-borderbottom-width: 0px;
	--card-header-borderbottom-clr: transparent;
	--card-header-mobile-gap: 10px;
	/* Header || title */
	--card-header-title-marginblock: 0px;
	--card-header-title-margininline: 0px;
	--card-header-title-clr: var(--clr-dark);
	--card-header-title-fs: 20px;
	--card-header-title-fw: 700;
	--card-header-title-linheight: 1.5;
	/* Header || subtitle */
	--card-header-subtitle-marginblock: 0px;
	--card-header-subtitle-margininline: 5px;
	--card-header-subtitle-clr: var(--clr-gray);
	--card-header-subtitle-fs: 14px;
	--card-header-subtitle-fw: 700;
	--card-header-subtitle-linheight: 1.5;
	/* Header || Toolbar */
	--card-header-toolbar-gap: 0px;
	--card-header-toolbar-marginblock: 10px;
	--card-header-toolbar-margininline: 0px;
	/* Body */
	--card-body-padding: 20px 10px;
	/* Footer */
	--card-footer-padding: 20px 10px;
	--card-footer-gap: 10px;
	--card-footer-bg: var(--clr-white);
	--card-footer-bordertop-width: 1px;
	--card-footer-bordertop-clr: var(--clr-secondary-3);
	--card-footer-action-gap: 20px;
}
/* === Dropdown === */
.dropdown{
    --dropdown-minwidth: 150px;
    --dropdown-padding-block: 10px;
    --dropdown-padding-inline: 0px;
    --dropdown-border-width: 1px;
    --dropdown-border-clr: var(--clr-gray-4);
    --dropdown-border-radius: 8px;
    --dropdown-align: center;
    --dropdown-clr: var(--clr-dark);
    --dropdown-bg: var(--clr-white);
    --dropdown-boxshadow: 0.5rem 0.5rem 1.5rem rgba(111, 129, 145, 0.1);
    /* arrow */
    --dropdown-arrow-content: '';
    --dropdown-arrow-border-width: 0px 10px 15px 10px;
    --dropdown-arrow-border-clr: transparent transparent var(--clr-white) transparent;
    /* menu item */
    --dropdown-menuitem-padding-block: 5px;
    --dropdown-menuitem-padding-inline: 15px;
    --dropdown-menuitem-clr: var(--clr-dark);
    --dropdown-menuitem-fs: 14px;
    --dropdown-menuitem-fw: 400;
    --dropdown-menuitem-bg: transparent;
    --dropdown-menuitem-border-clr: transparent;
    --dropdown-menuitem-hover-bg: var(--clr-secondary);
}
/* === Labels === */
.label{
    --label-display: inline-flex;
    --label-display-Xalignment: center;
    --label-display-Yalignment: center;
    --label-minwidth: 50px;
    --label-gap: 5px;
    --label-padding-block: 5px;
    --label-fs: 14px;
    --label-fw: 400;
    /* --label-lineheight: 20px; */
    --label-bg: var(--clr-secondary);
    --label-border-width: 1px;
    --label-border-clr: transparent;
    --label-border-radius: 5px;
    /* sizes */
    --label-padding-inline-sm: 5px;
    --label-padding-inline-md: 10px;
    --label-padding-inline-lg: 20px;
    --label-padding-inline-xl: 30px;
    --label-height-sm: 25px;
    --label-height-md: 30px;
    --label-height-lg: 40px;
    --label-height-xl: 50px;
    /* icons */
    --label-icon-padding: 5px;
    --label-icon-border-width: 1px;
    --label-icon-border-clr: transparent;
    --label-icon-border-radius: 5px;
    /* icons || sizes */
    --label-icon-width-sm: 25px;
    --label-icon-height-sm: 25px;
    --label-svg-width-sm: 15px;
    --label-svg-height-sm: 15px;
    --label-icon-width-md: 40px;
    --label-icon-height-md: 40px;
    --label-svg-width-md: 25px;
    --label-svg-height-md: 25px;
    --label-icon-width-lg: 55px;
    --label-icon-height-lg: 55px;
    --label-svg-width-lg: 30px;
    --label-svg-height-lg: 30px;
    --label-icon-width-xl: 70px;
    --label-icon-height-xl: 70px;
    --label-svg-width-xl: 50px;
    --label-svg-height-xl: 50px;
}
/* === Alerts === */
.alert{
    --alert-bg: var(--clr-white);
    --alert-border-width: 1px;
    --alert-border-clr: var(--clr-gray);
    --alert-boxshadow: 0px 20px 20px rgba(111, 129, 145, 0.03);
    /* icon */
    --alert-icon-width-md: 35px;
    --alert-icon-height-md: 35px;
    --alert-icon-clr: var(--clr-white);
    --alert-icon-bg: var(--clr-gray);
    --alert-icon-border-radius-md: 50%;
    --alert-icon-svg-width-md: 30px;
    --alert-icon-svg-height-md: 30px;
    /* content */
    --alert-content-clr: var(--clr-dark);
    --alert-content-fw: 400;
    --alert-content-lineheight-md: 25px;
    /* Close */
    --alert-close-ie: 10px;
    --alert-close-bs: 10%;

    /* SIZES */
    /* sm */
    --alert-gap-sm: 10px;
    --alert-padding-block-sm: 10px;
    --alert-padding-inline-sm: 10px 50px;
    --alert-border-radius-sm: 6px;
    --alert-icon-width-sm: 20px;
    --alert-icon-height-sm: 20px;
    --alert-icon-svg-width-sm: 15px;
    --alert-icon-svg-height-sm: 15px;
    --alert-icon-border-radius-sm: 50%;
    --alert-content-fs-sm: 14px;
    --alert-content-lineheight-sm: 20px;
    /* --- --- --- */
    /* md */
    --alert-gap-md: 10px;
    --alert-padding-block-md: 10px;
    --alert-padding-inline-md: 10px 50px;
    --alert-border-radius-md: 10px;
    --alert-icon-width-md: 25px;
    --alert-icon-height-md: 25px;
    --alert-icon-svg-width-md: 20px;
    --alert-icon-svg-height-md: 20px;
    --alert-icon-border-radius-md: 50%;
    --alert-content-fs-md: 16px;
    --alert-content-lineheight-md: 20px;
    /* --- --- --- */
    /* lg */
    --alert-gap-lg: 10px;
    --alert-padding-block-lg: 10px;
    --alert-padding-inline-lg: 10px 50px;
    --alert-border-radius-lg: 10px;
    --alert-icon-width-lg: 40px;
    --alert-icon-height-lg: 40px;
    --alert-icon-svg-width-lg: 30px;
    --alert-icon-svg-height-lg: 30px;
    --alert-icon-border-radius-lg: 50%;
    --alert-content-fs-lg: 16px;
    --alert-content-lineheight-lg: 25px;
    /* --- --- --- */
    /* xl */
    --alert-gap-xl: 10px;
    --alert-padding-block-xl: 10px;
    --alert-padding-inline-xl: 10px 50px;
    --alert-border-radius-xl: 10px;
    --alert-icon-width-xl: 50px;
    --alert-icon-height-xl: 50px;
    --alert-icon-svg-width-xl: 40px;
    --alert-icon-svg-height-xl: 40px;
    --alert-icon-border-radius-xl: 50%;
    --alert-content-fs-xl: 16px;
    --alert-content-lineheight-xl: 25px;
    /* --- --- --- */
}
/* === Forms === */
/* Inputs */
label:not(.radio, .checkbox, .switch){
    --form-label-fs: 16px;
    --form-label-fw: bold;
    --form-label-clr: var(--clr-dark);
    --form-label-mb: 10px;
}
.form-control {
    --form-control-width: 100%;
    --form-control-height: 40px;
    --form-control-lineheight: 40px;
    --form-control-padding-block: 5px;
    --form-control-padding-inline: 20px;
    --form-control-border-clr: var(--clr-secondary);
    --form-control-border-radius: 5px;
    --form-control-bg: var(--clr-white);
    --form-control-clr: var(--clr-dark);
    --form-control-fs: 14px;
    --form-control-fw: 400;
    /* focus */
    --form-control-focus-bg: var(--clr-white);
    --form-control-focus-border-clr: var(--clr-primary);
    /* placeholder */
    --form-control-placeholder-minheight: 18px;
    --form-control-placeholder-fs: 14px;
    --form-control-placeholder-fw: 400;
    --form-control-placeholder-clr: var(--clr-secondary);
    /* invalid */
    --form-control-invalid-border-clr: var(--clr-danger);
    /* disabled */
    --form-control-disabled-bg: var(--clr-secondary);
}
/* ng select || Angular */
.ng-select{
    --ngselect-padding-ie: 20px;
    /* arrow icon */
    --ngselect-arrow-width: 20px;
    --ngselect-arrow-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.116" height="8.071" viewBox="0 0 14.116 8.071"><path id="Icon_ionic-ios-arrow-down" data-name="Icon ionic-ios-arrow-down" d="M13.248,16.884l5.337-5.342a1,1,0,0,1,1.425,0,1.017,1.017,0,0,1,0,1.429l-6.048,6.052a1.007,1.007,0,0,1-1.391.029l-6.09-6.077a1.009,1.009,0,0,1,1.425-1.429Z" transform="translate(-6.188 -11.246)" fill="rgb(42,61,76)" /></svg>');
    --ngselect-arrow-icon-width: 20px;
    --ngselect-arrow-icon-height: 20px;
    /* clear icon */
    --ngselect-clear-padding: 10px;
    --ngselect-clear-width: 10px;
    --ngselect-clear-fs: 24px;
    /* Multiple */
    --ngselect-multi-lineheight: 25px;
    --ngselect-multi-gap: 5px;
    /* label */
    --ngselect-multi-label-clr: var(--clr-primary);
    --ngselect-multi-label-bg: var(--clr-light-blue);
    --ngselect-multi-label-border-radius: 5px;
    --ngselect-multi-label-padding-inline: 10px;
    /* label icon */
    --ngselect-multi-label-icon-padding-is: 5px;
    --ngselect-multi-label-icon-clr: var(--clr-dark);
    --ngselect-multi-label-icon-fs: 25px;
}
.ng-dropdown-panel{
    --ngselect-dropdown-padding: 10px 0;
    --ngselect-dropdown-fs: 14px;
    --ngselect-dropdown-clr: var(--clr-dark);
    --ngselect-dropdown-bg: var(--clr-white);
    --ngselect-dropdown-border-clr: var(--clr-gray-4);
    --ngselect-dropdown-border-radius: 8px;
    --ngselect-dropdown-box-shadow: 5px 5px 15px rgb(111 129 145 / 10%);
    --ngselect-dropdown-maxheight: 160px;
    /* ng option */
    --ngselect-dropdown-option-gap: 5px;
    --ngselect-dropdown-option-padding: 0 15px;
    --ngselect-dropdown-option-height: 36px;
    --ngselect-dropdown-option-clr: var(--clr-dark);
    --ngselect-dropdown-option-align: start;
    --ngselect-dropdown-option-hover-clr: var(--clr-dark);
    --ngselect-dropdown-option-hover-bg: var(--clr-secondary);

}
/* Checkbox */
.checkbox{
    --checkbox-fs: 14px;
    --checkbox-fw: 400;
    --checkbox-margin: 10px 0;
    --checkbox-text-clr: var(--clr-dark);
    /* span */
    --checkbox-width: 21px;
    --checkbox-height: 21px;
    --checkbox-width-sm: 15px;
    --checkbox-height-sm: 15px;
    --checkbox-bg: var(--clr-white);
    --checkbox-border-clr: var(--clr-secondary);
    --checkbox-border-radius: 5px;
    --checkbox-border-radius-sm: 3px;
    /* check icon */
    --checkbox-check-width: 6px;
    --checkbox-check-height: 11px;
    --checkbox-check-width-sm: 4px;
    --checkbox-check-height-sm: 8px;
    --checkbox-check-inset-bs: 2px;
    --checkbox-check-inset-bs-sm: 1.5px;
    --checkbox-check-border-width: 0 3px 3px 0 !important;
    --checkbox-check-border-width-sm: 0 2px 2px 0 !important;
    --checkbox-check-clr: var(--clr-white);
    /* checked */
    --checkbox-active-bg: var(--clr-primary);
    --checkbox-active-border-clr: var(--clr-primary);
}
.checkbox-custom{
    --checkbox-custom-padding: 10px;
    --checkbox-custom-container-border-clr: var(--clr-gray-3);
    --checkbox-custom-border-clr: var(--clr-gray-3);
    --checkbox-custom-border-radius: 10px;
    --checkbox-custom-disabled-container-bg: rgb(223 236 248 / 40%);
    --checkbox-custom-disabled-bg: var(--clr-secondary-4);
}
/* Radio */
.radio-group{
    --radiogroup-gap: 15px;
    --radiogroup-margin: 10px 0;
}
.radio{
    --radiogroup-radio-gap: 10px;
    --radiogroup-radio-clr: var(--clr-dark);
    --radiogroup-radio-fs: 14px;
    --radiogroup-radio-fw: 400;
    --radiogroup-radio-hover-clr: var(--clr-primary);
    --radiogroup-radio-width: 20px;
    --radiogroup-radio-height: 20px;
    --radiogroup-radio-bg: var(--clr-white);
    --radiogroup-radio-border-width: 1px;
    --radiogroup-radio-border-clr: var(--clr-secondary);
    --radiogroup-radio-border-radius: 50%;
    /* icon */
    --radiogroup-radio-icon-width: 15px;
    --radiogroup-radio-icon-height: 15px;
    --radiogroup-radio-icon-bg: var(--clr-white);
    --radiogroup-radio-icon-border-radius: 50%;
    /* active */
    --radiogroup-radio-active-bg: var(--clr-primary);
}
/* Switch */
.switch{
    --switch-width: 40px;
    --switch-height: 24px;
    --switch-margin: 2px 0;
    --switch-border-radius: 40vw;
    /* container */
    --switch-container-bg: var(--clr-gray-3);
    --switch-container-active-bg: var(--clr-primary);
    /* icon */
    --switch-icon-width: 16px;
    --switch-icon-height: 16px;
    --switch-icon-bg: var(--clr-white);
    --switch-icon-inset-block: 4px;
    --switch-icon-inset-ie: 4px;
    --switch-icon-boxshadow: 0 0.3rem 0.6rem var(--clr-gray-3);
    /* --switch-icon-active-inset-ie: 15px; */
    --switch-icon-active-boxshadow: 0 0.3rem 0.6rem var(--clr-primary);
}
/* Rating || Angular */
ngb-rating{
    --rating-margin-block: 0px;
    --rating-margin-inline: 20px;
    --rating-star-clr: var(--clr-secondary);
    --rating-star-fs: 40px;
    --rating-star-fill-clr: var(--clr-orange);
    /* span */
    --rating-star-span-width: 60px;
    --rating-star-span-ie: -15px;
    --rating-star-span-bottom: -30px;
    --rating-star-span-clr: var(--clr-primary);
    --rating-star-span-fs: 16px;
    --rating-star-span-fw: 500;
}
/* === Modals === */
/* MODAL OVERLAY */
.modal-backdrop{
    --modal-overlay-zindex: 1055;
    --modal-overlay-bg: rgba(42, 61, 76, 0.8);
    --modal-overlay-backdropfilter: blur(0.2rem) brightness(100%);;
}
/* MODAL DEFAULT TYPE */
.modal-dialog{
    --modal-padding-block: 20px;
    --modal-padding-inline: 20px;
    --modal-bg: var(--clr-white);
    --modal-border-width: 1px;
    --modal-border-clr: var(--clr-primary);
    --modal-border-radius: 15px;
    --modal-fs: 16px;
    --modal-fw: 400;
    /* header */
    --modal-header-title-padding-block: 10px 0;
    --modal-header-title-padding-inline: 0px;
    --modal-header-title-fs: 20px;
    --modal-header-title-fw: 800;
    --modal-header-title-lineheight: 26px;
    /* icon */
    --modal-header-icon-width: 30px;
    --modal-header-icon-height: 30px;
    /* close */
    --modal-header-close-width: 15px;
    --modal-header-close-height: 15px;
    --modal-header-close-clr: var(--clr-primary);
    /* Body */
    --modal-body-padding-block: 25px;
    --modal-body-padding-inline: 0px;
    /* Footer */
    --modal-footer-gap: 10px;
    --modal-footer-padding-block: 10px;
    --modal-footer-padding-inline: 0;
    --modal-footer-border-width: 0px;
    --modal-footer-border-clr: transparent;
    /* cancel */
    --modal-footer-cancel-bg: transparent;
    --modal-footer-cancel-clr: var(--clr-gray);
    --modal-footer-cancel-border-clr: transparent;
}
/* MODAL CONFIRMATION TYPE */
.modal-dialog.modal-confirm{
    /* body */
    --modal-body-padding-block: 40px 20px;
    /* body title || h3 */
    --modal-body-confirmation-title-clr: var(--clr-dark);
    --modal-body-confirmation-title-fs: 16px;
    --modal-body-confirmation-title-fw: 700;
    --modal-body-confirmation-title-lineheight: 25px;

}
/* === Paginations === */
.pagination {
    --pagination-gap: 10px;
    --pagination-margin: 15px 0 15px 0;
    /* List */
    --pagination-list-gap: 5px;
    --pagination-list-margin: 0px;
    /* link */
    --pagination-list-link-padding: 5px;
    --pagination-list-link-width: 28px;
    --pagination-list-link-height: 28px;
    --pagination-list-link-bg: var(--clr-gray-1);
    --pagination-list-link-clr: var(--clr-gray-3);
    --pagination-list-link-fs: 14px;
    --pagination-list-link-fw: 400;
    --pagination-list-link-lineheight: 1;
    --pagination-list-link-border-width: 1px;
    --pagination-list-link-border-clr: transparent;
    --pagination-list-link-border-radius: 6px;
    /* link | Controls */
    --pagination-list-link-control-spacing: 10px;
    --pagination-list-link-control-clr: var(--clr-primary);
    --pagination-list-link-control-bg: var(--clr-white);
    --pagination-list-link-control-border-clr: var(--clr-secondary);
    --pagination-list-link-control-fs: 18px;
    --pagination-list-link-control-fw: 400;
    --pagination-list-link-control-lineheight: 20px;
    /* link | active */
    --pagination-list-link-active-clr: var(--clr-white);
    --pagination-list-link-active-bg: var(--clr-primary);
    --pagination-list-link-active-border-clr: var(--clr-primary);
    /* link | disabled */
    --pagination-list-link-disabled-opacity: 0.2;
    
    /* Shown Number || Rows Number */
    --pagination-rownumber-gap: 11px;
    /* select */
    --pagination-rownumber-select-padding: 5px;
    --pagination-rownumber-select-width: auto;
    --pagination-rownumber-select-minwidth: 71px;
    --pagination-rownumber-select-height: 28px;
    --pagination-rownumber-select-bg: var(--clr-white);
    --pagination-rownumber-select-border-radius: 6px;
    --pagination-rownumber-select-icon-width: 10px;
}
/* === Tables === */
.table{
    --table-border-spacing: 0;
    --table-border-width: 0px;
    --table-bg: var(--clr-white);
    --table-border-clr: var(--clr-dark);
    --table-border-ss-radius: 5px;
    --table-border-se-radius: 5px;
    --table-border-es-radius: 0px;
    --table-border-ee-radius: 0px;
    --table-fw: 500;
    --table-mb: 20px;
    /* thead */
    --table-thead-valign: middle;
    --table-thead-th-padding-block: 10px;
    --table-thead-th-padding-inline: 20px 10px;
    --table-thead-th-height: 40px;
    --table-thead-th-fs: 14px;
    --table-thead-th-fw: 700;
    --table-thead-th-lineheight: 18px;
    --table-thead-th-texttransform: uppercase;
    --table-thead-th-clr: var(--clr-dark);
    --table-thead-th-bg: var(--clr-secondary);
    --table-thead-th-borderbottom-width: 0px;
    --table-thead-th-borderbottom-clr: var(--clr-dark);
    --table-thead-th-borderend-width: 1px;
    --table-thead-th-borderend-clr: var(--clr-secondary);
    /* tbody */
    --table-tbody-td-padding-block: 5px;
    --table-tbody-td-padding-inline: 20px;
    --table-tbody-td-height: 40px;
    --table-tbody-td-fs: 14px;
    --table-tbody-td-fw: 500;
    --table-tbody-td-lineheight: 22px;
    --table-tbody-td-texttransform: uppercase;
    --table-tbody-td-clr: var(--clr-dark);
    --table-tbody-td-bg: transparent;
    --table-tbody-td-borderbottom-width: 0px;
    --table-tbody-td-borderbottom-clr: var(--clr-secondary);
    --table-tbody-td-borderend-width: 1px;
    --table-tbody-td-borderend-clr: var(--clr-secondary);
    /* Action */
    --table-tbody-td-action-gap: 10px;
    /* Utility Classes  */
    --table-striped-tbody-td-evenrow-bg: var(--clr-secondary);
    --table-tbody-td-nodate-height: 100px;
    --table-tbody-td-nodate-clr: var(--clr-dark);
    --table-tbody-td-nodate-fs: 14px;
    --table-tbody-td-nodate-fw: 400;
    --table-tbody-td-nodate-bg: var(--clr-secondary);
}
/* === Tablists === */
.tablist{
    --tablist-align: center;
    /* NAV */
    --tablist-nav-padding-block: 10px;
    --tablist-nav-padding-inline: 20px;
    --tablist-nav-gap: 20px;
    --tablist-nav-bg: var(--clr-white);
    --tablist-nav-border-radius: 15px;
    --tablist-nav-boxshadow: 0rem 2rem 2rem rgb(111 129 144 / 3%);
    /* NAV || Link */
    --tablist-nav-link-padding-block: 10px;
    --tablist-nav-link-padding-inline: 20px;
    --tablist-nav-link-bg: transparent;
    --tablist-nav-link-clr: var(--clr-dark);
    --tablist-nav-link-fs: 16px;
    --tablist-nav-link-fw: 400;
    --tablist-nav-link-lineheight: 23px;
    --tablist-nav-link-border-radius: 15px;
    /* link Active */
    --tablist-nav-link-hover-clr: var(--clr-white);
    --tablist-nav-link-hover-bg: var(--clr-primary);
}
.tablist.tablist-line{
    /* NAV */
    --tablist-nav-boxshadow: none;
    --tablist-nav-padding-block: 0px;
    --tablist-nav-padding-inline: 0px;
    --tablist-nav-gap: 10px;
    --tablist-nav-border-radius: 0px;
    /* Link */
    --tablist-nav-link-padding-block: 10px;
    --tablist-nav-link-padding-inline: 10px;
    --tablist-nav-link-fs: 14px;
    --tablist-nav-link-fw: 700;
    --tablist-nav-link-border-radius: 0px;
    /* link Active */
    --tablist-nav-link-hover-clr: var(--clr-primary);
    --tablist-nav-link-hover-bg: transparent;
    /* Link Line */
    --tablist-nav-link-line-width: 100%;
    --tablist-nav-link-line-height: 2px;
    --tablist-nav-link-line-bg: transparent;
    --tablist-nav-link-line-bottom: -6px;
    /* Link Line Active */
    --tablist-nav-link-line-hover-bg: var(--clr-primary);
}
/* === Accordions === */
.accordion{
    --accordion-item-margin-block: 0px 11px;
    --accordion-item-margin-inline: 0px;
    /* Item || Header */
    --accordion-item-header-width: 100%;
    --accordion-item-header-padding-block: 8px;
    --accordion-item-header-padding-inline: 20px 38px;
    --accordion-item-header-bg: var(--clr-secondary);
    --accordion-item-header-border-radius: 5px;
    /* Header icon */
    --accordion-item-header-icon-width: 10px;
    /* Item || Body */
    --accordion-item-body-padding-block: 15px;
    --accordion-item-body-padding-inline: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/components/_variables.css (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************/

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/_general.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/* Theme variables */
/* @import "./layout/_layout.css"; */
/*------------*/
/* Reset Style */
/*=== ===*/
/* NEW */
*, *::before, *::after{box-sizing: border-box;}
*{margin: 0; padding: 0; font: inherit}
html{color-scheme: dark light;}
img, picture, video{display: block; max-width: 100%;}
img{width: 100%;}
ul{list-style: none;}
a {text-decoration: none; transition: 0.2s all ease-in-out;cursor: pointer;}
a:-webkit-any-link:focus-visible{outline: 0px;}
p{margin: 0}
/*** OR  ***/
input, textarea, button, select{font: inherit}
/*=== ===*/

/* ------------------- */
/* body, h1, h2, h3, h4, h5, h6, p {margin: 0;}
a {text-decoration: none; transition: 0.2s all ease-in-out;cursor: pointer;}
a:-webkit-any-link:focus-visible{outline: 0px;}
p {margin: 0;}
ul{list-style: none; padding: 0; margin: 0;} */

/* Body | RTL */
body{
  /* min-height: 100vh; */
  font-weight: var(--fw-body);
  font-size: var(--fs-body);
  color: var(--clr-body);
  background: var(--bg-body);
}
[dir="rtl"] body{font-family: var(--ff-body-ar);}
[dir="ltr"] body{font-family: var(--ff-body-en);}
/*------------*/
/* Spaceing Classes */
/*margin*/
.m-0{margin:0!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-45{margin:45px!important}.m-50{margin:50px!important}.m-55{margin:55px!important}.m-60{margin:60px!important}.m-65{margin:65px!important}.m-70{margin:70px!important}.m-75{margin:75px!important}.m-80{margin:80px!important}.m-85{margin:85px!important}.m-90{margin:90px!important}.m-95{margin:95px!important}.m-100{margin:100px!important}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mt-55{margin-top:55px!important}.mt-60{margin-top:60px!important}.mt-65{margin-top:65px!important}.mt-70{margin-top:70px!important}.mt-75{margin-top:75px!important}.mt-80{margin-top:80px!important}.mt-85{margin-top:85px!important}.mt-90{margin-top:90px!important}.mt-95{margin-top:95px!important}.mt-100{margin-top:100px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.mb-55{margin-bottom:55px!important}.mb-60{margin-bottom:60px!important}.mb-65{margin-bottom:65px!important}.mb-70{margin-bottom:70px!important}.mb-75{margin-bottom:75px!important}.mb-80{margin-bottom:80px!important}.mb-85{margin-bottom:85px!important}.mb-90{margin-bottom:90px!important}.mb-95{margin-bottom:95px!important}.mb-100{margin-bottom:100px!important}.my-0{margin-block:0!important}.my-5{margin-block:5px!important}.my-10{margin-block:10px!important}.my-15{margin-block:15px!important}.my-20{margin-block:20px!important}.my-25{margin-block:25px!important}.my-30{margin-block:30px!important}.my-35{margin-block:35px!important}.my-40{margin-block:40px!important}.my-45{margin-block:45px!important}.my-50{margin-block:50px!important}.my-55{margin-block:55px!important}.my-60{margin-block:60px!important}.my-65{margin-block:65px!important}.my-70{margin-block:70px!important}.my-75{margin-block:75px!important}.my-80{margin-block:80px!important}.my-85{margin-block:85px!important}.my-90{margin-block:90px!important}.my-95{margin-block:95px!important}.my-100{margin-block:100px!important}.ms-0{margin-left: 0 !important;margin-right:0!important;margin-inline-start:0!important;}.ms-5{margin-left: 0 !important;margin-right:0px !important;margin-inline-start:5px!important;}.ms-10{margin-inline-start:10px!important}.ms-15{margin-inline-start:15px!important}.ms-20{margin-inline-start:20px!important}.ms-25{margin-inline-start:25px!important}.ms-30{margin-inline-start:30px!important}.ms-35{margin-inline-start:35px!important}.ms-40{margin-inline-start:40px!important}.ms-45{margin-inline-start:45px!important}.ms-50{margin-inline-start:50px!important}.ms-55{margin-inline-start:55px!important}.ms-60{margin-inline-start:60px!important}.ms-65{margin-inline-start:65px!important}.ms-70{margin-inline-start:70px!important}.ms-75{margin-inline-start:75px!important}.ms-80{margin-inline-start:80px!important}.ms-85{margin-inline-start:85px!important}.ms-90{margin-inline-start:90px!important}.ms-95{margin-inline-start:95px!important}.ms-100{margin-inline-start:100px!important}.me-0{margin-inline-end:0!important}.me-5{margin-right: 0 !important;margin-left:0!important;margin-inline-end:5px!important}.me-10{margin-inline-end:10px!important}.me-15{margin-inline-end:15px!important}.me-20{margin-inline-end:20px!important}.me-25{margin-inline-end:25px!important}.me-30{margin-inline-end:30px!important}.me-35{margin-inline-end:35px!important}.me-40{margin-inline-end:40px!important}.me-45{margin-inline-end:45px!important}.me-50{margin-inline-end:50px!important}.me-55{margin-inline-end:55px!important}.me-60{margin-inline-end:60px!important}.me-65{margin-inline-end:65px!important}.me-70{margin-inline-end:70px!important}.me-75{margin-inline-end:75px!important}.me-80{margin-inline-end:80px!important}.me-85{margin-inline-end:85px!important}.me-90{margin-inline-end:90px!important}.me-95{margin-inline-end:95px!important}.me-100{margin-inline-end:100px!important}.mx-0{margin-inline:0!important}.mx-5{margin-inline:5px!important}.mx-10{margin-inline:10px!important}.mx-15{margin-inline:15px!important}.mx-20{margin-inline:20px!important}.mx-25{margin-inline:25px!important}.mx-30{margin-inline:30px!important}.mx-35{margin-inline:35px!important}.mx-40{margin-inline:40px!important}.mx-45{margin-inline:45px!important}.mx-50{margin-inline:50px!important}.mx-55{margin-inline:55px!important}.mx-60{margin-inline:60px!important}.mx-65{margin-inline:65px!important}.mx-70{margin-inline:70px!important}.mx-75{margin-inline:75px!important}.mx-80{margin-inline:80px!important}.mx-85{margin-inline:85px!important}.mx-90{margin-inline:90px!important}.mx-95{margin-inline:95px!important}.mx-100{margin-inline:100px!important}
/* ---- */
/* @media screen and (min-width: 992px) {
  .m-d-0{margin: 0 !important;}
  .mt-d-40{margin-top: 4rem !important;}
} */
/* @media screen and (max-width: 800.98px){.mt-m-10{margin-top: 1rem;}} */
/* ---- */
/*padding*/
.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-45{padding:45px!important}.p-50{padding:50px!important}.p-55{padding:55px!important}.p-60{padding:60px!important}.p-65{padding:65px!important}.p-70{padding:70px!important}.p-75{padding:75px!important}.p-80{padding:80px!important}.p-85{padding:85px!important}.p-90{padding:90px!important}.p-95{padding:95px!important}.p-100{padding:100px!important}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pt-55{padding-top:55px!important}.pt-60{padding-top:60px!important}.pt-65{padding-top:65px!important}.pt-70{padding-top:70px!important}.pt-75{padding-top:75px!important}.pt-80{padding-top:80px!important}.pt-85{padding-top:85px!important}.pt-90{padding-top:90px!important}.pt-95{padding-top:95px!important}.pt-100{padding-top:100px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pb-55{padding-bottom:55px!important}.pb-60{padding-bottom:60px!important}.pb-65{padding-bottom:65px!important}.pb-70{padding-bottom:70px!important}.pb-75{padding-bottom:75px!important}.pb-80{padding-bottom:80px!important}.pb-85{padding-bottom:85px!important}.pb-90{padding-bottom:90px!important}.pb-95{padding-bottom:95px!important}.pb-100{padding-bottom:100px!important}.py-0{padding-block:0!important}.py-5{padding-block:5px!important}.py-10{padding-block:10px!important}.py-15{padding-block:15px!important}.py-20{padding-block:20px!important}.py-25{padding-block:25px!important}.py-30{padding-block:30px!important}.py-35{padding-block:35px!important}.py-40{padding-block:40px!important}.py-45{padding-block:45px!important}.py-50{padding-block:50px!important}.py-55{padding-block:55px!important}.py-60{padding-block:60px!important}.py-65{padding-block:65px!important}.py-70{padding-block:70px!important}.py-75{padding-block:75px!important}.py-80{padding-block:80px!important}.py-85{padding-block:85px!important}.py-90{padding-block:90px!important}.py-95{padding-block:95px!important}.py-100{padding-block:100px!important}.ps-0{padding-inline-start:0!important}.ps-5{padding-inline-start:5px!important}.ps-10{padding-inline-start:10px!important}.ps-15{padding-inline-start:15px!important}.ps-20{padding-inline-start:20px!important}.ps-25{padding-inline-start:25px!important}.ps-30{padding-inline-start:30px!important}.ps-35{padding-inline-start:35px!important}.ps-40{padding-inline-start:40px!important}.ps-45{padding-inline-start:45px!important}.ps-50{padding-inline-start:50px!important}.ps-55{padding-inline-start:55px!important}.ps-60{padding-inline-start:60px!important}.ps-65{padding-inline-start:65px!important}.ps-70{padding-inline-start:70px!important}.ps-75{padding-inline-start:75px!important}.ps-80{padding-inline-start:80px!important}.ps-85{padding-inline-start:85px!important}.ps-90{padding-inline-start:90px!important}.ps-95{padding-inline-start:95px!important}.ps-100{padding-inline-start:100px!important}.pe-0{padding-inline-end:0!important}.pe-5{padding-inline-end:5px!important}.pe-10{padding-inline-end:10px!important}.pe-15{padding-inline-end:15px!important}.pe-20{padding-inline-end:20px!important}.pe-25{padding-inline-end:25px!important}.pe-30{padding-inline-end:30px!important}.pe-35{padding-inline-end:35px!important}.pe-40{padding-inline-end:40px!important}.pe-45{padding-inline-end:45px!important}.pe-50{padding-inline-end:50px!important}.pe-55{padding-inline-end:55px!important}.pe-60{padding-inline-end:60px!important}.pe-65{padding-inline-end:65px!important}.pe-70{padding-inline-end:70px!important}.pe-75{padding-inline-end:75px!important}.pe-80{padding-inline-end:80px!important}.pe-85{padding-inline-end:85px!important}.pe-90{padding-inline-end:90px!important}.pe-95{padding-inline-end:95px!important}.pe-100{padding-inline-end:100px!important}.px-0{padding-inline:0!important}.px-5{padding-inline:5px!important}.px-10{padding-inline:10px!important}.px-15{padding-inline:15px!important}.px-20{padding-inline:20px!important}.px-25{padding-inline:25px!important}.px-30{padding-inline:30px!important}.px-35{padding-inline:35px!important}.px-40{padding-inline:40px!important}.px-45{padding-inline:45px!important}.px-50{padding-inline:50px!important}.px-55{padding-inline:55px!important}.px-60{padding-inline:60px!important}.px-65{padding-inline:65px!important}.px-70{padding-inline:70px!important}.px-75{padding-inline:75px!important}.px-80{padding-inline:80px!important}.px-85{padding-inline:85px!important}.px-90{padding-inline:90px!important}.px-95{padding-inline:95px!important}.px-100{padding-inline:100px!important}
/*------------*/
/* Text Classes */
/* Font Size */
.fs-xs{font-size: var(--fs-xs) !important;}
/* .fs-sm{font-size: clamp(--fs-min, 3vw, --fs-max) !important;} */
.fs-sm{font-size: var(--fs-sm) !important;}
.fs-md{font-size: var(--fs-md) !important;}
.fs-lg{font-size: var(--fs-lg) !important;}
.fs-xl{font-size: var(--fs-xl) !important;}
.fs-xxl{font-size: var(--fs-xxl) !important;}
/* ---- */
/* Font Weight */
.fw-lighter{font-weight: 100!important;}.fw-light{font-weight: 300!important;}.fw-normal{font-weight: 400!important;}.fw-medium{font-weight: 500!important;}.fw-semibold{font-weight: 600!important;}.fw-bold{font-weight: 700!important;}.fw-extrabold{font-weight: 800!important;}.fw-heavy{font-weight: 900!important;}
/* ---- */
/* Text Align */
.text-start{text-align: start !important;}.text-end{text-align: end !important;}
/* ---- */
/* Text Color */
.text-primary{color: var(--clr-primary)!important;}
.text-secondary{color: var(--clr-secondary) !important;}
.text-success{color: var(--clr-success)!important;}
.text-warning{color: var(--clr-warning)!important;}
.text-danger{color: var(--clr-danger)!important;}
.text-white{color: var(--clr-white)!important;}
.text-black{color: var(--clr-black)!important;}
/* ---- */
/* Background Color */
.bg-primary{background-color: var(--clr-primary)!important;}
.bg-secondary{background-color: var(--clr-secondary) !important;}
.bg-success{background-color: var(--clr-success)!important;}
.bg-warning{background-color: var(--clr-warning)!important;}
.bg-danger{background-color: var(--clr-danger)!important;}
.bg-white{background-color: var(--clr-white)!important;}
.bg-black{background-color: var(--clr-black)!important;}
.bg-transparent{background-color: transparent !important;}
/*------------*/
/* Borders */
.border{border:1px solid !important;}.border-start{border-inline-start:1px solid !important;}.border-end{border-inline-end:1px solid !important;}.border-top{border-block-start:1px solid !important;}.border-bottom{border-block-end:1px solid !important;}
/* ---- */
.border-primary{border-color:var(--clr-primary) !important;}
.border-secondary{border-color:var(--clr-secondary) !important;}
.border-success{border-color:var(--clr-success) !important;}
.border-warning{border-color:var(--clr-warning) !important;}
.border-danger{border-color:var(--clr-danger) !important;}
.border-white{border-color:var(--clr-white) !important;}
.border-black{border-color:var(--clr-black) !important;}
.border-secondary-5{border-color:var(--clr-secondary-5) !important;}
.border-light{border-color:var(--clr-light) !important;}
.border-info{border-color:var(--clr-info) !important;}
/*------------*/
/* Border Radius */
.border-r-0{border-radius: 0 !important;}
.border-se-r-0{border-start-end-radius: 0 !important;}
.border-ss-r-0{border-start-start-radius: 0 !important;}
.border-es-r-0{border-end-start-radius: 0 !important;}
.border-ee-r-0{border-end-end-radius: 0 !important;}
.border-r-5{border-radius: 5px !important;}
.border-r-10{border-radius: 10px !important;}
.border-rounded{border-radius: 50% !important;}
/*------------*/
/* SVG */
.svg-icon{display: inline-flex; align-items: center; justify-content: center;}
/* SVG | COLORS */
.svg-primary {color: var(--clr-primary) !important;}
.svg-light-primary {color: var(--clr-light-blue) !important;}
.svg-secondary {color: var(--clr-secondary) !important;}
.svg-success {color: var(--clr-success) !important;}
.svg-warning {color: var(--clr-warning) !important;}
.svg-danger {color: var(--clr-danger) !important;}
.svg-dark {color: var(--clr-body) !important;}
.svg-int-primary {color: var(--integration-primary) !important;}
/* === ==== === */
/* Grid system */
.col-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.col-grid.col-3 {grid-template-columns: repeat(auto-fit, minmax(calc(33% - 30px), 1fr)); width: 100%;}
@media screen and (max-width: 767.98px) {
  .col-grid{grid-template-columns: 1fr !important;}
}

/* NEW  */
.separator {width: 100%;height: 1px; background: var(--clr-secondary-3);}
.separator-outer {width: calc(100% + 40px); margin-inline-start: -20px;}
.text-split{max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media screen and (max-width: 800.98px) {.text-split{max-width: 100px;}}
.cursor-pointer{cursor: pointer;}
.no-events{pointer-events:none !important;}
.rtl ngb-tooltip-window.tooltip { font-family: var(--ff-body-ar);}
.ltr ngb-tooltip-window.tooltip { font-family: var(--ff-body-en);}
.align-middle {vertical-align: middle;}
.not-allowed,.not-allowed * {cursor: not-allowed !important;}
.not-allowed:hover {--btn-opacity-hover : 1 !important;}
.not-events-opacity *,.inactive {--bs-opacity: 0.8;pointer-events:none; opacity: var(--bs-opacity);}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/WSSBoilerplate/css/_print.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/* For Print Template Styles */
@media print {}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/_print.css ***!
  \*******************************************************************************************************************************************************************************************************************/
/* For Print Template Styles */
/* Custom Print Style */
@media print {
    
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/custom-components.css ***!
  \******************************************************************************************************************************************************************************************************************************/
/* Components */
/* ==== === ==== === ==== === ==== */
/* === === Accordion === === */
.accordion.rinv-accordion .accordion-header .accordion-select-all {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.accordion.rinv-accordion .accordion-header .accordion-select-all label {
  font-size: 1.4rem;
  margin: 0;
}

.rinv-accordion .one-role {
  display: flex;
  padding: 12px 10px;
  gap: 20px;
  margin: 4px 0 0;
  border-bottom: 1px solid var(--clr-suger);
  /*border-radius: 6px;*/
}

.accordion .accordion-body {
  --accordion-item-body-padding-block: 0;
  --accordion-item-body-padding-inline: 0px;
}

.accordion-title,
.acc-header button.btn {
  font-size: 14px
}

/* ==== === ==== === ==== === ==== */
/* === === Buttons === === */
.btn.rinv-btn {
  --btn-padding-block: 10px;
  --btn-padding-inline-md: 20px;
  --btn-height-md: 40px;
  --btn-fs: 14px;
  --btn-fw: 400;
  --btn-border-radius: 5px;
  /* icons */
  --btn-icon-padding: 5px;
  --btn-icon-width-md: 28px;
  --btn-icon-height-md: 28px;
  --btn-icon-border-radius: 6px;
  --btn-icon-fs: 16px;

  /* line-height: 23px; */
}

/* Custom Buttons */
.btn.btn-secondary {
  background-color: var(--clr-dark) !important;
  color: var(--clr-white) !important;
  border-color: var(--clr-dark) !important;
}

/* Btn | Add */
.rinv-btn.btn-add:not(.btn-icon) {
  color: var(--clr-white);
  background-color: var(--clr-orange);
  border-color: var(--clr-orange);
}

.rinv-btn.btn-add:not(.btn-icon) .svg-icon {
  background: var(--clr-white);
  border-radius: 0.5rem;
  color: var(--clr-orange);
}

.rinv-btn.btn-add:not(.btn-icon) .svg-icon svg {
  width: 1.8rem;
  height: 1.8rem;
}

.btn-special-case .svg-icon {
  transform: rotate(90deg);
  border-end-end-radius: 0 !important;
  padding: 0.1rem;
}

/* ==== === ==== === ==== === ==== */
/* === === Cards === === */
.card.rinv-card {
  --card-padding: 20px;
  margin-bottom: 20px;
  --card-border-radius: 6px;
  --card-boxshadow: 0px 20px 20px rgba(111, 129, 144, 0.03);
  /* Header */
  --card-header-padding: 0px 0px 20px 0;
  /* Header || title */
  --card-header-title-marginblock: 0px;
  --card-header-title-margininline: 0px;
  --card-header-title-fs: 18px;
  /* Header || toolbar */
  --card-header-toolbar-gap: 20px;
  --card-header-toolbar-marginblock: 0px;
  --card-header-toolbar-margininline: 0px;
  /* Body */
  --card-body-padding: 0px;
  /* Footer */
  --card-footer-padding: 20px 0px 0px 0px;
}

/* -- */
.onboarding-carousel {
  display: flex;
  justify-content: flex-start;
  gap: 4%;
  transition: all .7s ease-in;
  transform: translateX(-17%);
}

html[dir='ltr'] .onboarding-carousel {
  transform: translateX(17%);
}

.onboarding-cta-container {
  display: flex;
  justify-content: space-between;
  width: 65%;
  align-items: center;
  margin: 0 auto;
  transform: translateX(1%);
}

html[dir='ltr'] .onboarding-cta-container {
  transform: translateX(-1%);
}

.onboarding-carousel .btn-primary.disabled,
.onboarding-cta-container .btn-primary.disabled {
  opacity: 1;
  background-color: var(--clr-suger) !important;
  color: var(--clr-gray) !important;
  border-color: transparent !important;
}

.onboarding-carousel .btn-primary.disabled i.uis.text-white,
.onboarding-cta-container .btn-primary.disabled i.uis.text-white {
  color: var(--clr-gray) !important;
}

.onboarding-item {
  min-width: 65%;
}

.card.rinv-card.onboarding-card:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgb(255 255 255 / 80%), rgb(255 255 255 / 80%));
  display: block;
  background-size: cover;
  background-position: center;
  content: '';
  border-radius: 12px;
}

/* active mood*/
.active .card.rinv-card.onboarding-card {
  min-height: 360px;
  height: -moz-fit-content;
  height: fit-content
}

.active .card.rinv-card.onboarding-card:after {
  content: none;
}

.active .card.rinv-card.onboarding-card a.d-none {
  display: flex !important;
  margin-top: auto
}

.active .cta-d-none {
  display: flex !important;
}

.cta-d-none {
  display: none !important;
  transition: all 0s ease-in;
}

.card.rinv-card.onboarding-card {
  padding: 24px;
  border-radius: 12px;
  position: relative;
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--clr-suger);
  height: 330px;
}

.card.rinv-card.onboarding-card .card-header {
  border: none;
  padding: 0;
}

.card.rinv-card.onboarding-card .card-header .card-toolbar {
  justify-content: space-between;
  display: flex;
  width: 100%;
}

.card.rinv-card.onboarding-card .card-header .card-toolbar a.btn.disabled,
.card.rinv-card.onboarding-card .card-header .card-toolbar a.btn.disabled i.uis {
  color: #B1C4D5 !important;
}

.card.rinv-card.onboarding-card .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card.rinv-card.onboarding-card .card-body h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 24px 0
}

.active .card.rinv-card.onboarding-card .card-body p {
  max-width: 250px;
  line-height: 1.5;
  margin-bottom: 24px;
  text-align: center;
  font-size: 14px;
}

.rinv-qr-container {
  border: 1px solid var(--clr-suger);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.rinv-qr-code {
  width: 80px;
  height: 80px;
  ;
}

.rinv-qr-code img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul.dots-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0;
  margin: 14px 0 24px 0;
}

ul.dots-container li a {
  width: 10px;
  height: 10px;
  position: relative;
  background-color: var(--clr-suger);
  display: inline-block;
  border-radius: 50%;
}

ul.dots-container li:first-child a {
  background-color: var(--clr-success);
}

ul.dots-container li a {
  cursor: default;
}

ul.dots-container li a span {
  position: absolute;
  width: 30px;
  height: 1px;
  content: '';
  background-color: var(--clr-suger);
  top: 5px;
  left: 10px;
  right: auto;
}

ul.dots-container li.active a {
  background-color: var(--clr-success);
}

ul.dots-container li.active span {
  background-color: var(--clr-success);
}

[dir="ltr"] ul.dots-container li a span {
  right: 10px;
  left: auto;
}

ul.dots-container li:first-child a span {
  display: none;
}

.card.rinv-card.onboarding-card .card-body p {
  margin-bottom: 0
}

.onboarding-progress-bar,
.onboarding-progress {
  border-radius: 14px;
  height: 6px
}

.onboarding-progress-bar {
  position: relative;
  max-width: 85%;
  margin: 32px auto 16px auto;
}

.onboarding-progress-bar:before {
  opacity: 0.3;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  top: 0;
  border-radius: 14px;
  right: 0;
  background-color: var(--clr-white)
}

.onboarding-progress {
  opacity: 0.8;
  background-color: var(--clr-white);
  position: absolute;
  top: 0;
  width: 20%;
  transition: all .7s ease-out
}

.wizard-progress-bar,
.wizard-progress {
  border-radius: 8px;
  height: 8px;
}

.wizard-progress-bar {
  background: var(--clr-suger);
  max-width: 100%;
  position: relative;
  margin: 0 0 40px 0;
}

.wizard-progress {
  width: 10px;
  height: 100%;
  display: block;
  content: '';
  top: 0;
  position: absolute;
  inset-inline-start: 0;
  background-color: var(--clr-id-primary);
}

.wizard-progress .rinv-nodata.nodata-dashboard .nodata-content h3 {
  line-height: 51px;
  color: var(--clr-success);
}

/* Footer || Custom Classes */
/* Footer mobile -half width || footer-m-50 */
.card.rinv-card .card-footer.footer-m-50>* {
  flex: 1;
}

@media screen and (min-width: 992px) {
  .card.rinv-card .card-footer.footer-m-50 {
    justify-content: flex-start;
    width: 32%;
  }
}

@media screen and (max-width: 991.98px) {
  .card.rinv-card .card-footer.footer-m-50 {
    width: 49%;
  }
}

@media screen and (max-width: 767.98px) {
  .card.rinv-card .card-footer.footer-m-50 {
    flex-direction: column;
    width: 100%;
  }

  .card.rinv-card .card-footer.footer-m-50>* {
    width: 100%;
    flex: initial;
  }
}

/* Free Trail */
.free-trail {
  display: flex;
  background-color: var(--clr-white);
  border-radius: 12px;
  gap: 8px;
}

.free-trail.header-free-trail {
  padding: 8px;
  align-items: center;
  min-width: 170px;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  justify-content: center;
}

@media (max-width: 656px) {
  .free-trail.header-free-trail {
    height: -moz-fit-content;
    height: fit-content;
    flex-wrap: wrap;
  }
}

.free-trail.aside-free-trail {
  flex-direction: column;
  align-items: center;
  background-image: url("/assets/media/imgs/free-trail-bg.svg");
  padding: 24px 16px;
  background-repeat: no-repeat;

  position: relative;
  z-index: 999;
  max-width: 206px;
}

.free-trail .btn.btn-warning {
  color: var(--clr-black) !important
}

.free-trail label {
  margin: 0;
  font-size: 14px;
}

.free-trail .trail-title {
  font-weight: 700;
}

.free-trail .trail-subtitle {
  font-weight: 400;
  line-height: 170%;
}

.trail-status {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trail-status .status-value-success {
  stroke: var(--clr-success);
}

.trail-status .status-value-warning {
  stroke: var(--clr-warning)
}

.trail-status span {
  font-size: 12px;
  font-weight: 700;
  position: absolute;
}

.free-trail a.btn.btn-primary {
  height: 35px;
  margin-inline-start: 8px;
  text-wrap: nowrap;
}

.free-trail a.btn.btn-primary-blue {
  background-color: #0291CD;
  border-color: #0291CD;
  color: var(--clr-white);
}

/*.free-trail.aside-free-trail a.btn.btn-primary{width: 100%;}*/
/* ==== === ==== === ==== === ==== */
/* === === DropDown === === */
/* DropDown Custom Classes */
/* Aside menu || Company dropdown || bug fixed */
.company-dropdown .dropdown-menu {
  inset-inline-start: -10px !important;
}

.dropdown.company-dropdown .dropdown-menu::before {
  inset-inline-end: auto;
  inset-inline-start: 0.5rem;
}

/* ==== === ==== === ==== === ==== */
/* === === FORM === === */
.form-control.rinv-form-control {
  --form-control-padding-block: 5px;
  --form-control-padding-inline: 25px;
  --form-control-height: 40px;
  --form-control-clr: var(--clr-dark);
  --form-control-fs: 14px;
  --form-control-fw: 400;
  /*--form-control-bg: var(--clr-gray-7);*/
  --form-control-border-clr: var(--clr-suger);
  --form-control-border-radius: 5px;
  /* placeholder */
  --form-control-placeholder-minheight: 20px;
  /* disabled */
  --form-control-disabled-bg: var(--clr-secondary-4);
}

.radio.rinv-radio {
  --radiogroup-radio-width: 18px;
  --radiogroup-radio-height: 18px;
  --radiogroup-radio-border-width: 2px;
  /* icon */
  --radiogroup-radio-icon-width: 10px;
  --radiogroup-radio-icon-height: 10px;
}

/* FORM Custom Classes */
.input-group {
  display: inline-flex;
  align-items: center;
  width: auto;
}

.input-icon-group,
.input-btn-group {
  position: relative;
}

/*workSchedule*/
.input-btn-group.work-schedule-select>ngx-timepicker-field {
  padding-inline-end: 140px
}

.input-btn-group.work-schedule-select>ng-select.rinv-form-control.ng-select {
  position: absolute;
  height: 100%;
  top: 0;
  inset-inline-end: 0;
  background-color: var(--clr-suger);
  color: black !important;
  min-width: 140px;
  width: 140px;
}

/*minute-group*/
.input-btn-group.minute-group>input {
  padding-inline-end: 70px
}

.input-btn-group.minute-group>span {
  position: absolute;
  /* height: 100%; */
  top: 1px;
  inset-inline-end: 1px;
  background-color: var(--clr-suger);
  color: black !important;
  min-width: 70px;
  width: 70px;
  border-end-end-radius: 4px;
  border-start-end-radius: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}

/* Calendar */
.input-btn-group.input-calendar>input {
  padding-right: 40px
}

.input-btn-group.input-calendar>.btn {
  position: absolute;
  width: 35px;
  height: 39px;
  top: 0;
  inset-block-start: 0.1rem;
  inset-inline-start: 0;
  border-inline-end: 0.1rem solid var(--clr-secondary-rgb);
  border-radius: 0;
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  color: var(--clr-gray-3);
  left: 0;
}

.input-calendar ng-select {
  width: calc(100% - 44px)
}

.input-btn-group.input-calendar>.btn.border-r-full {
  border-radius: 6px
}

html[dir="ltr"] .input-btn-group.input-calendar>.btn {

  right: 1px;
  left: auto;
}

html[dir="ltr"] .form-group>.input-btn-group.input-calendar input.ng-touched.ng-invalid:not(form)~.btn,
html[dir="ltr"] .form-group>.input-btn-group.input-calendar input.ng-valid.ng-touched~.btn {
  right: 0;
  left: auto;
}

.input-btn-group.input-calendar>.btn:hover {
  background-color: var(--clr-light-blue);
  color: var(--clr-primary);
}

input[type="time" i]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  background-color: var(--clr-light-blue);
  color: var(--clr-primary);
  content: '';
  width: 35px;
  height: 27px;
  background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 2C5.375 2 2 5.375 2 9.5C2 13.625 5.375 17 9.5 17C13.625 17 17 13.625 17 9.5C17 5.375 13.625 2 9.5 2ZM11.75 10.25H9.5C9.05 10.25 8.75 9.95 8.75 9.5V5.75C8.75 5.3 9.05 5 9.5 5C9.95 5 10.25 5.3 10.25 5.75V8.75H11.75C12.2 8.75 12.5 9.05 12.5 9.5C12.5 9.95 12.2 10.25 11.75 10.25Z" fill="%230291CD"/></svg>');
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

[dir="ltr"] input[type="time" i]::-webkit-calendar-picker-indicator {
  left: auto;
  right: 0;
}

.input-btn-group.input-calendar>input.form-control:disabled~.btn.rinv-btn {
  border-color: var(--clr-gray-3);
  cursor: default;
  pointer-events: none;
}

.input-btn-group.input-copy>.btn {
  position: absolute;
  width: calc(4.5rem - 0.1rem);
  height: calc(100% - 0.2rem);
  max-height: 3.8rem;
  inset-block-start: 0.1rem;
  border-radius: 0;
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  inset-inline-end: 0.1rem;
  border-inline-start: 0.1rem solid var(--clr-light-blue);
  color: var(--clr-primary);
  background-color: var(--clr-light-blue);
}

ngb-timepicker .ngb-tp-input-container {
  width: 50%;
}

.ngb-tp-input-container .btn.btn-link {
  display: none;
}

/* Pay || copy */
.input-btn-group.input-pay>.btn:hover,
.input-btn-group.input-copy>.btn:hover {
  background-color: var(--clr-light-blue-1);
}

.input-btn-group.input-pay>input.form-control,
.input-btn-group.input-copy>input.form-control {
  padding-inline-end: 6.5rem;
}

.input-btn-group.input-pay>input.form-control:disabled~.btn.rinv-btn {
  display: none;
}

.input-btn-group.input-copy>input.form-control:disabled~.btn.rinv-btn {
  border-color: var(--clr-gray-3);
  cursor: default;
  pointer-events: none;
}

.input-btn-group.input-pay>.btn {
  position: absolute;
  inset-block-start: 0.6rem;
  inset-inline-end: 0.6rem;
  border-radius: 0.5rem;
}

/* Search */
.input-btn-group.input-search>input {
  padding-inline-end: 4rem;
}

.input-btn-group.input-search>span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: calc(100% - 0.2rem);
  inset-block-start: 0.1rem;
  padding-inline: 1rem;
  color: var(--clr-gray);
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 0;
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  inset-inline-end: 0.1rem;
}

/* Icon Group */
.input-icon-group>input.form-control {
  padding-inline-end: 6rem;
}

.input-icon-group>.input-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.1rem;
  inset-inline-end: 0.1rem;
  width: calc(5rem - 0.1rem);
  height: calc(4rem - 0.2rem);
  border-radius: 0;
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  background: var(--clr-light-blue);
  color: var(--clr-white);
}

.input-icon-group>.input-icon>i {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.input-icon-group.icon-start>input.form-control {
  padding-inline-start: 4.8rem;
  padding-inline-end: 10px;
}

.input-icon-group.icon-start>.input-icon {
  inset-inline-end: auto;
  inset-inline-start: 1.8rem;
  background: transparent;
  color: var(--clr-primary);
  width: auto;
  /* height: 100%; */
}

.input-icon-group.input-barcode i.scan-icon {
  background-image: url(/assets/media/icons/scan.svg);
}

.input-btn-group.input-payment>input {
  padding-inline-end: 6rem;
}

.input-btn-group.input-payment>.rinv-btn {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0.6rem;
}

.input-btn-group.input-payment>.rinv-btn .svg-icon {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  background: var(--clr-light-blue);
  border-radius: 0.5rem;
}

/* Discount */
.inputs-group.input-discount>* {
  max-width: 6rem;
  min-width: 6rem;
  padding: 0.5rem !important;
}

.inputs-group.input-discount>ng-select {
  border-radius: 0 0.5rem 0.5rem 0;
  border-inline-end: 0px;
  height: 3.5rem;
}

.inputs-group.input-discount>input {
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  border-inline-start: 0px;
  height: 3.5rem;
}

.inputs-group.input-discount .ng-select .ng-arrow-wrapper {
  width: 1.5rem;
}

.inputs-group.input-discount .ng-select .ng-arrow-wrapper:after {
  width: 1.1rem;
  height: 1.1rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.485" height="8.485" viewBox="0 0 8.485 8.485"><path id="Path_9752" data-name="Path 9752" d="M57,13.187h6v6" transform="translate(58.115 -26.738) rotate(135)" fill="rgb(135, 153, 168)"/></svg>');
}

.ng-select.ng-select-disabled .ng-arrow-wrapper {
  display: none !important;
}

.inputs-group.input-discount .ng-select.form-control:focus,
.inputs-group.input-discount .ng-select.form-control.ng-select-focused,
.inputs-group.input-discount .ng-select.form-control.ng-select-focused~input {
  background-color: var(--clr-gray-1);
  border-color: var(--clr-primary);
}

/* Amount + -  */
.input-group.input-amount .btn.btn-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem !important;
  font-size: 1.2rem;
  border-color: var(--clr-light-blue-2);
  background-color: var(--clr-light-blue);
  color: var(--clr-primary);
  line-height: 1;
  margin: 0;
}

.table.rinv-table .input-group.input-amount {
  gap: 1rem;
}

.input-group.input-amount input {
  text-align: center;
  min-width: 10rem;
  border-radius: 0.5rem !important;
  flex: 0;
  margin-inline: 1.5rem !important;
}

.table.rinv-table .input-group.input-amount>input {
  min-width: 7rem;
  padding: 1rem;
  margin: 0 !important;
}

.table.rinv-table.editable-table .ng-select {
  background-color: var(--clr-white) !important;
}

.table tbody td {
  --table-tbody-td-clr: var(--clr-black)
}

/* Remove arrows inside input type number */
/* Chrome, Safari, Edge, Opera */
.no-counter-arrow::-webkit-outer-spin-button,
.no-counter-arrow::-webkit-inner-spin-button,
.inputs-group.phone-select input::-webkit-outer-spin-button,
.inputs-group.phone-select input::-webkit-inner-spin-button,
.input-group.input-amount input::-webkit-outer-spin-button,
.input-group.input-amount input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.no-counter-arrow,
.inputs-group.phone-select input[type=number],
.input-group.input-amount input[type=number] {
  -moz-appearance: textfield;
}

/* Inputs | File Upload */
input.upload-file {
  display: none;
  position: relative;
  text-indent: -99999rem;
  cursor: pointer;
}

input.upload-file::-webkit-file-upload-button,
input.upload-file::file-selector-button {
  display: none;
  visibility: hidden;
}

.rinv-upload-file {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 24px 0;
}

.rinv-upload-file .uploaded-file {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  flex-wrap: wrap;
  gap: 10px;
}

.rinv-upload-file .uploaded-file h4 {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-black);
  line-height: 150%;
  margin: 0;
}

.rinv-upload-file .uploaded-file .upload-status {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-gray);
  line-height: 150%;
  display: contents;
}

/* .upload-progressbar {width: 100%; height: 0.5rem; background: var(--clr-secondary-rgb);} */
.rinv-upload-file .uploaded-file .progress {
  width: 100%;
  border-radius: 0;
  height: 3px !important;
}

/* @keyframes load {0% { width: 0; } 100% { width: 68%; }} */
.upload-actions {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.upload-actions.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.upload-actions>* {
  flex: 1;
}

.rinv-upload-file-input {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 24px 0 !important;
}

.rinv-upload-file-input>input {
  text-indent: -99999rem;
  display: flex;
  padding: 32px 10px;
  min-height: 16rem;
  text-align: center;
  background: var(--clr-secondary-rgb);
  border-radius: 6px;
  border: 1px dashed var(--clr-primary);
}

.rinv-upload-file-input>input:focus {
  background: var(--clr-gray-2);
  border-color: var(--clr-primary);
}

.rinv-upload-file-input .upload-file-content {
  position: absolute;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.8rem;
  color: var(--clr-body);
  pointer-events: none;
}

.rinv-upload-file-input .upload-file-content>.rinv-btn {
  margin-block: 8px;
}

.rinv-upload-file-input .upload-file-content p {
  font-size: 14px;
  line-height: 150%;
}

.rinv-upload-file-input .upload-file-content>span:last-child {
  display: block;
  font-size: 12px;
  color: var(--clr-gray);
}

.rinv-upload-file-input.upload-btn>input {
  position: absolute;
  min-height: 0;
  border: 0;
  height: 40px;
  border-radius: 0;
  background: transparent;
  padding: 0;
  inset-inline-end: 0;
}

/* FIXING CALENDAR  */
ngb-datepicker.dropdown-menu {
  font-size: 90%;
  direction: ltr;
  min-width: 270px;
  inset: 0px auto auto 0 !important;
  transform: translate(0px, 40px) !important;
  border: 1px solid var(--clr-suger);
}

html[dir="ltr"] ngb-datepicker.dropdown-menu {
  inset: 0px 0px auto auto !important;
}

ngb-datepicker.dropdown-menu .ngb-dp-header,
.ngb-dp-weekdays {
  background-color: var(--clr-secondary-rgb) !important;
}

ngb-datepicker.dropdown-menu .ngb-dp-weekday {
  color: var(--clr-primary) !important;
}

ngb-datepicker.dropdown-menu .ngb-dp-navigation-chevron {
  color: var(--clr-dark)
}

ngb-datepicker.dropdown-menu .ngb-dp-header {
  padding: 10px 0;
}

ngb-datepicker.dropdown-menu .ngb-dp-navigation-select {
  gap: 10px;
}

ngb-datepicker.dropdown-menu .ngb-dp-month {
  min-width: 100%;
}

ngb-datepicker.dropdown-menu .ngb-dp-week {
  justify-content: space-evenly;
  padding: 5px 0;
}

ngb-datepicker.dropdown-menu ngb-datepicker-navigation-select>.form-select {
  padding-inline-start: 10px;
  font-size: 14px;
  line-height: 1;
  height: 30px;
  min-width: 80px;
}

ngb-datepicker.dropdown-menu .ngb-dp-day,
.ngb-dp-weekday,
.ngb-dp-week-number {
  display: flex;
  align-items: center;
  justify-content: center
}

.inputs-group {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.inputs-group.phone-select {
  gap: 1rem;
}

.inputs-group.phone-select>.ng-select {
  min-width: 10.5rem;
  max-width: 12rem;
  padding: 0rem;
}

.inputs-group.phone-select>.ng-select .ng-value-container {
  padding: 1rem;
  padding-inline-end: 0.5rem;
}

.inputs-group.phone-select>.ng-select .ng-value-container .ng-value {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.inputs-group.phone-select>.ng-select .ng-value-container .ng-value>span:last-child,
.inputs-group.phone-select>.ng-select .ng-dropdown-panel .ng-option>span:last-child {
  direction: ltr;
}

.inputs-group.phone-select>.ng-select .ng-value-container .ng-value svg {
  width: 3.1rem;
}

.inputs-group.phone-select>.ng-select .ng-arrow-wrapper {
  width: 1rem;
}

.inputs-group.phone-select>.ng-select .ng-arrow-wrapper:after {
  width: 1rem;
  height: 1rem;
  inset-block: 0;
  inset-inline-start: -12px;
}

@media screen and (max-width: 500.98px) {
  .inputs-group.phone-select {
    flex-direction: column;
  }

  .inputs-group.phone-select>.ng-select {
    min-width: 100%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .inputs-group.phone-select>input {
    padding-inline: 1rem;
  }
}

.inputs-group.input-discount {
  width: auto;
}

/* === ==== LABELS ==== === */
/* ==== === ==== === ==== === ==== */
.label.rinv-label {
  /* sizes */
  --label-padding-inline-sm: 5px;
  --label-padding-inline-md: 10px;
  --label-padding-inline-lg: 20px;
  --label-padding-inline-xl: 30px;
  --label-height-sm: 25px;
  --label-height-md: 30px;
  --label-height-lg: 55px;
  --label-height-xl: 70px;
  /* Icon */
  --label-icon-width-md: 32px;
  --label-icon-height-md: 32px;
  --label-svg-width-md: 20px;
  --label-svg-height-md: 20px;
  --label-icon-border-radius: 5px;

}

/* LABELS Custom Classes */
.rinv-label.info-label {
  --label-display: flex;
  --label-display-Xalignment: flex-start;
  --label-display-Yalignment: flex-start;
  --label-bg: var(--clr-gray-2);
  --label-padding-block: 10px;
  --label-padding-inline-md: 10px;
  --label-border-width: 1px;
  --label-border-clr: var(--clr-secondary-rgb);
  --label-border-radius: 5px;

  min-height: 40px;

}

.rinv-label.info-label.label-center {
  --label-display-Yalignment: center;
}

/* LABELS Colors */
.label.rinv-label.label-primary {
  background-color: var(--label-primary-bg-clr);
  color: var(--label-primary-clr);
}

td .label.label-primary .svg-icon {
  color: var(--label-primary-clr) !important;
}

.label.rinv-label.label-primary .svg-icon {
  color: var(--clr-primary);
}

.label.rinv-label.label-id-primary {
  background-color: var(--label-id-primary-bg-clr);
  color: var(--label-id-primary-clr);
}

.label.rinv-label.label-id-primary .svg-icon {
  color: var(--label-id-primary-clr);
}

.label.rinv-label.label-success {
  background-color: var(--label-success-bg-clr) !important;
  color: var(--label-success-clr) !important;
}

.label.rinv-label:disabled {
  opacity: .5;
}

.label.rinv-label.label-success .svg-icon {
  color: var(--clr-success);
}

.label.rinv-label.label-warning {
  background-color: var(--label-warning-bg-clr) !important;
  color: var(--label-warning-clr);
}

.label.rinv-label.label-warning .svg-icon {
  color: var(--clr-warning);
}

.label.rinv-label.label-danger {
  background-color: var(--label-danger-bg-clr);
  color: var(--label-danger-clr);
}

.label.rinv-label.label-danger .svg-icon {
  color: var(--clr-danger);
}

.label.rinv-label.label-primary-2 {
  background-color: var(--clr-light-primary-2);
  color: var(--clr-primary);
}

.label.rinv-label.label-primary-2 .svg-icon {
  color: var(--clr-primary);
}

.label.rinv-label.label-dark-primary {
  background-color: var(--clr-light-blue);
  color: var(--clr-primary);
}

.label.rinv-label.label-dark-primary .svg-icon {
  color: var(--clr-primary);
}

.label.rinv-label.label-success-1 {
  background-color: #C8FFE8;
  color: #0A8C65;
}

.label.rinv-label.label-success-1 .svg-icon {
  color: var(--clr-white);
}

.label.rinv-label.label-warning-1 {
  background-color: var(--clr-orange-2);
  color: var(--clr-white);
}

.label.rinv-label.label-warning-1 .svg-icon {
  color: var(--clr-white);
}

.label.rinv-label.label-orange {
  background-color: var(--clr-orange-1);
  color: var(--clr-orange);
}

.label.rinv-label.label-orange .svg-icon {
  color: var(--clr-orange);
}

.label.rinv-label.label-orange-1 {
  background-color: var(--clr-orange);
  color: var(--clr-white);
}

.label.rinv-label.label-orange-1 .svg-icon {
  color: var(--clr-white);
}

.label.rinv-label.label-danger-1 {
  background-color: var(--clr-danger);
  color: var(--clr-white);
}

.label.rinv-label.label-danger-1 .svg-icon {
  color: var(--clr-white);
}

.label.rinv-label.label-red {
  background-color: rgba(230, 101, 101, 0.22);
  color: var(--clr-danger);
}

.label.rinv-label.label-red .svg-icon {
  color: var(--clr-danger);
}

.label.rinv-label.label-gray {
  background-color: var(--label-gray-bg-clr);
  color: var(--label-gray-clr);
}

.label.rinv-label.label-gray .svg-icon {
  color: var(--clr-body);
}

.label.rinv-label.label-custom-gray {
  background-color: var(--label-custom-gray-bg-clr);
  color: #475569
}

.label.rinv-label.label-light-gray-3 {
  background-color: var(--label-light-gray-3-bg-clr);
  color: var(--label-light-gray-3-clr);
}

.label.rinv-label.label-light-gray-3 .svg-icon {
  color: var(--label-light-gray-3-clr);
}

.label.rinv-label.label-reject {
  background-color: var(--clr-info);
  color: var(--clr-dark-blue);
}

.label.rinv-label.label-reject .svg-icon {
  color: var(--clr-info);
}

/* Purple */
.label.rinv-label.label-purple {
  background-color: var(--label-custom-purple-bg);
  color: var(--label-custom-purple-clr);
}

.label.rinv-label.label-purple .svg-icon {
  color: var(--label-custom-purple-clr);
}

/* LABELS || Icon || Colors */
.label.rinv-label.label-icon.label-primary {
  background-color: var(--label-icon-primary-bg-clr);
  color: var(--label-icon-primary-clr) !important
}

.label.rinv-label.label-icon.label-primary .svg-icon {
  color: var(--label-icon-primary-clr);
}

.label.rinv-label.label-icon.label-light-primary {
  background-color: var(--label-icon-primary-light-bg-clr);
}

.label.rinv-label.label-icon.label-light-primary .svg-icon {
  color: var(--label-icon-primary-light-clr);
}

.label.rinv-label.label-icon.label-light-primary .svg-icon path {
  fill: var(--label-icon-primary-light-clr);
}

.label.rinv-label.label-icon.label-success {
  background-color: var(--label-icon-success-bg-clr);
}

.label.rinv-label.label-icon.label-success .svg-icon {
  color: var(--label-icon-success-clr);
}

.label.rinv-label.label-icon.label-success-2 {
  background-color: #13d1ae33;
}

.label.rinv-label.label-icon.label-success-2 .svg-icon {
  color: #13D1AE;
}

.label.rinv-label.label-icon.label-warning {
  background-color: var(--label-icon-warning-bg-clr);
}

.label.rinv-label.label-icon.label-warning .svg-icon {
  color: var(--label-icon-warning-clr);
}

.label.rinv-label.label-icon.label-orange {
  background-color: var(--clr-orange-1);
}

.label.rinv-label.label-icon.label-orange .svg-icon {
  color: var(--clr-orange);
}

.label.rinv-label.label-icon.label-danger {
  background-color: var(--label-icon-danger-bg-clr);
}

.label.rinv-label.label-icon.label-danger .svg-icon {
  color: var(--label-icon-danger-clr);
}

.label.rinv-label.label-danger-4 {
  background-color: var(--label-danger-4-bg-clr);
  color: var(--label-danger-4-clr);
}

.label.rinv-label.label-danger-4 .svg-icon {
  color: var(--label-danger-4-clr);
}

.label.rinv-label.label-icon.label-danger-5 {
  background-color: var(--label-danger-5-bg-clr);
}

.label.rinv-label.label-icon.label-danger-5 .svg-icon {
  color: var(--label-danger-5-clr);
}

.label.rinv-label.label-icon.label-sky-5 .svg-icon {
  color: #0ea5e9;
}

.label.label-icon.label-xl .svg-icon {
  height: 30px;
}

/*-Height-*/
.label.rinv-label {
  min-height: -moz-fit-content;
  min-height: fit-content
}

/* ==== === ==== === ==== === ==== */
/* === ==== circle-badge ==== === */
.rinv-circle-badge {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}

.rinv-circle-badge.badge-primary {
  background-color: var(--label-primary-bg-clr);
  color: var(--label-primary-clr);
}

/* ==== === ==== === ==== === ==== */
/* === ==== ALERTS ==== === */
.alert.rinv-alert {
  --alert-border-radius-md: 15px;
  --alert-icon-width-md: 30px;
  --alert-icon-height-md: 30px;
  --alert-icon-svg-width-md: 20px;
  --alert-icon-svg-height-md: 20px;
}

.alert.rinv-alert.no-shadow {
  --alert-boxshadow: 0;
}

.alert.rinv-alert .alert-content p a {
  text-decoration: underline;
}

/* Alerts Custom Classes */
/* 2 Border */
.rinv-alert.alert-2-border,
.rinv-alert.alert-2-border[class*='alert-'] {
  --alert-gap-md: 15px;
  --alert-padding-block-md: 15px;
  --alert-padding-inline-md: 15px 50px;
  --alert-gap-lg: 20px;
  --alert-padding-block-lg: 20px;
  --alert-padding-inline-lg: 20px 50px;
  --alert-gap-xl: 20px;
  --alert-padding-block-xl: 20px;
  --alert-padding-inline-xl: 20px 50px;
}

.rinv-alert.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-gray);
}

/* Dashboard Alert */
.rinv-alert.dashboard-alert,
.rinv-alert.dashboard-alert[class*='alert-'] {
  border-color: transparent;
  --alert-padding-block-md: 15px;
  --alert-padding-inline-md: 15px 50px;
  --alert-gap-md: 10px;
  --alert-border-radius-md: 6px;
  --alert-padding-block-lg: 20px;
  --alert-padding-inline-lg: 20px 50px;
  --alert-gap-lg: 10px;
  --alert-border-radius-lg: 6px;
  --alert-padding-block-xl: 20px;
  --alert-padding-inline-xl: 20px 50px;
  --alert-gap-xl: 10px;
  --alert-border-radius-xl: 6px;
}

.rinv-alert.dashboard-alert .alert-icon,
.rinv-alert.dashboard-alert[class*='alert-'] .alert-icon {
  background: none;
  --alert-border-radius-md: 0px;
  --alert-border-radius-lg: 0px;
  --alert-border-radius-xl: 0px;
}

.alert.rinv-alert.dashboard-alert .alert-icon,
.alert.alert.rinv-alert.dashboard-alert .alert-icon .svg-icon,
.alert.alert.rinv-alert.dashboard-alert .alert-icon .svg-icon svg {
  width: 39px;
  height: 36px;
}

.alert.rinv-alert.dashboard-alert .alert-close {
  --alert-close-ie: 15px;
  margin: auto;
  --alert-close-bs: auto;
}

.alert.rinv-alert.dashboard-alert .alert-close .btn {
  border-radius: 3px;
}

/* Alerts Colors */
/* Primary */
.rinv-alert.alert-primary {
  background: var(--alert-primary-bg);
}

.rinv-alert.alert-primary-2 {
  background: var(--clr-bg-light);
}

/* Primary || Custom Classes */
.rinv-alert.alert-primary.alert-2-border,
.rinv-alert.alert-primary.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-primary.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-primary);
}

/* secondary */
.rinv-alert.alert-secondary {
  border-color: var(--clr-dark);
  background: var(--clr-gray-1);
}

.rinv-alert.alert-secondary .alert-icon {
  background: var(--clr-dark);
}

.rinv-alert.alert-secondary .alert-close .btn,
.rinv-alert.alert-secondary .alert-content a {
  color: var(--clr-dark);
}

/* Secondary || Custom Classes */
.rinv-alert.alert-secondary.alert-2-border,
.rinv-alert.alert-secondary.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-secondary.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-dark);
}

/* Success */
/* Success || Custom Classes */
.rinv-alert.alert-success.alert-2-border,
.rinv-alert.alert-success.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-success.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-success);
}

/* Warning */
.alert.alert-warning {
  border-color: #FFF7ED;
  background: #FFF7ED;
}

.alert.alert-danger {
  border-color: #FFE4E6;
  background: #FFE4E6;
}

.alert.alert-danger-2 {
  border-color: #F8AAAA;
  background: #FDFCFC;
}
.alert.alert-danger-light {
  background: #FEF3F2;
}

/* Warning || Custom Classes */
.rinv-alert.alert-warning.alert-2-border,
.rinv-alert.alert-warning.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-warning.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-warning);
}

/* Orange */
.rinv-alert.alert-orange {
  border-color: var(--clr-orange);
  background: var(--clr-light-orange);
}

.rinv-alert.alert-orange .alert-icon {
  background: var(--clr-orange);
}

.rinv-alert.alert-orange .alert-close .btn,
.rinv-alert.alert-orange .alert-content a {
  color: var(--clr-orange);
}

/* Orange || Custom Classes */
.rinv-alert.alert-orange.alert-2-border,
.rinv-alert.alert-orange.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-orange.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-orange);
}

/* Danger */
.rinv-alert.alert-danger {
  background: rgba(230, 101, 101, 0.15);
}

/* Danger || Custom Classes */
.rinv-alert.alert-danger.alert-2-border,
.rinv-alert.alert-danger.dashboard-alert {
  background: var(--clr-white);
}

.rinv-alert.alert-danger.alert-2-border .alert-icon {
  box-shadow: 0 0 0 3px var(--clr-white), 0 0 0 5px var(--clr-danger);
}

.rinv-alert.alert-light-gray {
  background: #FCFCFD;
}
/* ==== === ==== === ==== === ==== */
/* === ==== MODALS ==== === */
/* MODALS || Header || Icon || Custom Class */
.modal-header .modal-header-icon.icon-w-45 {
  width: 4.5rem;
  height: 4.5rem;
}

.modal-header .modal-header-icon.payment-icon {
  background-image: url('payment.f629a05c31cf8eed.svg');
}

.modal-header .modal-header-icon.bell-icon {
  background-image: url('bell.c380fdcccf1b570d.svg');
  width: 5rem;
  height: 6.1rem;
}

.modal-header .modal-header-icon.attachment-icon {
  background-image: url('attachment.bc7c7f9a6112b0f5.svg');
}

.modal-header .modal-header-icon.note-icon {
  background-image: url('notes.de3f8b0d210d8248.svg');
}

.modal-header .modal-header-icon.userView-icon {
  background-image: url('user-view.6831b51b71d62a44.svg');
}

.modal-header .modal-header-icon.addTax-icon {
  background-image: url('taxes.99a936628101a9c5.svg');
}

.modal-body .svg-icon-2-border {
  border-radius: 50%;
}

.modal-body .svg-icon-2-border svg {
  padding: 1rem;
  color: var(--clr-white);
}

.modal .dropdown .btn-dropdown {
  justify-content: flex-start;
}

/* ==== === ==== === ==== === ==== */
/* === === TABLE === === */
.table.rinv-table {
  --table-border-ss-radius: 5px;
  --table-border-se-radius: 5px;
  --table-border-es-radius: 0px;
  --table-border-ee-radius: 0px;
  --table-mb: 20px;
  --table-border-width: 0px;
  /* thead */
  --table-thead-th-padding-inline: 20px 10px;
  --table-thead-th-bg: var(--table-rinv-thead-th-bg);
  --table-thead-th-clr: var(--clr-white);
  --table-thead-th-fs: 14px;
  --table-thead-th-borderend-clr: #a3a3a3;
  --table-thead-th-borderbottom-width: 0px;
  /* tbody */
  --table-tbody-td-padding-inline: 20px;
  --table-tbody-td-clr: var(--clr-dark);
  --table-tbody-td-fs: 14px;
  --table-tbody-td-borderend-clr: var(--clr-secondary-3);
  --table-tbody-td-borderbottom-width: 0;
  --table-tbody-td-borderbottom-clr: var(--clr-secondary-3);
  /* Action */
  --table-tbody-td-action-gap: 10px;
  /* Utility Classes */
  --table-striped-tbody-td-evenrow-bg: var(--clr-gray-2);
  --table-tbody-td-nodate-height: 100px;
  --table-tbody-td-nodate-clr: var(--clr-gray-3);
  --table-tbody-td-nodate-fs: 14px;
  --table-tbody-td-nodate-fw: 400;
  --table-tbody-td-nodate-bg: var(--clr-gray-2);
}

.table.rinv-table tbody tr:last-child td {
  --table-tbody-td-borderbottom-width: 1px;
}

/*  Table Custom Classes */
/* Table Form */
.table.rinv-table input.form-control.rinv-form-control {
  /*padding: 1rem 2rem; */
  background-color: var(--clr-white);
  height: 3.5rem;
}

.table.rinv-table .input-group.input-amount {
  max-width: 13rem;
}

.table.rinv-table ng-select.form-control.rinv-form-control {
  height: 3.5rem;
  /*padding: 1rem;*/
}

/* Table label */
@media screen and (min-width: 550px) {
  .table.rinv-table .rinv-label {
    /*padding-inline: 16px;*/
    /* padding-block: 12px; */
    font-size: 12px;
  }
}

/* Table Dropdown */
.table.rinv-table .dropdown {
  display: inline;
}

.table.rinv-table .dropdown-menu,
body .dropdown-menu.table-dropdown {
  background-color: rgba(42, 61, 76, 0.95);
}

.dropdown.employee-log-dropdown .dropdown-menu,
.dropdown .employee-log-dropdown-menu.dropdown-menu {
  background: white;
  padding: 12px;
  border-color: transparent;
  width: 290px;
  text-align: start;
  margin: 0px;
  min-height: fit-content;
  min-height: -moz-fit-content;
}

.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle) {
  min-width: -moz-fit-content;
  min-width: fit-content
}

.dropdown .dropdown-menu.employee-log-dropdown-menu::before {
  display: none
}

.table.rinv-table .dropdown-menu .dropdown-title {
  border-bottom: var(--dropdown-border-width) solid var(--dropdown-border-clr);
  padding-bottom: 12px;
  font-weight: bold;
}

.dropdown .dropdown-menu.employee-log-dropdown-menu .btn-dropdown:not(.dropdown-toggle) {
  justify-content: flex-start
}

table .dropdown .btn.btn-link,
table .dropdown .btn.btn-transparent:not(.text-dark):hover,
table .dropdown .btn.btn-transparent:not(.text-dark):focus-visible {
  height: 35px;
  width: -moz-fit-content;
  width: fit-content;
}

.table.rinv-table .employee-log-dropdown-menu.dropdown-menu button {
  color: var(--clr-black) !important;
  display: flex;
}

.table.rinv-table .dropdown-menu:before,
.dropdown-menu.table-dropdown:before {
  content: none;
}

.table.rinv-table .dropdown-menu button,
.table.rinv-table .dropdown-menu>a,
.dropdown-menu.table-dropdown a,
.dropdown-menu.table-dropdown button {
  color: var(--clr-white) !important;
  justify-content: flex-start;
  white-space: nowrap;
}

.table.rinv-table .dropdown-menu .btn-dropdown:not(.dropdown-toggle),
.dropdown-menu.table-dropdown .btn-dropdown:not(.dropdown-toggle) {
  margin: 0 !important;
}

.table.rinv-table .btn-dropdown:not(.dropdown-toggle):hover,
.dropdown-menu.table-dropdown .btn-dropdown:not(.dropdown-toggle):hover {
  background: var(--clr-black);
}

.dropdown-menu.table-dropdown {
  position: absolute !important;
  inset-inline-end: 0;
}

/* NEW CODE || Dropdown Arrow */
.dropdown-menu.table-dropdown {
  top: 0.5rem !important;
  inset-inline-end: -2.5rem;
}

body .dropdown-menu.table-dropdown::before,
.table.rinv-table .dropdown-menu.table-dropdown::before {
  content: '' !important;
  border-width: 0 0.7rem 0.6rem 0.7rem;
  top: -0.6rem;
  border-bottom-color: var(--clr-body);
}

.dropdown-menu.table-dropdown.dropdown-others {
  inset-inline-end: -2rem;
}

/* .table.rinv-table .table-dropdown{inset-inline-end: -0.5rem;} */
/* Table that contain an editable elements */
.table.rinv-table.editable-table {
  border: .1rem solid var(--clr-secondary-rgb);
}

.table.rinv-table.editable-table tr td {
  background-color: transparent !important;
  border-top: .1rem solid #e5e5e5;
  transition-duration: 0.2s;
  --table-tbody-td-borderend-clr: #e5e5e5;
}

html[dir='rtl'] .table.rinv-table.editable-table tr td[dir="ltr"] {
  border-inline-start: 1px solid #e5e5e5;
  --table-tbody-td-borderend-clr: none;
}

.table.rinv-table.editable-table tr td.bg-gray {
  background-color: var(--clr-td-bg-gray) !important;
  color: var(--clr-white) !important
}

.table.rinv-table.editable-table tbody tr:last-child td {
  border-bottom: 0;
}

/* Checkbox inside table */
.table.rinv-table.editable-table tbody tr td .checkbox {
  margin-bottom: 0;
}

/* Hightlight row when checkbox is checked */
.table.rinv-table.editable-table tbody tr.tr-active td {
  background-color: var(--clr-white) !important;
}

/* Special Responsive Table*/
/* @media screen and (min-width: 992px) {.special-responsive-table{overflow-x: auto;}} */
@media screen and (max-width: 991.98px) {
  .special-responsive-table .table.rinv-table {
    border-bottom: 0.1rem solid var(--clr-secondary-rgb);
  }

  .special-responsive-table .table.rinv-table thead {
    display: none;
  }

  .special-responsive-table .table.rinv-table tbody tr {
    display: block;
    border-radius: 0rem;
    border-top: 0.1rem solid var(--clr-secondary-rgb);
  }

  .special-responsive-table .table.rinv-table tbody tr td {
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    border: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.1rem;
    justify-content: space-between;
    background-color: var(--clr-white);
    padding-block: 1rem;
  }

  .special-responsive-table .table.rinv-table tbody tr td:first-child {
    background-color: var(--clr-gray-2);
  }

  .special-responsive-table .table.rinv-table tbody tr td:before {
    content: attr(data-tdname);
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: var(--clr-body);
  }

  .special-responsive-table .table.rinv-table tbody tr td:first-child {
    background-color: var(--clr-gray-2);
  }

  /* .special-responsive-table.table-50 .table.rinv-table tbody tr td > *{flex: 1; justify-content: flex-start;} */
  /* table 50 */
  .special-responsive-table.table-50 .table.rinv-table tbody tr td {
    justify-content: flex-start;
    padding-inline-start: 50%;
    padding-inline-end: 0.5rem;
    min-height: 4.1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .special-responsive-table.table-50 .table.rinv-table tbody tr td:before {
    position: absolute;
    inset-inline-start: 2rem;
  }
}

@media screen and (max-width: 550px) {
  .special-responsive-table.table-50 .table.rinv-table tbody tr td {
    padding-inline-start: 41%;
  }
}

@media screen and (max-width: 600px) {
  .special-responsive-table.table-50 .table.rinv-table tbody tr td.td-m-2-row {
    padding-top: 30px;
    padding-inline-start: 20px;
  }

  .special-responsive-table.table-50 .table.rinv-table tbody tr td.td-m-2-row:before {
    top: 8px;
  }
}

/* Lookup Tables */
.table.rinv-table.editable-table .tr-active.lookup td>span,
.table.rinv-table.editable-table tr:not(.tr-active.lookup) td>.form-control {
  display: none;
}

.overflow-x-visible.table-responsive {
  overflow-x: visible;
}

@media screen and (min-width: 992px) and (max-width: 1320px) {
  .special-responsive-table.table-overflow-xl-lg {
    overflow-y: auto;
  }
}

@media screen and (min-width: 992px) {
  .special-responsive-table.table-overflow-y-lg {
    overflow-y: auto;
  }
}

/* Aside Menu Scrollbar */
/* Firefox */
.special-responsive-table.table-overflow-y-lg {
  scrollbar-width: auto;
  scrollbar-color: var(--clr-gray-1) transparent;
}

/* Chrome, Edge, and Safari */
.special-responsive-table.table-overflow-y-lg::-webkit-scrollbar {
  width: 0.5rem;
  height: 8px
}

.special-responsive-table.table-overflow-y-lg::-webkit-scrollbar-track {
  background: transparent;
}

.special-responsive-table.table-overflow-y-lg::-webkit-scrollbar-thumb {
  background: var(--clr-gray-1);
  border-radius: 0.5rem;
  width: 0.5rem;
}

/* Table Products || Notes Custom Class */
.table.rinv-table.product-table {
  border: 0;
  border-spacing: 0 1rem;
  margin-bottom: 0rem;
}

.table.rinv-table.product-table thead tr,
.table.rinv-table.product-table thead tr th {
  background: none;
  border: 0;
}

.table.rinv-table.product-table thead tr th:last-child,
.table.rinv-table.product-table tbody tr td:last-child {
  text-align: end;
}

.table.rinv-table.product-table tbody tr td {
  border-block: 1px solid var(--clr-secondary-rgb);
  border-inline: 0;
}

.table.rinv-table.product-table tbody tr td:first-child {
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-inline-start: 1px solid var(--clr-secondary-rgb);
}

.table.rinv-table.product-table tbody tr td:last-child {
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  border-inline-end: 1px solid var(--clr-secondary-rgb);
}

.table.rinv-table.product-table tbody tr:nth-child(even) td {
  background-color: var(--clr-white);
}

.table.rinv-table.product-table .checkbox>input:not(:checked)~span {
  background-color: var(--clr-secondary-rgb);
}

.rinv-y-scroll {
  max-height: calc(100vh - 32.5rem);
  overflow-y: auto;
}

/* ==== === ==== === ==== === ==== */
/* === === TABLIST === === */
.tablist-rinv-tablist {
  --tablist-nav-link-padding-block: 9px;
  --tablist-nav-link-padding-inline: 10px;
  --tablist-nav-link-clr: var(--clr-white);
  --tablist-nav-link-fs: 16px;
  --tablist-nav-link-fw: 400;
  --tablist-nav-link-lineheight: 23px;
  --tablist-nav-link-bg: var(--clr-light-blue-2);
  --tablist-nav-link-border-radius: 6px;
}

.tablist.rinv-tablist ul.nav {
  justify-content: flex-start;
  display: flex;
  background: transparent;
  box-shadow: none;
  --tablist-nav-padding-block: 0px;
  --tablist-nav-padding-inline: 0px;

}

.tablist.rinv-tablist ul.nav li.nav-item .nav-link {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.tablist.rinv-tablist ul.nav li.nav-item .nav-link svg path {
  fill: currentColor;
}

.tablist.rinv-tablist.work-schedule-tablist {
  --tablist-nav-link-clr: #2C61A6;
  --tablist-nav-link-bg: var(--clr-light-blue);
  --tablist-nav-link-border-radius: 6px 6px 0 0;
  --tablist-nav-link-padding-block: 16px;
  --tablist-nav-link-padding-inline: 24px;
  --tablist-nav-link-hover-bg: var(--clr-white);
  --tablist-nav-link-hover-clr: var(--clr-primary);
}

.tablist.rinv-tablist.work-schedule-tablist ul.nav {
  gap: 0;
}

.tablist.rinv-tablist.work-schedule-tablist ul.nav li.nav-item:nth-child(odd) .nav-link.active,
.tablist.rinv-tablist.work-schedule-tablist ul.nav li.nav-item:nth-child(odd) .nav-link:hover {
  box-shadow: -4px 4px 8px rgba(117, 135, 150, 0.3);
}

.tablist.rinv-tablist.work-schedule-tablist ul.nav li.nav-item:nth-child(even) .nav-link.active,
.tablist.rinv-tablist.work-schedule-tablist ul.nav li.nav-item:nth-child(even) .nav-link:hover {
  box-shadow: 4px 4px 8px rgba(117, 135, 150, 0.3);
}

/**/
.modal-content {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  margin: 0 auto;
}

@media (min-width: 900px) {
  .modal-content {
    max-width: 700px !important;
  }

  .modal-dialog.modal-lg .modal-content {
    max-width: 900px !important;
  }
}

.modal-dialog .modal-footer>* {
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 100%;
}

.modal-footer .btn-cancel {
  --modal-footer-cancel-bg: var(--clr-light-blue);
  --modal-footer-cancel-clr: #404040
}

.table.rinv-table.editable-table tr.checked td {
  background-color: var(--table-striped-tbody-td-evenrow-bg) !important;
  color: var(--table-tbody-td-clr);
}

.btn.btn-white {
  background-color: var(--clr-white) !important;
  color: var(--clr-black) !important;
  border-color: var(--clr-white) !important;
}

.tablist ul.nav li.nav-item .nav-link.active .svg-icon,
.tablist ul.nav li.nav-item .nav-link:hover .svg-icon {
  color: var(--clr-primary) !important;
}

/*.uis.svg-icon.rounded-circle{*/
/*  padding-top: 2.5px;*/
/*}*/
.svg-50 {
  font-size: 5rem;
}

.pt-15 {
  padding-top: 0.15rem !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

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

.min-w-100-2 {
  min-width: calc(100% - 2rem) !important;
}

.min-width-137 {
  min-width: 137px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.max-width-380 {
  max-width: 380px !important;
}

.label.rinv-label.label-icon.label-primary .svg-icon {
  font-size: 3rem;
}

.switch {
  --switch-container-active-bg: var(--clr-success);
  --switch-icon-active-boxshadow: 0 0.3rem 0.6rem var(--clr-success);
}

.switch label {
  align-items: center
}

.svg-gray {
  color: var(--clr-suger) !important
}

.svg-gray-1 {
  color: var(--clr-gray) !important
}

.svg-gray-2 {
  color: #94A3B8 !important
}

.border-gray {
  border-color: var(--clr-suger) !important;
}

td .form-group {
  margin-bottom: 0 !important;
}

td .btn.rinv-btn.dropdown-toggle {
  height: 35px;
  width: -moz-fit-content;
  width: fit-content;
}

.step-icon-container .label-primary {
  border: 1px dashed var(--label-icon-primary-clr);
}

.step-icon-container .label.rinv-label.label-icon.label-primary .svg-icon {
  font-size: 2.5rem !important;
}

.step-icon-container .label-success {
  border: 1px dashed var(--clr-success);
  font-size: 2.5rem;
  ;
}

.step-icon-container .label.label-icon.label-lg {
  width: 48px !important;
  height: 48px !important;
  padding-inline-start: 9px !important;
}

.step-icon-container .label-warning {
  border: 1px dashed var(--clr-warning);
  font-size: 2.5rem;
  ;
}

.rinv-stepper .step {
  justify-content: flex-start !important;
}

.uploaded-file .rounded-circle {
  padding: 2px 0 0 !important;
  height: 24px !important;
  width: 24px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.uploaded-file .rounded-circle i.fs-sm.uis {
  font-size: 16px !important;
}

.uploaded-file p.upload-status span:nth-child(2) {
  width: 3px;
  height: 3px;
  background-color: var(--clr-gray);
  color: transparent !important;
  margin: 0 10px;
}

.btn-gray {
  border-color: var(--clr-suger) !important;
  background-color: var(--clr-suger) !important;
  color: var(--clr-gray) !important;
}

.employee-status:first-child {
  border-radius: 0 5px 5px 0 !important;
}

.employee-status:last-child {
  border-radius: 5px 0 0 5px !important;
}

html[dir="ltr"] .employee-status:last-child {
  border-radius: 0 5px 5px 0 !important;
}

html[dir="ltr"] .employee-status:first-child {
  border-radius: 5px 0 0 5px !important;
}

.employee-status.full-br {
  border-radius: 5px !important;
}

.employee-status i.uis {
  font-size: 18px;
}

.employee-status.btn.btn-success {
  background-color: #4ED12D !important;
  border-color: #4ED12D !important;
}

.rinv-btn.btn-primary.btn-primary-dark {
  background-color: var(--clr-dark) !important;
  border-color: var(--clr-dark) !important;
}

.rinv-btn.btn-outline-primary {
  background-color: var(--clr-white) !important;
  border: 1px dashed var(--clr-primary);
  color: var(--clr-primary);
}

div.swal2-popup.swal2-toast.swal2-show {
  box-shadow: 0px 20px 20px rgba(111, 129, 144, 0.03) !important;
  display: flex !important;
  gap: 12px;
  align-items: center;
  padding: 12px 16px !important;
  border-radius: 8px;
  /* max-height: 52px; */
  max-height: -moz-fit-content;
  max-height: fit-content;
  border: 1px solid;
}

div.swal2-popup.swal2-toast.swal2-show.swal2-icon-error {
  border-color: var(--clr-danger);
  color: var(--clr-danger);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: var(--clr-danger) !important;
  height: 2px !important;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0 !important;
  font-size: 12px !important;
}

.swal2-icon.swal2-icon-show {
  margin: 0;
  width: 28px;
  height: 28px;
}

div.swal2-popup.swal2-toast.swal2-show.swal2-icon-success {
  max-height: 60px;
  border-color: var(--clr-success);
  color: var(--clr-success);
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: var(--clr-success) !important;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 9px !important;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long,
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  height: 2px;
  background-color: var(--clr-success) !important;
}

h2.swal2-title {
  line-height: 1.6;
}

/*.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {*/
/*  right: 3.75px!important;*/
/*  width: 13px!important; top: 11px!important;*/
/*}*/
/*.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {*/
/*  top: 13px!important;*/
/*  left: 5px!important;*/
/*  width: 7px!important;*/
/*}*/
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long],
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  display: none
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring:before {
  position: absolute;
  content: "\2713";
  font-size: 18px;
  top: -15px;
  right: 4px;
  color: var(--clr-success) !important;
}

.swal2-icon.swal2-error.swal2-icon-show {
  border: 2px solid var(--clr-danger);
  position: relative;
  width: 12px;
  height: 45px;
}

.swal2-popup.swal2-toast.swal2-show.swal2-icon-warning,
.swal2-icon.swal2-warning {
  border-color: var(--clr-warning) !important;
  color: var(--clr-warning) !important;
}

.swal2-popup.swal2-toast.swal2-show.swal2-icon-info,
.swal2-icon.swal2-info {
  border-color: var(--clr-primary) !important;
  color: var(--clr-primary) !important;
}

input[matInput][type="time"] {
  text-align: right;
  flex-direction: row-reverse !important;
  position: relative;
}

[dir="ltr"] input[matInput][type="time"] {
  text-align: left;
}

.form-control.rinv-form-control[matInput][type="time"] {
  padding-inline-end: 0px !important;
}

html[dir="ltr"] .form-control.rinv-form-control[matInput][type="time"] {
  padding-inline-end: 10px !important;
}

/*input[matInput][type="time"]:first-child:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  width: 20px;*/
/*  height: 100%;*/
/*  left: 0;*/
/*  background-color: var(--clr-light-blue);*/
/*}*/
/*input[matInput][type="time"]span{*/
/*  fill: var(--clr-primary);*/
/*  color: var(--clr-primary);*/
/*}*/

.nodata-icon img {
  max-width: 353px;
}

.alert-dropdown-menu .nodata-icon i.svg-icon,
.rinv-nodata .nodata-icon i.svg-icon {
  font-size: 3rem;
  color: var(--clr-dark) !important;
}

.rinv-stepper .step-content p,
.rinv-stepper .step-content a {
  font-size: 14px !important;
  line-height: 150%;
}

.btn-dark-blue {
  color: var(--clr-dark-blue) !important;
  background-color: var(--clr-light-blue) !important;
  border-color: var(--clr-light-blue) !important;
}

.btn-id-dark {
  color: var(--clr-white) !important;
  background-color: var(--clr-dark-blue) !important;
  border-color: var(--clr-dark-blue) !important;
}

.btn-warning.text-dark {
  color: var(--clr-black) !important;
}

.mx-0-10 {
  margin: 0 10px !important;
}

.user-img img,
td .header-user-info .user-img img {
  border-radius: 50%;
}

.user-img,
td .header-user-info .user-img {
  height: 32px;
  width: 32px;
}

.table tbody td,
.table thead th {
  text-wrap: nowrap;
}

.table.rinv-table .d-flex.gap-2 {
  gap: 12px !important;
}

td .mx-3 {
  margin: 0 10px !important;
}

td i.uis {
  font-size: 20px !important;
}

td i.uis.fs-24 {
  font-size: 24px !important;
}

.work-period-separator {
  width: 14px;
  height: 4px;
  border-radius: 3px;
  background: var(--clr-primary);
  display: inline-block;
  margin: 0 8px
}

rinv-upload-file-input {
  margin: 24px 0
}

.rinv-upload-file .file-icon span {
  width: 31.999px !important;
  height: 30.001px !important;
  margin: 10px;
}

.notifications-type-container {
  border-top: 1px solid var(--clr-suger) !important;
}

.notifications-type-container .notifications-type-title {
  margin: 24px 0;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -1px;
}

.notifications-type-container div {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.switch h3 {
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: -1px;
}

.card-header .switch label {
  align-items: flex-end;
}

.folder-upload-container {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.folder-upload-container label.btn {
  margin-top: 8px;
}

.send-post-container {
  padding: 16px 10px;
  border-radius: 6px;
  margin: 8px 0 !important;
  border: 1px solid var(--clr-suger) !important;
}

.permission-container {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--clr-suger) !important;
}

.permission-container.b-r-20 {
  padding: 20px 30px;
  border-radius: 20px;
}

.permission-container.b-r-8 {
  padding: 20px 30px;
  border-radius: 8px;
}

.permission-container input.form-control {
  width: calc(100% - 126px);
}

.input-fieldset-row.input-row input.form-control {
  width: calc(100% - 66px);
}

.permission-container .input-row span,
.input-fieldset-row.input-row span {
  width: 110px;
  display: inline-block;
  margin-inline-start: 16px;
}

.input-fieldset-row.input-row span {
  width: 50px;
}

@media screen and (max-width: 560px) {

  .permission-container .input-row span,
  .input-fieldset-row.input-row span {
    margin-inline-start: 0px;
  }
}

.custom-work-table-container {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid var(--clr-suger) !important;
}

.send-post-container form {
  margin-inline: 10px;
}

.send-post-container .row .card .card-footer {
  margin-bottom: 16px;
  --card-footer-padding: 16px 0px;
}

.card-header span.switch {
  margin: 8px 0
}

@media screen and (max-width: 767.98px) {
  .ng-select.form-control.ng-select-multiple {
    padding: 4px 10px !important;
  }
}

.uis-info-circle.svg-dark {
  font-size: 18px !important;
  color: var(--clr-primary) !important;
}

.form-control[readonly]::placeholder,
.form-control[readonly][class*='-placeholder'],
.form-control:disabled::placeholder,
.form-control:disabled[class*='-placeholder'],
.form-control:disabled *::placeholder,
.form-control:disabled *[class*='-placeholder'],
.form-control[class *='-disabled']::placeholder,
.form-control[class *='-disabled'][class*='-placeholder'] {
  color: var(--clr-black) !important;
}

.accordion .accordion-item {
  --accordion-item-margin-block: 0px 16px;
}

.accordion .accordion-header {
  --accordion-item-header-padding-block: 16px;
  --accordion-item-header-padding-inline: 10px;
  background: var(--clr-gray-7);
  border-radius: 0;
  border-top: 1px solid var(--clr-suger);
  border-bottom: 1px solid var(--clr-suger);
}

.accordion .accordion-header .btn {
  font-weight: bold !important;
}

.rinv-accordion-icon-container {
  border-radius: 4px;
  border: 1px solid var(--clr-primary);
  background: var(--clr-primary);
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.rinv-accordion-icon-container svg {
  fill: var(--clr-dark-blue) !important
}

.map-container {
  height: 400px;
  border-radius: 6px;
}

.form-group.map-form-group {
  position: absolute !important;
  top: 22px;
  right: 20px;
  width: calc(100% - 40px);
  z-index: 2;
  margin-bottom: 0px;
}

.mapLocation {
  position: absolute;
  height: 100%;
  top: 0px;
  right: 0px;
  width: 100%;
  border-radius: 6px;
}

.map-app-container.view-map-app-temporary-location,
.map-app-container.view-map-app-temporary-location .agm-map-container-inner {
  min-height: 300px;
}

.map-app-container {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  margin: 0 10px;
}

.agm-map-container-inner.sebm-google-map-container-inner {
  border-radius: 6px;
  border: 1px solid var(--clr-suger);
}

.gmnoprint {
  top: 110px !important;
  /*bottom: 65%!important;*/
}

.gmnoprint div:first-child {
  width: 24px !important;
  height: 48px !important;
  /*background-color: var(--clr-white);*/
}

.gm-svpc {
  display: none !important;
}

.gmnoprint div:nth-child(2) {
  width: 24px;
  height: 1px;
  margin: 0px;
  /*background-color: rgb(230, 230, 230);*/
}

.gmnoprint div .gm-control-active,
.map-current-location {
  width: 24px !important;
  height: 24px !important;
  border: 1px solid var(--clr-suger) !important;
  background-color: var(--clr-white) !important;
}

.map-current-location {
  inset-inline-start: 17px;
  top: 258px;
  width: 24px !important;
}

/*@media (max-width: 992px) {*/
/*  .map-current-location{*/
/*    right: 18px;*/
/*  }*/
/*}*/
.map-current-location button.rinv-btn .svg-icon {
  color: var(--clr-dark)
}

.map-current-location button.rinv-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.map-current-location .btn.btn-transparent:hover,
.map-current-location .btn.btn-transparent:focus-visible,
.map-current-location .btn.btn-transparent {
  padding: 4px;
  opacity: 1;
}

.gmnoprint div>div {
  background-color: transparent !important;
  height: 0px !important;
}

.gm-control-active>img {
  width: 12px !important;
  height: 12px !important;
}

.gmnoprint div span {
  color: transparent !important;
}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-cc span,
.gm-style .gm-style-mtc div {
  font-size: 0px !important;
}

.alert-dropdown-menu .btn-close-modal,
.modal-header .modal-toolbar .btn-close-modal {
  color: #737373;
  border-radius: 3px;
  background: var(--clr-suger);
  width: 18px;
  height: 18px;
  padding: 7px 6px;
}

.modal-title span {
  text-wrap: wrap;
  max-width: 99%;
}

.modal-dialog .modal-content {
  border: none;
  box-shadow: 0px 4px 15px 6px rgba(0, 0, 0, 0.02);
}

.input-btn-group.input-map input {
  padding-inline-start: 35px;
}

.input-btn-group.input-map>.btn {
  position: absolute;
  width: 35px;
  top: 0;
  inset-block-end: 0.1rem;
  right: 0;
}

@media screen and (max-width: 560px) {
  input.form-control {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

  input.form-control[type="file"] {
    min-width: 0;
  }
}

.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-icon {
  --ngselect-multi-label-icon-clr: var(--clr-light-blue);
  background-color: var(--ngselect-multi-label-clr);
  width: 15px;
  height: 15px;
  border-radius: 3px;
  margin-top: 1px;
  padding: 0 3px !important;
  line-height: 10px;
  font-size: 20px;
  flex-shrink: 0;
}

html[dir="ltr"] .ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-icon {
  padding: 4px 1px !important;
}

fieldset span,
fieldset span a.btn.btn-transparent {
  font-size: 12px;
}

.posts-info-container {
  padding: 0px 8px;
  gap: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}

.post-info-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--clr-suger);
  padding: 10px 10px 12px 10px;
  align-items: center;
}

.post-info-item .post-info-item span {
  font-size: 14px;
}

.checkbox>input:disabled:checked~span {
  background-color: var(--clr-dark-blue);
  border-color: var(--clr-dark-blue);
}

.form-group>.input-btn-group.input-calendar input.ng-touched.ng-invalid:not(form)~.btn,
.form-group>.input-btn-group.input-calendar input.ng-valid.ng-touched~.btn {
  width: 34px;
  height: 33px;
  top: 1px;
  left: 1px;
}

.form-control.ng-invalid.ng-touched {
  border-color: var(--clr-danger);
}

.ng-valid.ng-touched {
  border-color: var(--clr-success);
  /*position: relative;*/
  /*width: calc(100% - 30px);*/
  /*margin-inline-end:10px ;*/

}

/*.ng-valid.ng-touched:before{*/
/*  content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M10 18.8333C14.6023 18.8333 18.3333 15.1023 18.3333 10.5C18.3333 5.89763 14.6023 2.16667 10 2.16667C5.39763 2.16667 1.66667 5.89763 1.66667 10.5C1.66667 15.1023 5.39763 18.8333 10 18.8333Z" fill="%2340C42F"/><path d="M8.81625 13.4834C8.64959 13.4834 8.49125 13.4167 8.37459 13.3001L6.01621 10.9417C5.77454 10.7001 5.77454 10.3001 6.01621 10.0584C6.25788 9.81675 6.65788 9.81675 6.89954 10.0584L8.81625 11.9751L13.0996 7.69175C13.3413 7.45008 13.7413 7.45008 13.9829 7.69175C14.2246 7.93341 14.2246 8.33341 13.9829 8.57508L9.25792 13.3001C9.14125 13.4167 8.98292 13.4834 8.81625 13.4834Z" fill="%2340C42F"/></svg>');*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 7.5px;*/
/*  inset-inline: 0;*/
/*  margin: auto;*/
/*  z-index: 44444444444444;*/
/*  width: 20px;height: 20px;*/
/*}*/

.form-control {
  --form-control-height: 35px;
  line-height: 3;
}

.rinv-header-container {
  padding: 0 16px;
}

.rinv-header-container .rinv-header {
  padding: 24px 0 16px 0;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 20px;
}

.rinv-header .header-title h3,
.rinv-header-mobile .header-title h3 {
  font-size: 18px;
  font-weight: 700;
}

.rinv-header .header-toolbar .header-user-info {
  gap: 16px;
  background-color: var(--clr-white);
  border-radius: 8px;
  padding: 9px 16px;
}

.rinv-header .header-toolbar-cta-container .btn.rinv-btn.btn-transparent,
.rinv-header-mobile .header-toolbar .btn.rinv-btn.btn-transparent {
  background-color: var(--clr-white);
  border-radius: 8px;
  padding: 10px;
  width: 50px;
  height: 50px;
}

.rinv-header .header-toolbar-cta-container .btn.rinv-btn.btn-transparent i.uis {
  font-size: 28px
}

.rinv-header-mobile .header-toolbar .btn.rinv-btn.btn-transparent i.uis {
  font-size: 28px
}

.rinv-header .header-toolbar-cta-container .btn.rinv-btn.btn-transparent i.uis span,
.rinv-header-mobile .header-toolbar .btn.rinv-btn.btn-transparent i.uis span {
  position: absolute;
  border-radius: 50%;
  width: 17px;
  height: 16px;
  padding: 3px;
  right: 0px;
  top: -6px;
  background-color: var(--clr-danger);
  color: white;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rinv-header .header-toolbar-cta-container .btn.rinv-btn.btn-transparent i.uis span.rinv-badge-sm,
.rinv-header-mobile .header-toolbar .btn.rinv-btn.btn-transparent i.uis span.rinv-badge-sm {
  width: 10px;
  height: 10px;
  padding: 3px;
  inset-inline-start: 3px;
  top: 0;
}

/*[dir="rtl"] .rinv-header .header-toolbar-cta-container .btn.rinv-btn.btn-transparent i.uis span,*/
/*[dir="rtl"] .rinv-header-mobile .header-toolbar .btn.rinv-btn.btn-transparent i.uis span*/
/*{*/
/*  left: 4px;*/
/*  right: auto;*/
/*}*/
.header-calendar span {
  font-size: 12px;
}

.rinv-header .header-toolbar .header-user-info .user-dropdown .dropdown-toggle.btn.rinv-btn {
  --btn-padding-block: 0px;
  --btn-padding-inline-md: 0px;
  --btn-icon-width-md: 22px;
  --btn-icon-height-md: 16px;
}

.rinv-header .header-toolbar .btn.rinv-btn {}

.rinv-header-mobile .header-toolbar .header-user-info .user-img img,
.rinv-header .header-toolbar .header-user-info .user-img img {
  border: none;
  width: 32px;
  height: 32px;
}

.rinv-header .header-toolbar .header-user-info .user-name {
  font-size: 12px;
}

.rinv-header .header-toolbar .header-user-info .user-name span {
  color: var(--clr-primary);
}

.rinv-header-mobile .header-top {
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
  align-items: flex-start;
}

.rinv-breadcrumbs ul {
  padding: 0;
}

.rinv-breadcrumbs li a {
  color: #7B95AB;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.rinv-breadcrumbs li:last-child a {
  color: var(--clr-id-primary);
}

.rinv-breadcrumbs-seperator {
  margin: 0 10px;
  width: 4px;
  height: 4px;
}

.rinv-breadcrumbs-seperator path {
  fill: var(--clr-id-primary)
}

/*.rinv-header-mobile .header-toolbar,*/
.rinv-header .header-toolbar {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header-toolbar-text-wrapper .header-title h3 {
  margin-bottom: 12px;
}

.header-toolbar-cta-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.rinv-header-mobile {
  gap: 12px;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .rinv-header-container {
    padding: 0 10px;
  }
}

.rinv-header-mobile .header-toolbar,
.rinv-header .header-toolbar {
  flex-wrap: wrap;
  gap: 8px;
}

.radio span {
  --radiogroup-radio-width: 24px;
  --radiogroup-radio-height: 24px;
  --radiogroup-radio-border-width: 1px;
  --radiogroup-radio-border-clr: #B4BABA;
  --radiogroup-radio-bg: #FAFAFA;
  --radiogroup-radio-gap: 12px;
}

.radio span::before {
  --radiogroup-radio-icon-width: 14px;
  --radiogroup-radio-icon-height: 14px;
  background: #FAFAFA;
}

.radio.active span,
.radio>input:checked~span {
  border-color: var(--clr-primary);
}

td .header-user-info .user-img img {
  border-radius: 50%;
  object-fit: cover;
}

.modal .change-employee-modal .form-group {
  margin-bottom: 8px;
}

.modal .btn i.uis {
  font-size: 24px;
}

.modal .map-app-container .btn i.uis {
  font-size: 14px !important;
}

.modal-header.header-border {
  padding-bottom: 18px;
  border-bottom: 1px solid #D1E0EF;
}

.modal-header,
.modal-header .modal-title {
  width: 100%;
}

.modal-header .modal-title {
  --modal-header-title-padding-block: 0;
  --modal-header-title-fs: 16px;
}

.modal-header .modal-title .header-user-info span {
  font-size: 14px;
  max-width: 99%;
  text-wrap: wrap;
}

.modal-body h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media (min-width: 576px) {
  .modal-sm {
    --bs-modal-width: 410px;
  }
}

.modal-confirm.modal-onboarding .modal-dialog .modal-content {
  padding-block: 0;
  padding: 0;
}

.card.bg-blue.rinv-card .card-header .card-title h3,
.board-checklist-container .board-container h3 {
  font-size: 18px;
  font-weight: 700;
}

.card.bg-blue.rinv-card .border-secondary {
  border-color: #4090C8;
}

.dashboard-label .radio.active span,
.dashboard-label .radio>input:checked~span {
  border-color: #fff
}

.dashboard-label .radio.active span::before,
.dashboard-label .radio>input:checked~span::before {
  background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="white"/><path d="M9 17.25C13.5592 17.25 17.25 13.5592 17.25 9C17.25 4.44079 13.5592 0.75 9 0.75C4.44079 0.75 0.75 4.44079 0.75 9C0.75 13.5592 4.44079 17.25 9 17.25ZM5.04868 8.66132C5.30053 8.40947 5.71737 8.40947 5.96921 8.66132L8.00132 10.6934L11.7876 5.90842C12.0134 5.63053 12.4216 5.57842 12.6995 5.80421C12.9774 6.03 13.0295 6.43816 12.8037 6.71605L8.56579 12.0829C8.4529 12.2305 8.27921 12.3174 8.09684 12.3261C8.08816 12.3261 8.07079 12.3261 8.06211 12.3261C7.88842 12.3261 7.72342 12.2566 7.60184 12.135L5.04868 9.58184C4.78816 9.33 4.78816 8.92184 5.04868 8.66132Z" fill="%234ED12D"/></svg>');
  width: 18px;
  height: 18px;
}

.dashboard-label .radio span {
  --radiogroup-radio-width: 18px;
  --radiogroup-radio-height: 18px;
}

.dashboard-label .radio.active~.label-content,
.dashboard-label .radio>input:checked~span.label-content {
  text-decoration: line-through;
}

.dashboard-label .btn-transparent i {
  color: var(--clr-gray-3);
}

.board-checklist-container {
  display: flex;
  gap: 20px 80px;
  flex-wrap: wrap;
  padding: 16px 0;
}

.board-container {
  min-width: 330px;
  width: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.board-checklist-container .board-container .img-wrapper {
  max-width: 250px;
}

.board-checklist-container .board-container .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.board-checklist-container .checklist-container {
  min-width: calc(100% - 410px);
}

@media (max-width: 1460px) {
  .board-checklist-container .checklist-container {
    min-width: 100%;
  }

  .board-container,
  .board-checklist-container .board-container .img-wrapper {
    margin: auto;
  }

  .board-checklist-container .board-container .text-wrapper {
    text-align: center;
  }

  .board-checklist-container .btn.rinv-btn.btn-transparent {
    text-wrap: nowrap;
  }
}

.board-checklist-container .checklist-container .step-item {
  min-width: 100%;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.board-checklist-container .checklist-container .step-separator {
  width: 2px;
  margin: 8px 20px;
  height: 30px;
  background-color: var(--clr-success);
}

.board-checklist-container .checklist-container .step-separator {}

.board-checklist-container .checklist-container .step-item .step-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  gap: 10px;
}

.board-checklist-container .checklist-container .step-item .step-status {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid;
  border-radius: 50%;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}

.board-checklist-container .checklist-container .step-item .step-status span {
  display: inline-flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.board-checklist-container .checklist-container .step-item .step-status.status-success {
  border-color: var(--clr-success)
}

.board-checklist-container .checklist-container .step-item .step-status.status-success span {
  background-color: var(--clr-success)
}

.board-checklist-container .checklist-container .step-item .step-status.status-primary {
  border-color: var(--clr-primary)
}

.board-checklist-container .checklist-container .step-item .step-status.status-primary span {
  background-color: var(--clr-primary)
}

.dashboard-form-group-wrapper {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .dashboard-form-group-wrapper {
    flex-wrap: wrap;
    gap: 0;
  }
}


/*-------*/
.ng-select.ng-select-multiple .ng-clear-wrapper .ng-clear {
  margin-top: -4px
}

.order-details-card {
  display: flex;
  gap: 14px;
}

.order-details-card p {
  font-size: 14px
}

.label.rinv-label.order-status-label {
  padding: 4px 8px;
  color: var(--clr-white);
  border-radius: 6px;
  font-size: 12px;
}

.label.rinv-label.order-status-label.label-primary {
  background-color: var(--clr-primary);
}

.label.rinv-label.order-status-label.label-success {
  background-color: var(--clr-success);
}

.label.rinv-label.order-status-label.label-warning {
  background-color: var(--clr-warning);
}

.label.rinv-label.order-status-label.label-danger {
  background-color: var(--clr-danger);
}

.label.rinv-label.identity-label {
  padding: 4px 14px;
  --label-gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
}

.user-img-wrapper img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  object-fit: cover;
}

.label.rinv-label.identity-label.label-success {}

.label.rinv-label.identity-label.label-warning {}

.label.rinv-label.identity-label.label-danger {}

.alert-dropdown .attendance-details {
  margin-inline-start: 40px;
  margin-top: 8px;
}

.dropdown.alert-dropdown .dropdown-menu::before {
  content: '';
  border: none;
}

.alert-dropdown .user-img {
  width: 18px;
  height: 18px;
}

.dropdown.alert-dropdown .dropdown-menu {
  padding: 16px;
}

fieldset .employee-fieldset {
  /*padding: 8px;*/
}

fieldset .employee-fieldset-selectAll {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 16px;

}

fieldset .employee-fieldset-item {
  border: 1px solid var(--clr-gray-7);
  border-inline-start: none;
  padding: 10px 16px;
}

.employye-search {
  width: calc(100% - 18px);
}

.employye-search input {
  padding: 5px 35px 5px 20px;
}

.employye-search span {
  position: absolute;
  top: 5px;
  right: 10px;
}

[dir="ltr"] .employye-search input {
  padding: 5px 20px 5px 35px;
}

[dir="ltr"] .employye-search span {
  left: 10px;
  right: auto;
}

.employee-fieldset-items-container {
  max-height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px;
  margin-inline-start: 8px;
  width: calc(100% - 8px);
  margin-bottom: 8px;
}

/*::-webkit-scrollbar ,*/
::-webkit-scrollbar,
.rinv-aside .aside-menu ul::-webkit-scrollbar,
.alert-dropdown-menu::-webkit-scrollbar,
.rinv-aside .aside-menu ul::-webkit-scrollbar-thumb,
.posts-info-wrapper::-webkit-scrollbar,
.employee-fieldset-items-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.alert-dropdown-menu::-webkit-scrollbar-track,
.rinv-aside .aside-menu ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ffffff1a;
  box-shadow: inset 0 0 2px #ffffff1a;
}

/*::-webkit-scrollbar-track ,*/
::-webkit-scrollbar-track,
.posts-info-wrapper::-webkit-scrollbar-track,
.employee-fieldset-items-container::-webkit-scrollbar-track {
  background: var(--clr-suger);
  border-radius: 10px;
  box-shadow: inset 0 0 2px var(--clr-suger);
}

/*::-webkit-scrollbar-thumb ,*/
::-webkit-scrollbar-thumb,
.alert-dropdown-menu::-webkit-scrollbar-thumb,
.posts-info-wrapper::-webkit-scrollbar-thumb,
.employee-fieldset-items-container::-webkit-scrollbar-thumb {
  background: var(--clr-primary);
  border-radius: 10px;
  width: 8px !important;
}

.alert-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 14px;
}

.rinv-aside .aside-menu ul {
  scrollbar-color: var(--clr-sugre) transparent !important;
  scrollbar-width: auto;
}

.rinv-aside .aside-menu ul::-webkit-scrollbar-thumb {
  background: var(--clr-suger);
}

.rinv-header-container header .dropdown-menu.show {
  transform: translate(0px, 52px) !important;
  inset: 0px auto auto 0px !important;
}

[dir="ltr"] .rinv-header-container header .dropdown-menu.show {
  inset: 0px 0px auto auto !important;
}

.alert-dropdown-menu {
  max-height: 353px;
  width: 368px;
  overflow-y: auto;
}

.alert-dropdown-menu .dropdown-item:hover,
.alert-dropdown-menu .dropdown-item:focus {
  background-color: transparent;
}

.alert-dropdown-menu .dropdown-item {
  width: calc(100% - 8px);
  margin-inline-end: 8px;
}

.alert-dropdown-menu .dropdown-item.active,
.alert-dropdown-menu .dropdown-item:active {
  --bs-dropdown-link-active-color: var(--clr-black)
}

.alert-dropdown-menu .dropdown-item .attendance-details {
  gap: 16px;
}

.alert-dropdown-menu .dropdown-item .label.rinv-label.label-primary {
  background: rgba(2, 145, 205, 0.20);
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 14px;
}

.alert-dropdown-menu .btn-close-modal {
  padding: 3px 2px
}

.img1 {
  position: relative
}

.img1:after {
  position: absolute;
  content: '';
  background-image: url("/assets/media/icons/sun.svg");
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-work-row {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}

.custom-work-row.rinv-work-schedule-row {
  align-items: end;
  gap: 24px;
  margin-block: 24px;
}

.custom-work-row .label.rinv-label.label-danger {
  height: 35px
}

.custom-work-row .label.rinv-label.label-danger:hover {
  border-color: transparent
}

.custom-work-row .form-group-container {
  width: calc(100% - 70px)
}

.custom-work-row.rinv-work-schedule-row .form-group-container {
  width: calc(100% - 124px);
}

.custom-work-row .cta-container {
  width: 55px;
  margin-top: 30px;
}

.custom-work-row.rinv-work-schedule-row .cta-container {
  width: 100px;
  margin-top: 0px;
}

@media (max-width: 485px) {
  .custom-work-row.rinv-work-schedule-row {
    gap: 12px
  }

  .custom-work-row.rinv-work-schedule-row .form-group-container,
  .custom-work-row.rinv-work-schedule-row .cta-container {
    width: 100%
  }
}

.ng-select.form-control.ng-select-multiple .ng-select-container {
  overflow-y: auto;
}

.ng-select.form-control.ng-select-multiple .ng-value-container {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100px;
  max-width: 95%;
  /*min-height: 31px;*/
}

.uis-fast-mail:before {
  line-height: 0.5;
}

.order-details-card .label-light-gray-3 {
  width: 35px;
  height: 35px;
}

/*changes overwrite B.P*/
body>.ng-dropdown-panel,
.ng-select .ng-dropdown-panel {
  padding: 0;
  margin-top: 4px;
  z-index: 99999 !important;
}

.card {
  --card-header-title-clr: var(--clr-black);
}

@media (max-width: 474px) {
  .custom-work-row .form-group-container .col-md-6.col-12:last-child {
    min-width: calc(100% + 80px)
  }
}

label:not(.radio, .checkbox, .switch),
.checkbox {
  --form-label-fs: 14px;
  --form-label-fw: 400;
  --form-label-clr: var(--clr-black);
  --form-label-mb: 8px;
}

.card .card-header {
  border-bottom: 1px solid var(--clr-suger);
  padding-bottom: 16px;
  margin-bottom: 24px;
  gap: var(--card-header-header-gap);
}

.card .card-header .card-title h3 {
  font-size: 16px;
  margin: 0;
}

.card.rinv-card {
  --card-padding: 16px;
  --card-header-padding: 0px 0px 24px 0;
  --card-footer-padding: 16px 0px 0px 0px;
  --btn-border-radius: 6px;
  --card-header-toolbar-gap: 10px 15px;
  --card-header-header-gap: 15px 0px
}

.card .card-footer .card-action {
  --card-footer-action-gap: 10px;
  flex-wrap: wrap;
}

.card .card-footer .card-action .btn {
  min-width: 100px;
}

.form-control.rinv-form-control {
  padding: 4px 10px;
  --form-control-height: 40px;
  --form-control-clr: var(--clr-black);
}

.checkbox {
  --checkbox-bg: var(--clr-gray-7);
  --checkbox-border-clr: var(--clr-gray-3);
  --checkbox-border-radius: 4px;
  --checkbox-check-width: 7px;
  border-radius: 1px;
  --checkbox-margin: 0;
}

.checkbox>input:disabled~span {
  background-color: var(--clr-gray-3);
  border-color: var(--clr-gray-3);
}

.btn.rinv-btn {
  --btn-padding-inline-md: 16px;
}

.card {
  --card-footer-bordertop-clr: var(--clr-suger);
}

.form-group {
  margin-bottom: 24px;
}

.table.rinv-table {
  --table-thead-th-padding-block: 10px;
  --table-thead-th-padding-inline: 16px;
  --table-tbody-td-padding-block: 10px;
  --table-tbody-td-padding-inline: 16px;
  --table-mb: 0;
}

.pagination {
  --pagination-gap: 10px;
  --pagination-margin: 24px 0 0;
}

.pagination .pagination .page-item a.page-link[aria-label="First"],
.pagination .pagination .page-item a.page-link[aria-label="Last"],
.pagination .pagination .page-item a.page-link[aria-label="Previous"],
.pagination .pagination .page-item a.page-link[aria-label="Next"] {
  --pagination-list-link-control-border-clr: transparent;
  --pagination-list-link-control-bg: var(--label-id-primary-bg-clr);
}

.pagination .pagination .page-item a.page-link span {
  width: 18px;
  height: 23px;
}

.pagination .pagination .page-item a.page-link {
  --pagination-list-link-padding: 12px;
  --pagination-list-link-width: 25px;
  --pagination-list-link-height: 25px;
  --pagination-list-link-bg: var(--clr-white);
  --pagination-list-link-border-clr: var(--clr-light-blue);
  --pagination-list-link-clr: var(--clr-gray-3);
}

.pagination .pagination .page-item.disabled a.page-link[aria-label="First"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Last"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Previous"],
.pagination .pagination .page-item.disabled a.page-link[aria-label="Next"] {
  /*--pagination-list-link-control-clr:#B4BABA;*/
  /*--pagination-list-link-control-border-clr:var(--clr-suger);*/
  --pagination-list-link-disabled-opacity: 1;
}

.form-control[readonly],
.form-control:disabled,
.form-control:disabled *,
.form-control[class *='-disabled'] {
  --form-control-disabled-bg: #EDEDED;
  border-color: var(--clr-suger);
  /* --form-control-disabled-bg:var(--clr-bg-light); */
}

.switch input:empty~span {
  --switch-width: 46px;
  --switch-height: 28px;
}

.switch input:empty~span:after {
  --switch-icon-width: 24px;
  --switch-icon-height: 24px;
  top: 2px;
  --switch-icon-inset-ie: 2px;
}

.switch {
  --switch-icon-boxshadow: 0 0.1rem .6rem var(--clr-gray-3);
  --switch-icon-active-boxshadow: 0 0.1rem 0.6rem var(--clr-success);
}

.switch input[disabled]:empty~span {
  --switch-container-active-bg: #BBF7D0;
  --switch-icon-active-boxshadow: 0 0.1rem 0.6rem #BBF7D0;
  --switch-container-bg: var(--clr-gray-7);
}

.switch.rinv-switch {
  gap: 16px;
  /* font-weight: bold; */
  --switch-margin: 0;
  line-height: 24px;
  margin-bottom: 10px;
}

.switch.rinv-switch input:empty~span {
  --switch-width: 38px;
  --switch-height: 24px;
}

.switch.rinv-switch input:empty~span:after {
  --switch-icon-width: 20px;
  --switch-icon-height: 20px;
}

.tablist {
  --tablist-nav-padding-block: 16px;
  --tablist-nav-padding-inline: 16px;
  --tablist-nav-gap: 10px;
  --tablist-nav-bg: var(--clr-white);
  --tablist-nav-border-radius: 6px;
  --tablist-nav-link-padding-block: 10px;
  --tablist-nav-link-padding-inline: 16px;
  --tablist-nav-link-fs: 14px;
  --tablist-nav-link-fw: 400;
  --tablist-nav-link-border-radius: 6px;
  --tablist-nav-link-bg: var(--clr-white);
}

.ng-select {
  --ngselect-arrow-icon: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.6845 4.57751C4.6895 4.57218 4.6915 4.56507 4.6965 4.55973L8.18726 1.13119C8.38224 0.938295 8.38224 0.625397 8.18726 0.432503C8.18526 0.430725 8.18326 0.429836 8.18126 0.428948C8.13787 0.38224 8.08354 0.344517 8.02206 0.318416C7.96057 0.292314 7.89341 0.278464 7.82528 0.277832H0.842761C0.773378 0.278829 0.705087 0.293357 0.642713 0.32039C0.580339 0.347423 0.525403 0.386303 0.481786 0.434281L0.479786 0.432503C0.385423 0.52956 0.333496 0.653561 0.333496 0.781846C0.333496 0.910131 0.385423 1.03413 0.479786 1.13119L3.97855 4.57751C4.0221 4.6229 4.07622 4.65935 4.13716 4.68434C4.1981 4.70933 4.26441 4.72228 4.33152 4.72228C4.39863 4.72228 4.46495 4.70933 4.52589 4.68434C4.58683 4.65935 4.64094 4.6229 4.6845 4.57751V4.57751Z' fill='%232B3D4C'/%3E%3C/svg%3E%0A");
}

/*aside*/
.wrapper {
  padding: 0;
}

.aside-fixed .wrapper {
  /*padding-inline-start: 20.5rem;*/
}

.aside-minimize .rinv-aside {
  width: 5rem;
}

.aside-fixed.aside-minimize .wrapper {
  padding-inline-start: 8.5rem;
}

.wrapper.bg-gr-blue .content {
  background: var(--clr-gray-7);
  border-radius: 0 32px 32px 0;
}

[dir="ltr"] .wrapper.bg-gr-blue .content {
  border-radius: 32px 0 0 32px;
}

.rinv-aside {
  /*width: 17.5rem;*/
  margin: 16px;
}

.rinv-aside .logo {
  /*align-items: flex-end;*/
  padding: 8px 0 16px 0;
  height: -moz-fit-content;
  height: fit-content;
  background: transparent;
  border-radius: 0;
  justify-content: space-between;
}

.rinv-aside .logo .rinv-logo {
  width: -moz-fit-content;
  width: fit-content;
}

.rinv-aside .logo .rinv-logo svg path {
  fill: white !important;
}

.rinv-aside .toggle-menu {
  position: static;
  height: 28px;
  width: 28px;
  color: var(--clr-primary);
  background: var(--clr-white);
  border-radius: 4px;
}

.rinv-aside .aside-content,
.rinv-aside.aside-mobile .aside-content {
  background: transparent !important;
  padding: 0;
}

.rinv-aside .company-info {
  padding: 24px 0;
  padding-inline-end: 0;
  border-block: 1px solid var(--clr-suger);
  margin-block: 12px;
}

.rinv-aside .aside-menu-title {
  /*color:#ffffff80;*/
  color: var(--clr-white);
  font-size: 14px;
  margin: 12px 0;
  font-weight: 700;
}

.aside-minimize .rinv-aside .aside-menu .nav-item .nav-link {
  justify-content: center;
}

.aside-menu .nav-item.has-submenu:has(.collapse.show)::after {
  transform: rotate(0deg);
}

.aside-menu .nav-item.has-submenu::after {
  transform: rotate(90deg);
}

.aside-minimize .rinv-aside .logo {
  width: 105%
}

.rinv-aside .aside-menu>ul {
  padding-left: 0;
}

.aside-menu .nav-item ul.sub-menu li::before {
  content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.15659 8.91602H3.84341C3.37761 8.91602 3 9.29362 3 9.75942V12.0726C3 12.5384 3.37761 12.916 3.84341 12.916H6.15659C6.62239 12.916 7 12.5384 7 12.0726V9.75942C7 9.29362 6.62239 8.91602 6.15659 8.91602Z" fill="white"/><path d="M16.1566 8.91602H13.8434C13.3776 8.91602 13 9.29362 13 9.75942V12.0726C13 12.5384 13.3776 12.916 13.8434 12.916H16.1566C16.6224 12.916 17 12.5384 17 12.0726V9.75942C17 9.29362 16.6224 8.91602 16.1566 8.91602Z" fill="%230291CD"/></svg>');
  width: 20px;
  height: 20px;
  border: none;
  z-index: 22;
}

.rinv-aside .aside-content,
.rinv-aside.aside-mobile .aside-content {
  background: linear-gradient(180deg, #1561AC 0%, #0291CD 100%);
}

.rinv-aside .aside-menu .nav-item .nav-link:hover,
.rinv-aside .aside-menu .nav-item .nav-link.active {
  background-color: rgba(255, 255, 255, 1) !important;
  color: var(--clr-primary);
}

.rinv-aside .aside-menu .nav-item.menu-item-submenu.has-submenu .d-none-minimize.w-100>a.nav-link:hover,
.rinv-aside .aside-menu .nav-item.menu-item-submenu.has-submenu .d-none-minimize.w-100>a.nav-link.active {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--clr-white);
}

.rinv-aside .aside-menu .nav-item.menu-item-submenu.has-submenu .d-none-minimize.w-100>a.nav-link:hover i.uis,
.rinv-aside .aside-menu .nav-item.menu-item-submenu.has-submenu .d-none-minimize.w-100>a.nav-link.active i.uis {
  color: var(--clr-white) !important;
}

.aside-menu .nav-item ul.sub-menu li:hover::before,
.aside-menu .nav-item ul.sub-menu li.menu-item-active::before {
  content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.15659 8.91602H3.84341C3.37761 8.91602 3 9.29362 3 9.75942V12.0726C3 12.5384 3.37761 12.916 3.84341 12.916H6.15659C6.62239 12.916 7 12.5384 7 12.0726V9.75942C7 9.29362 6.62239 8.91602 6.15659 8.91602Z" fill="%231561AC"/><path d="M16.1566 8.91602H13.8434C13.3776 8.91602 13 9.29362 13 9.75942V12.0726C13 12.5384 13.3776 12.916 13.8434 12.916H16.1566C16.6224 12.916 17 12.5384 17 12.0726V9.75942C17 9.29362 16.6224 8.91602 16.1566 8.91602Z" fill="%230291CD"/></svg>');
}

.rinv-aside .aside-menu .nav-item .nav-link:hover i.uis,
.rinv-aside .aside-menu .nav-item .nav-link.active i.uis {
  color: var(--clr-primary) !important;
}

.aside-menu .nav-item ul.sub-menu .nav-item .nav-link {
  padding: 12px;
  padding-inline-start: 42px;
  min-width: 100%;
}

.rinv-aside .aside-menu .nav-item .nav-link {
  height: -moz-fit-content !important;
  height: fit-content !important;
  border-radius: 6px;
  font-size: 14px;
  gap: 10px;
  padding: 12px;
}

.aside-menu .nav-item ul.sub-menu {
  padding-inline-start: 0;
  padding: 0;
  margin-top: 10px;
}

.aside-menu .nav-item ul.sub-menu li::before {
  top: 15px
}

/*.aside-menu .nav-item ul.sub-menu li.menu-item-submenu::before{content: '';}*/
.aside-menu .nav-item.has-submenu::after {
  background-image: url('data:image/svg+xml,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.351 4.99304C4.356 4.9877 4.358 4.98059 4.363 4.97526L7.85376 1.54672C8.04875 1.35382 8.04875 1.04092 7.85376 0.84803C7.85176 0.846252 7.84976 0.845364 7.84776 0.844475C7.80438 0.797767 7.75005 0.760044 7.68856 0.733943C7.62707 0.707842 7.55992 0.693991 7.49179 0.693359H0.509265C0.439882 0.694356 0.371591 0.708884 0.309217 0.735917C0.246843 0.762951 0.191907 0.80183 0.14829 0.849808L0.14629 0.84803C0.0519268 0.945087 0 1.06909 0 1.19737C0 1.32566 0.0519268 1.44966 0.14629 1.54672L3.64505 4.99304C3.68861 5.03843 3.74272 5.07487 3.80366 5.09987C3.8646 5.12486 3.93091 5.1378 3.99802 5.1378C4.06514 5.1378 4.13145 5.12486 4.19239 5.09987C4.25333 5.07487 4.30744 5.03843 4.351 4.99304Z" fill="white"/></svg>');
  width: 8px;
  height: 17px;
  left: 12px;
  background-size: contain;
}

html[dir="ltr"] .aside-menu .nav-item.has-submenu::after {
  right: 12px;
  left: auto;
  transform: rotate(270deg);
}

.rinv-aside .aside-menu .nav-item:not(:last-child) {
  margin-bottom: 12px;
}

body.aside-minimize .aside-menu .d-none-minimize {
  display: none;
}

.rinv-aside .aside-menu .nav-item .nav-link>span {
  transition: backgroundColor 0.3s ease-in-out;

}

.rinv-aside .company-info .company-dropdown .dropdown-menu.show {
  transform: translate3d(100px, 29px, 0px) !important;
}

[dir="ltr"] .rinv-aside .company-info .company-dropdown .dropdown-menu.show {
  transform: translate3d(-100px, 29px, 0px) !important;
}

.aside-minimize .rinv-aside .company-info .company-dropdown .dropdown-menu.show {
  transform: translate3d(0px, 29px, 0px) !important;
}

.dropdown.company-dropdown .dropdown-menu::before {
  inset-inline-start: 108px;
}

.rinv-aside .company-info .company-dropdown .dropdown-menu {
  --dropdown-padding-inline: 10px
}

.rinv-aside .company-info .company-dropdown.dropdown .btn-dropdown {
  padding: 12px;
  border-bottom: 1px solid var(--clr-suger);
  color: var(--clr-black);
  height: 47px;
}

.rinv-aside .company-info .company-dropdown.dropdown .btn-dropdown:last-child {
  border-bottom: none !important;
}

/**/
@media screen and (max-width: 991px) {
  .rinv-aside.aside-mobile .logo {
    background-color: transparent;
    flex-direction: row-reverse;
    align-items: center;
  }

  .rinv-aside.aside-mobile {
    width: 22rem;
    margin: 0;
    background: var(--clr-primary);
    padding: 12px;
  }

  .rinv-aside.aside-mobile .aside-content {
    border-top: none;
  }

  .rinv-aside.aside-mobile .logo>.svg-icon {
    color: var(--clr-white) !important;
    display: inline-flex !important;
  }

  .rinv-aside.aside-mobile .company-info .company-name,
  .rinv-aside.aside-mobile .company-info .company-dropdown .dropdown-toggle {
    color: var(--clr-light-blue-1) !important;
  }
}

.GifModal .modal-dialog .modal-content {
  padding-block: 0;
  padding-inline: 0;
}

.rinv-request-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.rinv-request-cards-container .rinv-request-card {
  flex: 1;
  border: 1px solid var(--clr-suger);
  border-radius: 8px;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 185px;
  max-width: 220px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

.rinv-request-cards-container .rinv-request-card:hover,
.rinv-request-cards-container .rinv-request-card.active {
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
}

.rinv-request-cards-container .rinv-request-card:hover i.svg-icon,
.rinv-request-cards-container .rinv-request-card.active i.svg-icon {
  color: white !important;
}

.dropdown.request-dropdown {}

.table-responsive table .dropdown.request-dropdown .dropdown-menu {
  inset-inline-end: 0px !important;
  transform: translate(0px, 0px) !important;
  inset-block-start: -28px !important;
  width: -moz-fit-content;
  width: fit-content;
  inset-inline-start: -180px !important;
  height: 55px;
}

.dropdown.request-dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle) {
  display: flex;
  justify-content: flex-start;
  padding: 8px 16px;
}

.rinv-request-cards-container .rinv-request-card .text-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  text-wrap: nowrap;
  line-height: 1;
}

.rinv-request-cards-container .rinv-request-card.active .text-wrapper,
.rinv-request-cards-container .rinv-request-card:hover .text-wrapper {
  color: var(--clr-white)
}

.rinv-request-cards-container .rinv-request-card .label.rinv-label.label-icon {
  background-color: transparent !important;
  padding: 0;
  height: 24px;
}

.dropdown.request-dropdown .dropdown-menu {
  border: none;
  background: var(--clr-dark);
  border-radius: 6px;
  padding: 8px 0;
}

.dropdown.request-dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover {
  background: #def0f833;
  opacity: 1;
}

.dropdown.request-dropdown .dropdown-menu::before {
  --dropdown-arrow-border-clr: transparent transparent var(--clr-dark) transparent;
  inset-inline-end: 3.5rem;
  top: -9px;
  --dropdown-arrow-border-width: 0px 7px 11px 7px;
}

.rinv-attachment-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}

.rinv-attachment-card .attachment-container {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid var(--clr-suger);
  width: 120px;
  height: 120px;
}

.rinv-attachment-card .attachment-container .img-container {
  background-color: #E8EFF6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rinv-attachment-card .attachment-container .img-container,
.rinv-attachment-card .attachment-container .img-container img {
  width: 104px;
  height: 104px;
  object-fit: cover;
}

.rinv-attachment-card .attachment-container img.attachment-pdf {
  width: 34px;
  height: auto;
}

.rinv-attachment-card p {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

input::-webkit-inner-spin-button button {
  background: var(--clr-suger)
}

input::-webkit-inner-spin-button {
  opacity: 1;
  pointer-events: auto;
  inset-inline-start: 0;
  position: absolute;
  height: 38px;
  top: -2px;
}

input[type="number"].form-control.rinv-form-control {
  padding-inline-start: 25px;
}

.label.rinv-label.date-label {
  background-color: #F6F6F6;
  --label-icon-border-radius: 4px;
  --label-padding-inline-md: 24px;
  --label-height-md: 32px;
  --label-fs: 16px;
  --label-fw: normal;
}

.request-thread-container .request-thread-time {
  position: relative;
  padding-inline-end: 12px;
  width: 55px
}

.request-thread-container .request-thread-time:before {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  background-color: var(--clr-suger);
  inset-inline-end: 0;
}

.request-thread-container .request-thread-time:after {
  position: absolute;
  content: '';
  display: block;
  background-color: var(--request-thread-time-bg);
  width: 9px;
  height: 9px;
  inset-inline-end: -4px;
  top: 42px;
  border-radius: 50%;
}

.request-thread-container .request-thread-details {
  padding: 30px 0 20px 0;
}

.request-thread-container .header-user-info {
  margin-bottom: 0
}

.request-thread-container .request-thread-time.request-thread-primary:after {
  --request-thread-time-bg: var(--clr-primary);
}

.request-thread-container .request-thread-time.request-thread-success:after {
  --request-thread-time-bg: var(--clr-success);
}

.request-thread-container .request-thread-time.request-thread-danger:after {
  --request-thread-time-bg: var(--clr-danger);
}

.request-thread-container .request-thread-time.request-thread-warning:after {
  --request-thread-time-bg: var(--clr-warning);
}

.request-thread-container .request-thread-time.request-thread-success-1:after {
  --request-thread-time-bg: #0A8C65;
}

.request-thread-container .request-thread-time.request-thread-danger-4:after {
  --request-thread-time-bg: #9747FF;
}

.request-thread-container .request-thread-time.request-thread-gray:after {
  --request-thread-time-bg: #4A4A4A;
}

.ngx-timepicker {
  flex-direction: row-reverse;
  justify-content: flex-end;

}

.rinv-expiry-label {
  position: relative;
  padding-inline-start: 30px;
  font-weight: bold
}

.rinv-expiry-label:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: var(--clr-primary);
  inset-inline-start: 7px;
  top: 7px;
  border-radius: 1px
}

.rinv-accordion.branch-accordion {
  padding: 24px;
  border-radius: 6px;
  border: #fff;
  margin-bottom: 24px;
}

.rinv-accordion.branch-accordion .accordion .accordion-item {
  margin: 0;
}

.rinv-accordion.branch-accordion .accordion .accordion-header {
  --accordion-item-header-padding-block: 0;
  --accordion-item-header-padding-inline: 0;
  background: transparent;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}

.rinv-accordion.branch-accordion .collapsed .rinv-accordion-icon-container {
  background: var(--clr-primary);
}

.rinv-accordion.branch-accordion .rinv-accordion-icon-container {
  width: 20px;
  height: 20px;
  border: none;
  background: var(--clr-gray-3);
}

.rinv-accordion.branch-accordion .rinv-accordion-icon-container svg {
  fill: var(--clr-white) !important
}

.branch-form-container {
  background-color: #F4F8FA;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 24px;
}

.change-employees-field {
  border-radius: 10px;
  background: #F4F8FA;
  padding: 10px;
  margin-bottom: 24px;
}

.change-employees-field .input-btn-group.input-calendar {
  width: 100%;
}

.change-employees-field .ng-select.form-control {
  min-width: 100%;
}

.change-employees-field .form-group {
  margin-bottom: 0;
}

.ngx-timepicker-control__input {
  background: transparent !important;
}

.ngx-timepicker {
  display: flex;
  align-items: center;
  min-height: 33px;
  border-bottom: none !important;
  padding-inline-start: 12px;
}

.ngx-timepicker-field-example {
  border-radius: 5px;
  border: 1px solid var(--clr-suger);
}

.ngx-timepicker-field-example.invalid {
  border-color: var(--clr-danger)
}

/* .rinv-accordion.branch-accordion.work-table-accordion{
  margin-inline: .75rem;
  width: calc(100% - 1.5rem);
} */
.ngx-timepicker-control__arrows span.ngx-timepicker-control__arrow {
  font-size: 10px !important;
  color: #2B3D4C !important;
}

.ngx-timepicker__time-colon.ngx-timepicker__control--second {
  height: 33px;

}

.work-table-accordion .work-table-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--clr-black);
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--clr-suger);
}

.rinv-accordion.branch-accordion.work-table-accordion .accordion-body {
  /*margin-top: 24px;*/
}

/*.rinv-accordion.branch-accordion.work-table-accordion .rinv-accordion-icon-container{background:var(--clr-dark)}*/
/*.rinv-accordion.branch-accordion.work-table-accordion .rinv-accordion-icon-container.work-schedule-icon{background:var(--clr-gray)}*/
.rinv-accordion.branch-accordion.work-table-accordion .table-item-container {
  padding-block: 16px;
  padding-inline: 16px;
  display: flex;
  border: 1px solid var(--clr-suger);
  margin-bottom: 24px;
  border-radius: 8px;
}

@media (max-width: 992px) {
  .rinv-accordion.branch-accordion.work-table-accordion .table-accordion-item-container {
    flex-wrap: wrap;
  }
}

/* .rinv-accordion.branch-accordion.work-table-accordion .table-accordion-title{
  min-width: 300px;
} */
/* .rinv-accordion.branch-accordion.work-table-accordion .table-header label{font-weight: bold;line-height: 32px;} */
/*.rinv-accordion.branch-accordion.work-table-accordion .table-accordion-title label,
.rinv-accordion.branch-accordion.work-table-accordion .form-group{
  margin-bottom: 0;
} */
.rinv-accordion.branch-accordion.work-table-accordion .table-header label {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
}

.work-table-accordion .table-item-container {
  flex-direction: column;
}

.work-table-accordion .table-item-container .table-content {
  padding-inline-start: 54px;
}

.change-status .form-group {
  border-radius: 10px;
  background: #F4F8FA;
  padding: 10px;

}

.header-user-info .user-default {
  --user-default-clr: #ffffff;
  background-color: var(--user-default-bg-clr);
  color: var(--user-default-clr);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.header-user-info .user-default.user-default-sm {
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.header-user-info .user-default.default-clr {
  --user-default-bg-clr: #28D7FDCC;
}

.header-user-info .user-default.orange-clr {
  --user-default-bg-clr: #FDB528CC;
}

.header-user-info .user-default.blue-clr {
  --user-default-bg-clr: #C891FE;
}

.header-user-info .user-default.green-clr {
  --user-default-bg-clr: #3CE09BCC;
}

/* under construction */
.rinv-wizard-card {
  background: white;
  margin: 24px;
  padding: 40px;
  border-radius: 20px;
}

.rinv-wizard-card-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--clr-suger);
  align-items: center;
}

.lang-dropdown {
  box-shadow: none;
}

.lang-dropdown:focus-visible {
  outline: none;
}

.lang-dropdown .dropdown-toggle:active {
  border: none;
}

.lang-dropdown .rinv-logo,
.lang-dropdown .btn-dropdown {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.lang-dropdown .dropdown-menu {
  --dropdown-minwidth: 80px;
  --dropdown-border-clr: var(--clr-suger);
}

.dropdown.lang-dropdown .dropdown-menu::before {
  inset-inline-end: 0rem;
  inset-inline-start: 0.5rem;
}

.dropdown.lang-dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover {
  background: transparent;
}

.wizard-item-card {
  display: flex;
  gap: 16px;
  background-color: transparent;
  border: 1px solid var(--clr-suger);
  padding: 24px;
  border-radius: 8px;
  min-height: 100%;
}

.wizard-item-card.selected {
  border-color: var(--clr-id-primary);
  background-color: #FEFCE8;
}

.wizard-item-card.selected.finished {
  border-color: var(--clr-success);
  background: #DCFCE7;
}

.wizard-item-card .wizard-item-icon {
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-id-primary);
  font-size: 20px;
}

.wizard-item-card.selected.finished .wizard-item-icon {
  background-color: var(--clr-success)
}

.wizard-item-card .wizard-item-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wizard-item-card .wizard-item-text-wrapper .wizard-item-title {
  font-weight: 700;
  font-size: 20px;
  color: #1E293B;
  margin: 0;
}

.wizard-item-card .wizard-item-text-wrapper .wizard-item-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: #475569;
}

.card.rinv-wizard-card .card-header,
.card.rinv-wizard-card .card-body {
  padding-inline-start: 0;
}

.ng-select .ng-select-container .ng-input,
.ng-select.form-control .ng-select-container .ng-value-container .ng-input>input,
.ng-select.form-control {
  color: var(--clr-dark) !important;
}

.ng-select .ng-select-container .ng-placeholder {
  line-height: 1.5;
  /*width: calc(100% - 15px);*/
  z-index: 1;
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.ng-select.form-control.ng-select-multiple .ng-value-container{height: 31px}*/
/*.work-schedule-table .svg-primary{color:var(--clr-secondary)!important;}*/
.uis-map-marker.text-dark-blue {
  color: var(--clr-id-secondary) !important
}

.uis-moon.text-dark-blue {
  color: #404040 !important;
}

.uis-hourglass.svg-primary {
  color: #14B8A6 !important;
}

.sign-out-alt.text-black {
  color: #818CF8
}

.rinv-aside .aside-menu>ul {
  height: auto;
  max-height: calc(100vh - 240px);
}

@media screen and (max-width: 991px) {
  .rinv-aside.aside-mobile .aside-content .aside-menu>ul {
    height: auto;
    max-height: calc(100vh - 240px);
    padding-bottom: 35px;
  }
}

.dropdown.employee-log-dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover,
.dropdown .dropdown-menu.employee-log-dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover {
  background: var(--clr-light-secondary) !important;
  opacity: 1;
  cursor: auto;
}

/*.rinv-drow-map-container{position: relative}*/
.rinv-drow-map-container button {
  position: absolute;
  bottom: 22px;
  inset-inline-start: 10px;
}

/*--*/
.rinv-general-settings-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  padding: 40px;
  background-color: white;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 24px;
  gap: 12px;
  font-size: 14px;
  color: var(--table-rinv-thead-th-bg);
  text-align: center;
}

.rinv-general-settings-card:hover {
  cursor: pointer
}

.rinv-general-settings-card svg {
  width: 32px;
  height: 32px;
}

.table.rinv-table.editable-table tr.invalid-tr td {
  border-block: 1px solid var(--clr-danger);
}

.table.rinv-table.editable-table tr.invalid-tr td:first-child {
  border-inline-start: 1px solid var(--clr-danger);
}

.table.rinv-table.editable-table tr.invalid-tr td:last-child {
  border-inline-end: 1px solid var(--clr-danger);
}

/*////*/
.rinv-daily-time-info {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* rinv-visitor-info */
.rinv-visitor-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  margin-bottom: 16px;
  padding-top: 8px;
}

.rinv-visitor-info p {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-black);
}

.input-calendar .form-control[readonly] {
  --form-control-disabled-bg: white;
}

table span.label.rinv-label {
  min-width: 100%;
  padding-block: 7px !important;
}

.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  /* max-width: calc(100% - 20px); */
  /*--ngselect-multi-label-clr:var(--clr-black);*/
}

/**/
.modal-mov-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 8px;
  background: var(--clr-gray-7);
  padding: 16px 10px;
  border-radius: 8px;
  flex-wrap: wrap;
}

.icon-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-container i {
  font-size: 18px;
  color: #94A3B8;
}

#fc_frame {
  left: auto !important;
  inset-inline-end: 25px !important;
  ;
}

/* =-=-=-=-=-=-=-=-= O.A.H =-=-=-=-=-=-=-=-= */
/* =-= General =-= */
.opacity-40 {
  opacity: 0.4;
}

.opacity-60 {
  opacity: 0.6;
}

.text-underline {
  text-decoration: underline;
}

/* =-= Buttons =-= */
.btn.btn-purple {
  color: var(--clr-white);
  background-color: var(--label-custom-purple-clr);
  border-color: var(--label-custom-purple-clr);
}

/* =-= Table =-= */
.table thead tr+tr.tr-inner th:first-child {
  border-radius: 0;
}

.table thead tr+tr.tr-inner th:last-child {
  border-radius: 0;
  border-inline-end: 1px solid var(--table-thead-th-borderend-clr);
}

.table thead tr+tr.tr-inner th {
  border-top: 1px solid var(--table-thead-th-borderend-clr);
}

/* =-= Modal =-= */
.modal-header .modal-toolbar .btn-close-modal.modal-custom-close {
  position: relative;
  top: 0;
  inset: 0;
}

/* Exemption Modal */
.rinv-exemption-list {
  margin: 0;
  padding: 0;
}

.rinv-exemption-list>li {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  position: relative;
}

.rinv-exemption-list>li:not(:last-child) {
  margin-bottom: 4.5rem;
}

.rinv-exemption-list>li .item-time {
  display: flex;
  flex-direction: column;
}

.rinv-exemption-list>li .item-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1.6rem;
  border: 1px solid var(--clr-light-blue);
  border-radius: 0.6rem;
}

.rinv-exemption-list>li .item-content>* {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 14px;
}

.rinv-exemption-list>li .item-content .content-status span {
  font-weight: bold;
}

.rinv-exemption-list>li::before,
.rinv-exemption-list>li::after {
  content: '';
  position: absolute;
  height: 3.2rem;
  width: 1px;
  background: var(--clr-light-blue);
  inset-inline-start: 38px;
}

.rinv-exemption-list>li::before {
  top: -25px;
}

.rinv-exemption-list>li::after {
  bottom: -25px;
}

.rinv-exemption-list>li:first-child::before,
.rinv-exemption-list>li:last-child::after {
  content: none
}

/* =-=-=-=-= SCROLL =-=-=-=-=*/
.scroll {
  --scroll-min-height: 100px;
  --scroll-padding-istart: 10px;
  padding-inline-end: var(--scroll-padding-istart);
  max-height: var(--scroll-min-height);
  object-fit: contain;
  overflow: hidden;
  overflow-y: auto;
}

.scroll.scroll-h-450 {
  --scroll-min-height: 450px;
}

/* =-=-=-=-= EMPLOYEE TRANSFER =-=-=-=-=*/
.employee-transfer-selection-wrapper {
  padding: 24px 16px;
  background: var(--clr-gray-7);
  margin-bottom: 24px;
}

.employee-transfer-selection-wrapper.min-w-485 {
  min-height: 485px;
}

.employee-transfer-selection-wrapper .selection-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  padding-inline: 1.6rem;
}

.employee-transfer-selection-wrapper .transfered-count,
.employee-transfer-selection-wrapper .selection-controls p {
  font-size: 14px;
  font-weight: 400;
  color: black;
  line-height: 21px;
}

.employee-transfer-selection-wrapper .transfered-count {
  text-align: end;
}

.employee-transfer-selection-wrapper .selection-controls .selection-actions {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}

.employee-transfer-selection-wrapper .selection-list {
  margin: 0;
}

.employee-transfer-selection-wrapper .selection-list.scroll {
  --scroll-min-height: 33.7rem;
  --scroll-padding-istart: 0rem;
}

.employee-transfer-selection-wrapper .selection-list:has(:nth-child(6)).scroll {
  --scroll-padding-istart: 1rem;
}

.employee-transfer-selection-wrapper .selection-list>li:not(:last-child) {
  margin-bottom: 1.6rem;
}

.employee-transfer-selection-wrapper .selection-list.transfered-list>li,
.employee-transfer-selection-wrapper .selection-list.current-list>li,
.employee-transfer-selection-wrapper .selection-list>li>.checkbox {
  padding: 12px 15px;
  background: white;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-light-blue);
  gap: 12px;
}

.employee-transfer-selection-wrapper .selection-list>li>.checkbox:has(> input:checked ~ span) {
  border-color: var(--clr-primary);
}

.employee-transfer-selection-wrapper .selection-list.transfered-list>li>p,
.employee-transfer-selection-wrapper .selection-list.current-list>li>p,
.employee-transfer-selection-wrapper .selection-list>li>.checkbox>p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: black;
  margin-inline-start: 12px;
}

.employee-transfer-selection-wrapper .selection-list.transfered-list>li .header-user-info+span,
.employee-transfer-selection-wrapper .selection-list.current-list>li .header-user-info+span,
.employee-transfer-selection-wrapper .selection-list>li>.checkbox .header-user-info+span {
  color: black;
}

.employee-transfer-selection-wrapper .selection-list.transfered-list>li {
  display: inline-flex;
  align-items: center;
}

.employee-transfer-selection-wrapper .selection-list.current-list>li {
  background: #F1F1F1;
  display: inline-flex;
  align-items: center;
}

.employee-transfer-selection-wrapper .selection-list.scroll.transfered-list,
.employee-transfer-selection-wrapper .selection-list.scroll.current-list {
  --scroll-min-height: 25rem;
}

.employee-transfer-selection-wrapper .selection-list.scroll.transfered-list:not(:empty) {
  min-height: 25rem;
}

.employee-transfer-selection-wrapper .selection-list:has(:nth-child(4)).scroll.transfered-list,
.employee-transfer-selection-wrapper .selection-list:has(:nth-child(4)).scroll.current-list {
  --scroll-padding-istart: 1rem;
}

/* =-=-=-=-= TRANSFER EMPLOYEES FROM TO =-=-=-=-=*/
.transfer-current-employees-wrapper .current-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.transfer-current-employees-wrapper .current-header h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
}

.transfer-current-employees-wrapper .current-header .btn.rinv-btn {
  --btn-padding-inline-sm: 7px;
  --btn-height-sm: 24px;
}

.transfer-current-employees-wrapper .current-header .btn.rinv-btn.show {
  background: var(--clr-gray-3) !important;
  border-color: var(--clr-gray-3) !important;
}

.transfer-current-employees-wrapper .current-header .btn.rinv-btn .svg-icon svg {
  transition: 0.2s all ease-in-out;
}

.transfer-current-employees-wrapper .current-header .btn.rinv-btn.show .svg-icon svg {
  rotate: 180deg;
  transition: 0.2s all ease-in-out;
}

.btn.rinv-btn.btn-remove {
  --btn-border-radius: 100%;
  --btn-padding-block: 0;
  --btn-height-md: 16px;
  --btn-padding-inline-md: 0;
  --btn-clr: white;
  --btn-bg: var(--clr-danger);
  --btn-border-clr: var(--clr-danger);
  margin-inline-start: auto;
}

.btn.rinv-btn.btn-remove>i {
  line-height: 1;
  height: 14px;
  padding-inline-end: 1px;
}

/* =-=-=-=-= EXEMPT EMPLOYEES =-=-=-=-=*/
.rinv-exempt-employees-wrapper {
  padding: 16px 24px;
  background: var(--clr-bg-light);
  border-radius: 6px;
  border: 1px solid var(--clr-light-blue);
  margin-bottom: 24px;
}

.rinv-exempt-employees-wrapper .exmept-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.rinv-exempt-employees-wrapper .exmept-header h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rinv-exempt-employees-wrapper .exempt-nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 8px;
  padding-bottom: 16px;
}

.rinv-exempt-employees-wrapper .exempt-nodata>p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--table-rinv-thead-th-bg);
}

.rinv-exempt-employees-wrapper .exempt-list {
  padding: 0;
  margin: 0;
}

.rinv-exempt-employees-wrapper .exempt-list>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  background: white;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-light-blue);
  gap: 12px;
}

.rinv-exempt-employees-wrapper .exempt-list>li:not(:last-child) {
  margin-bottom: 1.6rem;
}

/* =-=-=-=-= BUTTONS =-=-=-=-=*/
.btn.rinv-btn.btn-outline {
  background: transparent !important;
}

.btn.rinv-btn.btn-outline.btn-primary {
  color: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}

/* =-=-=-=-= MODALS =-=-=-=-=*/
.alert-modal .modal-content {
  text-align: center;
  padding-inline: 40px;
}

.alert-modal .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.alert-modal .icon-wrapper svg {
  width: 56px;
  height: 56px;
  object-fit: cover;
}

.alert-modal h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px;
  color: black;
}

.alert-modal p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: black;
}

.form-wrapper {
  background: var(--clr-gray-7);
  padding: 16px;
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.form-wrapper .form-controls {
  flex: 1;
}

.report-list-wrapper .report-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 24px;
}

.report-list-wrapper .report-list-title h3 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

.report-list-wrapper .report-list {
  padding: 0;
  margin: 0;
}

.cdk-drag-preview,
.report-list-wrapper .report-list>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  border: 1px solid var(--clr-light-blue);
  border-radius: 8px;
  cursor: grab;
}

.report-list-wrapper .report-list>li:focus,
.report-list-wrapper .report-list>li:hover {
  border-color: var(--clr-primary);
}

.report-list-wrapper .report-list>li:focus .item-title svg,
.report-list-wrapper .report-list>li:hover .item-title svg {
  color: var(--clr-primary);
}

.report-list-wrapper .report-list>li:not(:last-child) {
  margin-bottom: 16px;
}

.report-list-wrapper .report-list.scroll:has(:nth-child(8)) {
  padding-inline-end: 10px;
}

.cdk-drag-preview .item-title,
.report-list-wrapper .report-list>li .item-title {
  display: flex;
  align-items: center;
  gap: 24px;
}

.cdk-drag-preview .item-title h4,
.report-list-wrapper .report-list>li .item-title h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.cdk-drag-preview .item-title svg,
.report-list-wrapper .report-list>li .item-title svg {
  color: var(--clr-gray-3);
  height: 18px;
  width: auto;
  object-fit: cover;
}

.checkbox.checkbox-indeterminate {
  --checkbox-border-clr: transparent;
}

.checkbox.checkbox-indeterminate span {
  background: var(--checkbox-active-bg);
}

.checkbox.checkbox-indeterminate span:after {
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  position: absolute;
  width: 10px;
  height: 2px;
  background: white;
}

.dropdown-menu .dropdown-item.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.table-fixed {
  table-layout: fixed;
  width: 100%;
}

/* =-=-=-=-= Pin Icon Wrapper =-=-=-=-=*/

.pin-icon-wrapper .pin-icon-wrapper-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}

.pin-icon-wrapper .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pin-icon-wrapper .icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  border-radius: 6px;
  background-color: #F3F4F6;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.pin-icon-wrapper .icon.pinned {
  background-color: #E0F2FE;
  opacity: 1;
  visibility: visible;
}

.pin-icon-wrapper:hover .icon {
  opacity: 1;
  visibility: visible;
}

.pin-icon-wrapper .icon.pinned:hover svg,
.pin-icon-wrapper .icon.pinned svg {
  color: var(--clr-primary);
}

.toogle-icon .rinv-accordion-icon-container .fa-angles-up {
  opacity: var(--btn-opacity-hover);
}

.card .card-subheading {
  color: var(--clr-black);
  font-size: var(--fs-md);
  font-weight: 700;
  margin-bottom: 16px;
}

.roles-tablist ul.nav li.nav-item .nav-link {
  border-radius: 6px 6px 0 0;
  background-color: var(--clr-suger);
  box-shadow: none;
  border: none;
}

.roles-tablist ul.nav {
  gap: 0;
}

.roles-tablist ul.nav li.nav-item .nav-link.active,
.roles-tablist ul.nav li.nav-item .nav-link.active:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

.roles-tablist ul.nav li.nav-item .nav-link:hover {
  background: var(--clr-suger);
  color: var(--clr-primary);
}

.table .btn-roles {
  background: transparent;
  border: none;
}

.card-title .text-sm {
  font-weight: 400;
  padding-inline-start: 8px;
  font-size: 15px;
  color: #000;
}
.container-body .dropdown-item,
.container-body .btn-dropdown {
    padding: 12px;
    border-bottom: 1px solid var(--clr-suger);
    color: #161616;
    justify-content: flex-start;
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: 12px;
    gap: 8px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.container-body .dropdown-menu .btn-dropdown:last-child,
.container-body .dropdown-menu .dropdown-item:last-child {
    border-bottom: none !important;
}

.container-body .dropdown-menu .btn-dropdown:hover,
.container-body .dropdown-menu .dropdown-item:hover {
  background: #def0f833;
}

.container-body .dropdown-menu .btn-dropdown .svg-icon,
.container-body .dropdown-menu .dropdown-item .svg-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.container-body.dropdown .btn-dropdown::before ,
.container-body.dropdown .dropdown-menu::before {
  border-color: transparent transparent transparent transparent;
}

.rinv-accordion .accordion-item .accordion-header .toogle-icon .rinv-accordion-icon-container {
  background: transparent;
  border-color: transparent;
  color: var(--clr-primary);
}


.employee {
  margin-block: 32px;
  padding-inline: 8px;
  border-color: transparent;
  background: var(--clr-bg-light);
}

.employee-hedaer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block: 24px;
  padding-inline: 5px;
}

.employee-hedaer .num {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-black);
}

.employee .form-group {
  padding-inline: 5px;
}

.employee .table {
  --clr-secondary-rgb: transparent;
  border-collapse: separate;
  border-spacing: 0 16px;
  width: 100%;
  background: var(--clr-bg-light);
  border: none;
}

.employee table,
.employee table th,
.employee table td {
  border: none;
}

.employee tbody tr {
  background-color: #ffffff;
  border-radius: 8px;
  border-top: 1px solid transparent !important;
}

.employee tbody tr td {
  background-color: #f8f9fa;
  transition: all 0.2s ease-in-out;
  border-top: .1rem solid transparent !important;
}

.employee .selected-row td {
  background-color: #fff !important;
  border-top: 1px solid #3D6AA5 !important;
  border-bottom: 1px solid #3D6AA5 !important;
}

/* --- RTL --- */
[dir='rtl'] .employee .selected-row td:first-child {
  border-right: 1px solid #3D6AA5;
  border-top: 1px solid #3D6AA5;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

[dir='rtl'] .employee .selected-row td:last-child {
  border-left: 1px solid #3D6AA5;
  border-top: 1px solid #3D6AA5;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* --- LTR --- */
[dir='ltr'] .employee .selected-row td:first-child {
  border-left: 1px solid #3D6AA5;
  border-top: 1px solid #3D6AA5;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

[dir='ltr'] .employee .selected-row td:last-child {
  border-right: 1px solid #3D6AA5;
  border-top: 1px solid #3D6AA5;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.employee .table thead th {
  --table-thead-th-bg: transparent;
  --table-thead-th-clr: #000000;
  --table-thead-th-borderend-clr: transparent;

}

.table .svg-icon {
  vertical-align: middle;
}

.faceprint-accordion .accordion-header {
  --accordion-item-header-padding-block: 0;
  --accordion-item-header-padding-inline: 10px;
  border-radius: 8px;
  border: none;
  background: var(--clr-bg-light);
}

.faceprint-accordion .accordion-header .btn {
  --btn-opacity-hover: 1;
  padding-block: 16px;
}

.faceprint-accordion .accordion-header .svg-icon {
  --accordion-item-header-icon-width: 24px;
  vertical-align: middle;
}

.faceprint-accordion .user-wrapper {
  margin-block: 30px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.faceprint-accordion .user-wrapper .user-wrapper-img {
  width: 120px;
  height: 120px;
}

.faceprint-accordion .user-wrapper .user-wrapper-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.faceprint-accordion .user-wrapper .text {
  font-size: 14px;
  font-weight: 400;
  color: #64748B;
  padding-top: 16px;
}

.faceprint-accordion .user-wrapper .text .svg-icon {
  padding-inline-end: 4px;
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.faceprint-accordion .accordion .accordion-item {
  background: var(--clr-bg-light);
  border-radius: 8px;
  border: 1px solid #E2E8F0;
}

.modal:has(.modal-dialog-scrollable) .modal-body {
  overflow-x: hidden;
}

.modal:has(.modal-dialog-scrollable) .modal-content {
  padding-inline-end: 8px;
}


.statistics {
  border-bottom: 1px solid var(--clr-suger);
  margin-top: 24px;
  padding-bottom: 24px;
}

.statistics-card {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #E2E8F0;
  margin-bottom: 24px;
}

.statistics-card .icon {
  width: 2px;
  height: 24px;
}

.statistics-card .details {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.statistics-card .title {
  font-size: 12px;
}

.statistics-card .number {
  font-size: 16px;
  font-weight: 700;
}

.identity-info-card .info-item {
  margin-bottom: 16px;
}

.identity-info-card .info-item .info-title {
  color: #64748B;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

.identity-info-card .info-item .info-value {
  font-size: 14px;
  color: var(--clr-black);
  font-weight: 400;
}

.user-img-wrapper .default-img {
  width: 70px;
  height: 70px;
}

.form-control.rejection-reason {
  background-color: var(--clr-bg-light);
  border: none;
  border-radius: 6px;
  min-height: 65px;
}

.stepper-container {
  margin: 0 auto;
  padding: 24px;
  width: 50%;
}

.stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.stepper .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  flex: 1;
}

.stepper .step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--clr-bg-light);
  border: 2px solid #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #64748B;
  transition: all 0.3s ease;
  position: relative;
  z-index: 9;
}

.stepper .step.active .step-circle {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}

.stepper .step.completed .step-circle {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: white;
}

.stepper .step-label {
  margin-top: 8px;
  font-size: 14px;
  color: #64748B;
  text-align: center;
  font-weight: 500;
}

.stepper .step.completed .step-label,
.stepper .step.active .step-label {
  color: #000;
}

.stepper .step.completed .step-circle::before {
  content: "";
  width: 16px;
  height: 13px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDc4MjUgOS42NDJMMTQuNzIwMiAwTDE2LjAwMDUgMS4yODAyNUw1LjA3ODI1IDEyLjIwMjVMMCA3LjEyNTc1TDEuMjgwMjUgNS44NDU1TDUuMDc4MjUgOS42NDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.stepper .step.completed .step-number {
  display: none;
}

.stepper .step-line {
  position: absolute;
  top: 25%;
  height: 2px;
  background: #CBD5E1;
  z-index: 1;
  transition: all 0.3s ease;
  width: 100%;
}

.stepper .step.completed .step-line {
  background: var(--clr-primary);
}

[dir="rtl"] .stepper .step-line {
  right: 50%;
  left: 0;
}

[dir="ltr"] .stepper .step-line {
  left: 50%;
  right: 0;
}

.stepper .step:last-child .step-line {
  display: none;
}

.periods-wrapper {
  max-height: 0;
  opacity: 0;
  transition: all 0.4s ease;
}

.periods-wrapper.open {
  max-height: 100% !important;
  opacity: 1;
  background-color: #fff;
  padding-inline: 24px;
}

.periods-wrapper.open .periods-content {
  padding: 16px 0;
  background-color: #fff;
}

.card-header .card-title.workSchedule {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-start;
}

.card-header .card-title .date {
  display: flex;
  align-items: center;
  gap: 8px;
}

.card-header .card-title .date .line {
  width: 10px;
  height: 1.5px;
  border: 16px;
  background-color: #94A3B8;
}

.work-day-card {
  background: var(--clr-bg-light);
  border-radius: 8px;
  padding: 16px 24px;
  margin-bottom: 24px;
  border: 1px solid transparent;
}

.work-day-card.ng-valid.ng-touched,
.work-day-card {
  border-color: #E2E8F0;
}

.work-day-card .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  z-index: 999;
  position: relative;
}

.work-day-card .header .text {
  padding-inline-start: 16px;
  font-weight: 700;
  font-size: 12px;
  min-width: 70px;
}

.work-day-card.open {
  border: 1px solid #E2E8F0 !important;
  padding: 0;
}

.work-day-card.open .header {
  border: 1px solid #E2E8F0;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
  padding: 16px 24px;
}

.label.label-orange-2 {
  border-radius: 6px;
  color: #C2410C;
  background-color: #FFEDD5;
  /* padding: 5px 8px; */
  font-size: 12px;
  margin-inline-start: 30px;
}

/* .work-day-card .label.rinv-label.label-custom-gray {
  color: #475569;
} */
.work-day-card .header-bg {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 16px 24px;
}

.work-day-card .header-bg .switch {
  gap: 24px;
}

.work-day-card .header-bg .actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

.work-day-card .header .copy-text {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  outline: none;
  border: 0;
}

.work-day-card .header .copy-text h5 {
  font-size: 12px;
  color: #3D6AA5;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 0;
}

.work-day-card .header .copy-text:disabled h5,
.work-day-card .header .copy-text:disabled .svg-icon {
  color: var(--clr-gray) !important;
  cursor: auto;
}

.periods-wrapper .empty-state {
  background-color: #F8FAFC;
  border: 1px dashed #E2E8F0;
  padding: 16px;
  border-radius: 8px;
}

.periods-wrapper .empty-state p {
  margin: 0;
  font-size: 12px;
  color: #64748B;
  text-align: center;
}

.work-day-card .periods-wrapper .work-period-row {
  border: 1px solid #E2E8F0;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 15px;
  position: relative;
}

.work-day-card .periods-wrapper .work-period-row .work-period-item {
  background-color: #f9fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 16px;
}

.work-day-card .periods-wrapper .work-period-row .work-period-item .period-details {
  display: flex;
  align-items: center;
  gap: 6px;
}

@media (max-width: 1265px) and (min-width: 1125px) {

  .work-day-card .periods-wrapper .work-period-row .work-period-item {
    flex-wrap: wrap;
    gap: 12px;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    width: 100%;
  }


  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details ng-select:nth-child(3),
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker,
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .label {
    grid-column: auto;
    width: 100%;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker {
    display: block;
  }
}

@media (max-width: 1124px) and (min-width: 576px) {

  .work-day-card .periods-wrapper .work-period-row .work-period-item {
    flex-wrap: wrap;
    gap: 12px;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
  }


  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details ng-select:nth-child(3),
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker,
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .label {
    grid-column: auto;
    width: 100%;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker {
    display: block;
  }

  .work-day-card .work-period-row .remove-period {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

@media (max-width: 576px) {

  .work-day-card .periods-wrapper .work-period-row .work-period-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details ng-select,
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker,
  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .show-time {
    width: 100%;
  }

  .work-day-card .periods-wrapper .work-period-row .work-period-item .period-details .time-picker {
    display: block;
  }

  .work-day-card .work-period-row .remove-period {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

.work-day-card .periods-wrapper .work-period-row .work-period-item .period-details [formControlName="periodId"] {
  min-width: 235px;
}


.work-day-card .work-period-item .label-auto {
  white-space: nowrap !important;
  padding-block: 6px;
  margin-bottom: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.work-day-card .periods-wrapper .btn-add {
  background-color: #E0F2FE;
  color: #3D6AA5;
  border-radius: 6px;
  border: none;
  padding: 12px;
  width: 100%;
  margin-top: 15px;
}

.work-day-card .show-time {
  background: #f0f3f7;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.work-day-card .show-time .line {
  background: #94A3B8;
  border-radius: 20px;
  width: 10px;
  height: 1px;
  display: inline-flex;
}

.work-day-card .time-popup {
  padding: 8px;
}

.work-day-card .time-popup .time-popup-content {
  gap: 0;
}

.work-period-info {
  margin-block: 7px;
  padding-inline: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.work-hours-settings {
  background-color: var(--clr-bg-light);
  border-radius: 8px;
  padding: 16px;
}

.work-hours-settings.border-top {
  margin-block: 24px;
  background-color: transparent !important;
  border-top: 1px solid var(--label-custom-gray-bg-clr) !important;
  border-radius: 0;
}

.work-hours-settings .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.work-hours-settings .header .title {
  font-weight: 700;
  font-size: 14px;
}

.work-hours-settings .description {
  color: #1E293B;
  font-size: 14px;
}

.work-hours-settings .content {
  background-color: transparent !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 8px;
}

.work-hours-settings .content .info {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #64748B;
}

.work-hours-settings .content .info-text {
  font-size: 12px;
  color: #64748B;
}

/* .work-day-card .input-btn-group.work-schedule-select>ng-select.rinv-form-control.ng-select {
  background-color: #fff;
}
.work-day-card .ngx-timepicker-field-example {
  background: #fff;
} */
.card-toolbar .action,
.work-hours-settings .actions {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  color: #3D6AA5;
  font-size: 12px;
  font-weight: 400;
}

.work-hours-settings .actions {
  border: 1px solid var(--clr-primary);
  border-radius: 8px;
  padding: 9px 16px;
}

.card-body .card-name {
  margin-block: 32px;
  font-weight: 700;
  font-size: 14px;
}

.workSchedule-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  z-index: 999;
  position: relative;
  border-top: 1px solid var(--clr-suger);
  padding-top: 16px;
}

.setting-modal .content-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 20px;
}

.setting-modal .content-head .text {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.setting-modal .content-head h3 {
  font-weight: 700;
  font-size: 14px;
}

.setting-modal .content-head p {
  font-weight: 400;
  font-size: 12px;
}

.setting-modal .content-head .btn.rinv-btn {
  --btn-icon-border-radius: 8px;
}

.setting-modal .content-card {
  margin-block: 24px;
  background: var(--clr-bg-light);
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  padding: 16px;
}

.setting-modal .content-card.pin {
  border-color: #3D6AA5;
  background-color: #F0F9FF;
}

.setting-modal .content-card .content-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.setting-modal .content-card .content-card-head .action-btn {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}

.setting-modal .content-card .content-card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.setting-modal .action-btn .pin-icon-wrapper .icon,
.setting-modal .action-btn .icon {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
}

.setting-modal .pin-icon-wrapper .icon.pinned {
  background: var(--clr-primary);
}

.setting-modal .pin-icon-wrapper .icon.pinned svg {
  color: #fff;
}

.setting-modal .pin-icon-wrapper .icon svg {
  color: #9CA3AF;
}

.setting-modal .content-card .action-btn .icon.disabled .svg-icon,
.setting-modal .content-card .action-btn .icon[disabled] .svg-icon {
  color: #9CA3AF !important;
  pointer-events: none;
}

.setting-modal .content-card .action-btn .icon.disabled,
.setting-modal .content-card .action-btn .icon[disabled] {
  pointer-events: none;
}

.setting-modal .alert {
  --alert-border-radius-md: 6px;
  padding-inline: 15px;
}

.time-picker {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  display: inline-flex;
}

.time-picker-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.time-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  padding: 6px 10px;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.time-input-container.disabled {
  cursor: not-allowed;
  background-color: #e4e8f0;
  border-color: #e4e8f0;
}

.time-input-container.disabled input {
  background-color: #e4e8f0;
  cursor: not-allowed;
}

.time-input-container .svg-icon {
  vertical-align: middle;
}

.time-icon {
  margin-right: 8px;
  color: #6b7280;
  font-size: 18px;
  border-inline-start: 1px solid #E2E8F0;
  padding-inline-start: 10px;
}

.time-input-container.disabled .time-icon {
  border-color: #fff;
}

.time-input {
  border: none;
  outline: none;
  width: 60px;
  background: transparent;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #000;
}

.time-popup {
  position: absolute;
  top: 120%;
  left: 0;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 16px 32px;
  z-index: 10;
}

.time-popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 8px;
}

.time-controls input {
  width: 40px;
  text-align: center;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 14px;
  color: #000;
}

.time-controls button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 10px;
  color: #374151;
}

.colon {
  font-size: 18px;
  margin: 0 4px;
  color: #374151;
}



.time-popup-content input::-webkit-outer-spin-button,
.time-popup-content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.time-popup-content input[type=number] {
  -moz-appearance: textfield;
}

.workday-container {
  margin-bottom: 24px;
}

.workday-container .work-day-view {
  background-color: var(--clr-bg-light);
  border-radius: 8px;
  border: 1px solid #F1F5F9;

}

.workday-container .work-day-view .period-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding-inline: 16px;
  padding-block: 16px;
}

.workday-container .work-day-view .day-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
}

.workday-container .work-day-view .day-label h3 {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.5;
}

.workday-container .work-day-view .day-label .svg-icon {
  color: #64748B;
}

.workday-container .work-day-view .day-label .num {
  padding-inline-start: 16px;
  font-size: 12px;
}

.workday-container .work-day-view .period-header .no-periods {
  margin: 0 auto;
  color: #64748B;
  font-size: 12px;
  white-space: nowrap;
  line-height: 1.5;
}

.workday-container .work-day-view .period-body {
  background: #fff;
  /* padding-top: 16px; */
}

.quick-view .modal-content {
  max-width: 100%;
  width: 100%;
}

.quick-view .table thead th {
  --table-thead-th-bg: #fff;
  --table-thead-th-clr: #64748B;
  --table-thead-th-borderend-clr: transparent;
  --table-thead-th-fs: 12px;
  --table-thead-th-fw: 400;
  --table-thead-th-padding-block: 16px;
  border-bottom: 1px solid #E2E8F0;
}

.quick-view .modal-content .table.rinv-table.editable-table {
  border: none;
}

.quick-view .table.rinv-table.editable-table,
.quick-view .table.rinv-table.editable-table tr td {
  border-top: none;
  --table-tbody-td-borderend-clr: transparent;
  --table-tbody-td-fs: 12px;
}

.quick-view .form-control:disabled {
  --form-control-disabled-bg: transparent;
  border-color: transparent;
}

@media (min-width: 900px) {
  .quick-view .modal-content {
    max-width: 100% !important;
  }
}

.modal-body .resp-size-text {
  font-size: 14px;
  width: 75%;
}

@media (max-width: 992px) {
  .modal-body .resp-size-text {
    width: 100%;
  }
}

.feature-card {
  border: 1px solid var(--label-custom-gray-bg-clr);
  border-radius: 8px;
  padding: 24px;
  padding-inline-end: 8px;
  background-color: #fff;
  margin-block: 40px;
  display: flex;
  gap: 16px;
  position: relative;
}

.border-line {
  width: 100%;
  height: 8px;
  background-color: var(--label-custom-gray-bg-clr);
  border-radius: 8px;
  margin-top: 40px;
  position: relative;
}

.border-line:after {
  content: '';
  position: absolute;
  top: 0;
  inset: 0;
  height: 8px;
  width: 10px;
  border-radius: 8px;
  background-color: #00B9BC;
}

.feature-card.active {
  background-color: #FEFCE8;
  border-color: #00B9BC;
}

.feature-card .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.feature-card .card-content .card-title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.feature-card .card-content .card-description {
  font-size: 12px;
  color: #64748B;
}

.feature-card .card-icon {
  width: 40px;
  height: 40px;
  background-color: #00B9BC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.quick-view-mode .card-body.quick-view {
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-height: 900px) {
  .quick-view-mode .card-body.quick-view {
    max-height: 70vh;
  }
}

@media (max-height: 768px) {
  .quick-view-mode .card-body.quick-view {
    max-height: 62vh;
  }
}

.integration-option {
  border: 1px solid var(--label-custom-gray-bg-clr);
  border-radius: 8px;
  padding: 16px;
}

.integration-option .title {
  padding-inline-start: 10px;
  font-size: 14px;
  margin-bottom: 0;
}

.integration-option .form-group {
  padding-inline-start: 44px;
  padding-top: 12px;
}

.integration-method-selected {
  border-color: var(--clr-primary);
}


@media (min-height: 901px) {
  .quick-view-mode .card-body.quick-view {
    max-height: 74vh;
  }
}


.integration-container {
  margin-bottom: 32px;
  padding: 24px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 15px 6px rgba(0, 0, 0, 0.02);
}

.integration-container .integration-card {
  padding: 24px;
  border: 1px solid var(--label-custom-gray-bg-clr);
  background: white;
  border-radius: 16px;
  height: 100%;
}

.integration-container .card-header {
  border-bottom: 0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}

.integration-badge {
  border: 1px solid;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.integration-badge.active {
  border-color: #94B2D9;
  color: var(--clr-primary);
  background-color: #F1F5F9;

}

.integration-container .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  margin-bottom: 24px;
}

.integration-container .card-content .card-logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.integration-container .card-content .card-logo img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 50%;
}

.integration-container .card-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: var(--clr-bg-light);
  padding: 14px 12px;
  border-radius: 8px;
  margin-bottom: 24px;
}

.integration-container .card-info .list-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.integration-container .card-info h5 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  color: #64748B;
}

.integration-container .card-info span {
  font-size: 14px;
  color: #334155;
}

.integration-container .status-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  margin-bottom: 12px;
  background-color: var(--clr-bg-light);
  border: 1px solid #F1F5F9;
}

.integration-container .status-item.status-warning {
  background-color: #FFFBEB;
  border-color: #FCEFB8;
}

.integration-container .accordion-header {
  background-color: #fff;
  border: 0;
  padding: 0;
}

.integration-container .accordion-header .btn {
  --btn-opacity-hover: 1;
}

.integration-container .accordion-header .svg-icon {
  --accordion-item-header-icon-width: auto;
}

.integration-container .accordion-header .toogle-icon {
  padding: 9px;
  border: 1px solid var(--label-custom-gray-bg-clr);
  border-radius: 6px;
  margin-inline-end: 20px;
}

.integration-container .integration-accordion-body {
  padding-inline: 85px 24px;
  padding-block: 16px 0;
}

.integration-container .accordion-item {
  margin-bottom: 5px;
}

.integration-container .integration-accordion-body .progress {
  height: 3px;
}

.integration-container .readiness-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--clr-bg-light);
}

.integration-container .readiness-item.incomplete {
  justify-content: space-between;
  background-color: #FEF2F2;
}


.status-info-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px;

}

.card-main {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.card-main .card-switch {
  margin-inline-end: 9px;
}

.card-main .card-logo {
  width: 48px;
  height: 48px;
}

.card-main .card-logo img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.card-main .card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.card-main .card-content .card-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}

.card-main .card-content .card-title .svg-icon {
  vertical-align: middle;
}

.model-info-text {
  color: #71788C !important;
}

.model-info-detailes {
  padding: 0;
  border: 1px solid var(--label-custom-gray-bg-clr);
  border-radius: 8px;
  margin-block: 24px 0;
}

.model-info-detailes .detailes-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 16px;
  border-radius: 8px;
  position: relative;
}

.model-info-detailes .detailes-item:first-child {
  background-color: #fbfcff;
}

.model-info-detailes .detailes-item:not(:last-child)::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 100%;
  height: 1px;
  background-color: var(--label-custom-gray-bg-clr);
}

.model-info-detailes .detailes-item .content {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}

.model-info-detailes .logo-wrapper {
  min-width: 48px;
  height: 48px;
}

.model-info-detailes .logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 8px;
}

.model-info-detailes .icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 10px;
}

.model-info-detailes .icon img {
  width: 60%;
  height: 60%;
  object-fit: cover;
  border-radius: 8px;
}

.model-info-detailes .detailes-item .svg-blue {
  color: #155DFC !important;
}

.model-info-detailes .detailes-item .detailes-title {
  font-size: 14px;
  font-weight: 700;
  color: #64748B;
}

.model-info-detailes .detailes-item .detailes-value {
  font-size: 16px;
  color: #374151;
  font-weight: 500;
  text-align: start;
  width: 100%;
  word-break: break-all;
  /* direction: ltr; */

}

[dir="ltr"] .model-info-detailes .detailes-item .detailes-value {
  font-size: 13px;
}

.card-rounded {
  display: flex;
  align-items: start;
  gap: 24px;
  border: 1px solid var(--label-custom-gray-bg-clr);
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.card-rounded.active {
  border-color: var(--clr-primary);
}

.card-rounded .list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--label-custom-gray-bg-clr);
  padding: 8px;
  width: 100%;
}

.card-rounded .list-row:last-child {
  border-bottom: none;
}
.card-rounded .inactive {
  --bs-opacity: 0.4;
}
.accordion-modal {
  width: 100%;
  border-radius: 8px;
  max-height: 345px;
  overflow-y: auto;
  /* overflow-x: hidden; */
  /* scrollbar-gutter: stable both-edges; */
}

.accordion-modal .table.rinv-table  tr td {
  --table-tbody-td-borderend-clr: transparent;
}
.accordion-modal .accordion-item {
  margin-bottom: 0;
}

.accordion-modal .accordion-header {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid var(--label-custom-gray-bg-clr);
  padding: 8px;
}

.accordion-modal .accordion-body {
  background-color: var(--clr-bg-light);
  padding: 10px;
  border-bottom: none;
}

.accordion-modal .accordion-body .alert.rinv-alert {
  box-shadow: none;
  margin-block: 2px;
  background: transparent;
  padding: 6px;
  flex-wrap: wrap;
  border: none;
}

.accordion-modal .btn:hover {
  opacity: 1;
}

.sync-policy-card {
  flex-direction: column;
  gap: 0;
}

.sync-policy-card .btn:hover {
  opacity: 1;
}

.sync-policy-card__body {
  width: 100%;
  border-top: 1px solid var(--label-custom-gray-bg-clr);
  border-radius: 0 0 8px 8px;
  background-color: #F9FAFB;
}

.sync-policy-card__body-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 16px 16px;
  border-radius: 8px;
}

.sync-policy-card__rules {
  flex: 1;
}

.sync-policy-card__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.icon-circle {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 50%;
}

.icon-circle.icon-circle--primary {
  background-color: rgba(47, 93, 140, 0.1);
}

.icon-circle.icon-circle--danger {
  background-color: #f7eae9;
}
.icon-circle.icon-circle--warning {
  background-color: #FEF7EF;
}
.icon-circle.icon-circle--success {
  background-color: #DCFAE6;
}

.card-rounded .card-content {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: transparent;
  border-radius: 0;
}

.search-box {
  min-width: 400px;
  width: 100%;
  position: relative;
}

.search-box .btn {
  position: absolute;
  inset-inline-end: 1px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  border-end-end-radius: 5px;
  border-start-end-radius: 5px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  height: 37px;
}
.search-box .close {
   position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 65px;
  cursor: pointer;
  z-index: 2;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.6s;
}

.search-box input:not(:placeholder-shown) + .close {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.search-box .close svg {
  width: 16px;
  height: 16px;
}
.search-box .close svg path {
  fill: #64748B;
}

.table tr.bg-gray-light,
.table tr td.bg-gray-light {
  background: var(--clr-bg-light);
}

.table tr td .incomplete {
  color: #64748B;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.table-wrap.table thead th,
.table-wrap.table tbody td {
  text-wrap-mode: wrap;
}

.table-wrap th.col-email,
.table-wrap td:nth-child(6),
.table-wrap td:nth-child(5) {
  max-width: 130px !important;
  width: 130px;
}

.min-h-250 .table tr.no-data,
.min-h-250 .table td.add-employee-no-data {
  height: 210px !important;
  background: #F5F5F5 !important;
}

[dir="rtl"] .force-ltr {
  direction: ltr;
  unicode-bidi: plaintext;
  text-align: left;
  display: inline-block;
}

.modal-body .no-data .rinv-nodata .nodata-icon svg {
  width: 81px;
  height: 80px;
}

.download-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}

.download-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* margin-bottom: 20px; */
}

.download-card__action {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.download-card__file {
  display: flex;
  align-items: center;
  gap: 12px;
}

.download-card__file h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.download-card__file span {
  color: #A3A3A3;
  font-size: 12px;
}

.download-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-card__status {
  display: flex;
  justify-content: flex-end;
  /* justify-content: justify-content; */
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
}

.download-card__progress {
  height: 8px;
  background: #ededf0;
  border-radius: 999px;
  overflow: hidden;
}

.download-card__progress-bar {
  height: 100%;
  border-radius: inherit;
}
/* ================= Uploading ================= */

.download-card.is-uploading .download-card__action {
  color: #1C6FD4;
}

.download-card.is-uploading .download-card__icon {
  background: #EFF6FF;
  color: #1C6FD4;
}
.download-card.is-uploading .progress-bar.bg-primary {
  background: #1C6FD4 !important;
}
.download-card .download-card__status span {
  color: #161616;
}
/* ================= Error ================= */

.download-card.is-error .download-card__action {
  color: #F04438;
}

.download-card.is-error .download-card__icon {
  background: #FEF2F2;
  color: #F04438;
}
.download-card.is-error .download-card__status span {
  color: #A3A3A3;
}
.download-card.is-error .progress-bar.bg-danger {
  background: #F04438 !important;
}
/* ================= Success ================= */

.download-card.is-success .download-card__action,
.download-card.is-success .download-card__status span:last-child {
  color: #17B26A;
}

.download-card.is-success .download-card__icon {
  background: #F0FDF4;
  color: #17B26A;
}

.download-card.is-success .progress-bar.bg-success  {
  background: #17B26A !important;
}

.upload-toast-popup.border-success {
  max-height: auto !important;
}
.upload-toast-popup.border-success .upload-toast__title {
  color: #17B26A;
}
.upload-toast-popup {
  display: flex;
  align-items: flex-start;
}
.upload-toast-popup  .upload-toast-container {
   padding-block: 12px;
}
.upload-toast-popup .upload-toast-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  background: #EFF6FF;
  color: #1C6FD4;
}
.upload-toast-popup .upload-toast-container {
  display: flex !important;
  justify-content: space-between !important;
  width: 100%;
}
.upload-toast-popup .upload-toast-container .upload-toast__title {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #161616
}
.upload-toast-popup .upload-toast-container .upload-toast__retry {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}
.upload-toast-popup .upload-toast-container .close {
    display: inline;
    padding-top: 8px;
    color: #161616;
    height: min-content;
    cursor: pointer;
}


.dropdown-save {
  --dropdown-padding-inline: 16px;
  --dropdown-padding-block: 16px;
  max-width: min-content;
}

.dropdown .dropdown-save.dropdown-menu h4 {
  border: none;
  border-bottom: 1px solid #E2E8F0;
  text-align: start;
  padding: 5px 0 16px;
}

.dropdown .dropdown-save.dropdown-menu h4:hover {
  background: transparent;
}

.dropdown-save .dropdown-item {
  border-color: transparent;
  border: 1px solid;
  opacity: 1;
  justify-content: flex-start;
  margin-block: 4px;
  padding: 16px;
}

.dropdown-save.dropdown .dropdown-item.btn:hover {
  border-color: var(--clr-primary);
  opacity: 1;
  background: transparent;
  border-radius: 6px;
}

.dropdown .dropdown-save.dropdown-menu:before {
  display: none;
}
.voice-face-tablist.tablist ul.nav li.nav-item .nav-link,
.voice-face-tablist.tablist ul.nav li.nav-item .nav-link:hover {
  --table-rinv-thead-th-bg : #4D5761;
  --tablist-nav-link-hover-clr:#6f7479;
  border: 1px solid #4D5761;
}
.voice-face-tablist.tablist ul.nav li.nav-item .nav-link.active {
  --tablist-nav-link-hover-bg : #fff;
  --tablist-nav-link-hover-clr: #3D6AA5;
   border: 1px solid #3D6AA5;
}
.request-card {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 16px;
  margin-inline: 16px;
}

.request-card .request-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.request-card .request-header .icon {
  color: #6C737F;
}
.request-card  .request-date {
  color: #64748B;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.request-card  .request-number {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 0.5px solid #E2E8F0;
  border-radius: 6px;
  background: #F9FAFB;
  color: #3D6AA5;
  font-size: 12px;
  margin-inline-start: 4px;
}

.request-card .request-reason {
  margin: 0;
  color: #161616;
  font-size: 12px;
  padding-inline-start: 18px;
}

.voice-player {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.voice-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #eef4fb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.voice-avatar .svg-icon {
  color: #2B3D4C;
}
.container-voice {
  background: #F8FAFC;
  border-radius: 50px;
  padding: 10px 20px;
  margin-bottom: 16px;
}
.voice-duration {
  min-width: 70px;
  font-size: 14px;
  color: #344054;
}

.voice-wave {
  flex: 1;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}

.wave-bar {
  width: 3px;
  background: #d7e1ee;
  border-radius: 20px;
  transition: .2s;
}

.wave-bar.active {
  background: #344054;
}

.play-btn {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #344054;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.play-btn  i {
    font-size: 18px;
  }

audio {
  display: none;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/custom-general.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/* TEXT */
.fs-18{font-size: 1.8rem !important;}
.fs--18{font-size: 18px !important;}
.fs-13{font-size: 1.3rem !important;}
.fs-12{font-size: 12px!important;}
.fs-15{font-size: 18px !important;}
.fs-14{font-size: 14px !important;}
.fs-24{font-size: 24px !important;}
.fs-28{font-size: 28px !important;}
.fs-32{font-size: 32px !important;}
.fs-20{font-size: var(--fs-lg) !important;}
.uis-fast-mail.fs-20{font-size: 20px !important;}
.fs-16{font-size: 16px!important;}
.fs-large{font-size: 56px!important;}
.m-24-0{
  margin: 24px 0!important;
}
.mb-16{margin-bottom: 16px!important;}
.mb-32{margin-bottom: 32px!important;}
.mb-12{margin-bottom: 12px!important;}
.mt-16{margin-top: 16px!important;}
.mt-6{margin-top: 6px!important;}
.mt-24{margin-top: 24px!important;}
.mt-8{margin-top: 8px!important;}
.mt-30{margin-top: 30px!important;}
@media (min-width: 992px){.mt-lg-28{margin-top: 28px!important;}}
.mb-8{margin-bottom: 8px!important;}
.me-16{margin-inline-end: 16px;}
.ms-2-5{margin-inline-start: 2.5rem}
/*.ms-16{margin-inline-end: 16px;}*/
.py-24{padding-top: 24px;padding-bottom: 24px;}
.pt-8{padding-top: 8px!important;}
.pb-8{padding-bottom: 8px!important;}
.pb-24{padding-bottom: 24px!important;}
.pt-32{padding-top: 32px!important;}
.pb-32{padding-bottom: 32px!important;}
.ps-32{padding-inline-start: 32px!important;}
.ps-100{padding-inline-start: 100px!important;}
.ms-16{margin-left: 0 !important;margin-right:0px !important;margin-inline-start:16px!important;}
.p-8{padding: 8px}
.p-24-20{padding:24px 20px}
.p-24{padding:24px !important}
.me-8{margin-inline-end: 8px}
.transformx-1{transform: scaleX(-1);}
.visibility-hidden{visibility:hidden;}
.lh-1{line-height: 1}
.lh-2{line-height: 2}
.lh-3{line-height: 3}
.w-14{width:14px;}
.w-20{width:20px;}
.w--50{width: calc(100% - 50px) !important;}
.h--55{    height: calc(100% - 55px);}
.w--25{width: calc(100% - 25px) !important;}
.h-20{height: 20px;}
.h-18{height: 18px;}
.h-35{height: 35px;}
.text-nowrap{text-wrap:nowrap;}
.flex-1{flex:1;}
.overflow-y-auto{overflow-y:auto}
.inset-start-1 {inset-inline-start:3px !important;}
/* TEXT | COLORS */
.text-id-primary{color: var(--clr-id-primary)!important;}
.fill-id-primary{fill: var(--clr-id-primary)!important;}
.stroke-id-primary{stroke: var(--clr-id-primary)!important;}
.fill-primary{fill: var(--clr-primary)!important;}
.text-gray{color: var(--clr-gray)!important;}
.text-gray-2{color: #737373!important;}
.text-light-gray{color: #444444!important;}
.text-light-primary{color: var(--clr-light-primary)!important;}
.text-light-1{color: #F4F8FA!important;}
.text-orange{color: var(--clr-orange)!important;}
.text-info{color: var(--clr-td-bg-gray)!important;}
.text-id-info{color: var(--clr-primary)!important;}
.text-light-info{color: var(--clr-light-info)!important;}
.text-light{color: var(--clr-light)!important;}
.text-light-blue{color: var(--clr-light-blue)!important;}
.text-dark-blue{color: var(--clr-dark-blue)!important;}
.text-light-blue-2{color: var(--clr-light-blue-2)!important;}
.text-light-blue-5{color: var(--clr-light-blue-5)!important;}
.text-light-1{color: #F4F8FA!important;}
.text-placeholder{color:#7B95AB!important;}
.text-decoration-underline{text-underline-position: under;}
.text-royal-blue{color:#1561AC !important;}
/* BACKGROUND | COLORS */
.bg-secondary-3{background-color: var(--clr-secondary-3) !important;}
.bg-info{background-color: var(--clr-info)!important;}
.bg-light{background-color: var(--clr-light)!important;}
.bg-gray {background-color: var(--clr-gray-7) !important;}
.bg-gray-1 {background-color: var(--clr-gray-1) !important;}
.bg-gray-2{background-color: var(--clr-gray-2)!important;}
.bg-gray-3{background-color: #F4F8FA!important;}
.bg-gray-dark{background-color: #94A3B8!important;}
.bg-gray-light{background-color: var(--clr-bg-light)!important;}
.bg-light-orange {background: var(--clr-light-orange);}
.bg-light-primary-3 {background: var(--clr-light-primary-3);}
.bg-light-primary-4 {background: var(--clr-light-primary-4);}
/*.bg-info {background: var(--clr-info);}*/
.bg-light-info {background: var(--clr-light-info);}
.bg-light-danger {background: var(--clr-light-danger);}
.bg-dark {background:var(--clr-dark);}
.bg-blue {background: var(--clr-blue);}
.bg-gr-blue {background: var(--clr-primary);}
.bg-gr-id-blue {background: var(--clr-primary);}
.bg-suger {background: var(--clr-suger);}
.bg-light-primary-5 {background: #F4F8FA;}
.bg-id-primary{background: var(--clr-id-primary)!important;}
html[dir='rtl'] .text-end-rtl{text-align: end!important;}
/* SVG | COLORS */
.svg-bg-white {background: var(--clr-white); border-radius: 0.5rem;}
.svg-icon.svg-white svg [fill] {fill: white;}
.svg-orange {color: var(--clr-orange) !important;}
.svg-orange {color: var(--clr-orange) !important;}
.svg-dark-1 {color: var(--clr-dark) !important;}
.svg-light-primary {color: var(--clr-light-primary) !important;}
/* SVG | SIZES */
/*.svg-18{width: 1.8rem; height: 1.8rem;}*/
.svg-50, .svg-50 svg{width: 5rem; height: 5rem;}
/* Custom width only */
.svg-icon.svg-w-13 svg{width: 1.3rem !important; height: auto !important;}
.svg-icon.svg-w-16 svg{width: 1.6rem !important; height: auto !important;}
.svg-icon.svg-w-18 svg{width: 1.8rem !important; height: auto !important;}
.svg-icon.svg-w-20 svg{width: 2rem !important; height: auto !important;}
.svg-icon.svg-w-21 svg{width: 2.1rem !important; height: auto !important;}
.svg-icon.svg-w-22 svg{width: 2.2rem !important; height: auto !important;}
.svg-icon.svg-w-23 svg{width: 2.3rem !important; height: auto !important;}
.svg-icon.svg-w-25 svg{width: 2.5rem !important; height: auto !important;}
.svg-icon.svg-w-27 svg{width: 2.7rem !important; height: auto !important;}
.svg-icon.svg-w-28 svg{width: 2.8rem !important; height: auto !important;}
.svg-icon.svg-w-29 svg{width: 2.9rem !important; height: auto !important;}
.svg-icon.svg-w-30 svg{width: 3rem !important; height: auto !important;}
.svg-icon.svg-w-31 svg{width: 3.1rem !important; height: auto !important;}
.svg-icon.svg-w-32 svg{width: 3.2rem !important; height: auto !important;}
.svg-icon.svg-w-35 svg {width: 3.5rem !important; height: auto !important;}
.svg-icon.svg-w-40 svg{width: 4rem !important; height: auto !important;}
.svg-icon.svg-w-45 svg{width: 4.5rem !important; height: auto !important;}
.svg-icon.svg-w-56 svg{width: 5.6rem !important; height: auto !important;}
.svg-icon.svg-w-88 svg{width: 8.8rem !important; height: auto !important;}
/* Svg Custom */
.svg-icon.svg-icon-2-border {
  background: var(--clr-primary);
  box-shadow: 0 0 0 0.3rem var(--clr-white), 0 0 0 0.5rem var(--clr-primary);
}
/* Fixing SVG Height */
.label .svg-icon .svg-inline--fa {height: auto; min-height: 1em;}
/*------------*/
/* === TEMPLATE === */
/* =-=-= Tablist =-=-= */
.bp-template {padding: 50px;}
.bp-template .grid-col {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px;
}
.bp-template .example-wrapper {margin-block: 0;}
.bp-template .svg-grid .example-code,
.bp-template .svg-grid #example>.card-header {display: none !important;}
.bp-template .svg-card {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 100px;
}
.bp-template .svg-card .svg-icon {
  border-radius: 8px;
  background: #dde1eb;
  padding: 10px;
}
.bp-template .svg-card .svg-icon svg {
  max-height: 50px;
  width: auto;
  object-fit: contain;
  color: #333;
}
.bp-template .svg-card p {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
/* Custom Classes */
.rinv-row{display: flex; align-items: flex-start; flex-wrap: wrap;}
.rinv-row.col-20 > *{width: 20%; min-width: 20rem; flex: 20% 0 0%;}

.h-calc-7{height: calc(100% - 7rem) !important;}
.h-calc-20 {height: calc(100% - 2rem) !important;}
.h-40 {height: 4rem !important;}
.lh-25{line-height: 2.5rem;}
.lh-28{line-height: 2.8rem;}
.max-w-200{max-width: 20rem !important;}
.max-width-100{max-width: 100% !important;}
.max-w-190{max-width: 180px !important;}
.max-w-140{max-width: 140px !important;}
.max-w-110{max-width: 110px !important;min-width: 90px!important;}
.max-w-auto {max-width: -moz-fit-content !important;max-width: fit-content !important;}
.min-w-200{ min-width: 20rem;}
.min-w-100{ min-width: 100%;}
.min-w-fit-content{ min-width: -moz-fit-content!important; min-width: fit-content!important;}
.min-w-18{ min-width: 18rem;}
.min-w-9{ min-width: 9rem;}
.min-w-16{ min-width: 16rem;}
.min-w-120{ min-width: 120px;}
.min-w-11{ min-width: 11rem !important;}
.min-w-13{ min-width: 13rem !important;}
.wh-24{width: 24px!important;height: 24px!important;}
.wh-32{width: 32px!important;height: 32px!important;}
.wh-48{width: 48px!important;height: 48px!important;}
.wh-56{width: 56px!important;height: 56px!important;}
.wh-120{width: 120px!important;height: 120px!important;}
@media screen and (min-width: 992px) {
  .max-w-lg-50{max-width: 50% !important;}
}
@media screen and (max-width: 800.98px) {.d-m-block{display: block !important;}}
@media screen and (max-width: 560px) {.min-w-sm-auto{min-width: auto !important;}}
@media (max-width: 767px) { .gap-sm-24{gap: 24px} }
@media (max-width: 992px) { .gap-md-24{gap: 24px} }
@media (max-width: 1200px) { .gap-lg-24{gap: 24px} }
.py-12{padding-block: 1.2rem !important;}
.w-80 {width: 8rem !important;}
.w-90 {width: 90% !important;}
.w-110 {width: 11rem !important;}
.h-48 {height: 48px !important;}
.w-fit-content{width:-moz-fit-content !important;width:fit-content !important;}
.border-solid{border-style: solid !important;}
.border-start-start-radius-0{border-start-start-radius:0;}
.max-h-38{max-height: 3.8rem;}
.max-h-70{max-height: 7.5rem;}
.max-h-20{max-height: 20rem;}
.max-h-13{max-height: 13rem;}
.min-h-46{min-height: 4.6rem;}
.min-h-100{min-height: 10rem;}
.min-h-13{min-height: 13rem;}
.min-h-250{min-height: 250px;}
.gap-10{gap: 10px;}
.gap-12{gap: 12px;}
.gap-16{gap: 16px!important;}
.gap-15{gap: 1.5rem;}
.gap-8-16{gap:8px 16px;}
.gap-24{gap: 24px;}
.gap-30{gap: 3rem;}
.gap-32{gap: 32px;}
.gap-50{gap: 5rem;}
.gap-5{gap: 0.5rem !important;}
.gap-5-0{gap: 5px 0;}
.flex-0{flex: 0 !important;}
.flex-50 > *{flex: 1;}
.flex-6-1 > :first-child{flex: 6;}
.flex-6-1 > :last-child{flex: 1;}
.flex-w-auto{flex: auto !important; width: auto !important;}
.border-inline-end-gray{border-inline-end: .1rem solid #e5e5e5 !important;}
@media screen and (max-width: 991.98px) {
  .flex-sm-2-1 > :first-child{flex: 2;}
  .flex-sm-2-1 > :last-child{flex: 1;}
  .mobile-flex-col{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.card-header.header-table {flex-wrap: wrap-reverse; gap: 2rem;}
@media screen and (min-width:768px) {.mobile-only{display: none !important;}}
@media screen and (max-width:767.98px) {.flex-wrap-md {flex-wrap: wrap;}.desktop-only{display: none !important;}.mobile-only{display: initial !important;}}
@media screen and (max-width: 450px){
  .card-header.header-table > * > * {width: 100%;}
}
.flex-1{flex: 1 !important;}
.flex-2-1 > :first-child{flex: 2;}
.flex-4-1 > :first-child{flex: 4;}
.flex-4-1 > :last-child,
.flex-2-1 > :last-child{flex: 1;}

ngb-tooltip-window.tooltip {font-size: 1.4rem;}
ngb-tooltip-window.tooltip *{transition: none !important;}
/* IFRAME */
iframe.iframe-container {width: 100%; height: calc(100vh - 320px); object-fit: contain; scrollbar-width: auto; scrollbar-color: var(--clr-light-blue-1) transparent;}
iframe.iframe-container::-webkit-scrollbar {width: 0.5rem;}
iframe.iframe-container::-webkit-scrollbar-track {background: transparent;}
iframe.iframe-container::-webkit-scrollbar-thumb {background: var(--clr-light-blue-1); border-radius: 0.5rem;}
img.iframe-container{width: 100%;}
/*------------*/
/* Custom Modules Classes */
/* Section Title */
.section-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
.section-title h3{
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-body);
}
/* === ==== === */
/* Add Invoice Total Section */
.rinv-total{border: 1px solid var(--clr-secondary-rgb); border-radius: 0.5rem; margin-bottom: 3.5rem;}
/* .rinv-total .total-item{display: flex; align-items: center; min-height: 5rem; background-color: var(--clr-white);} */
.rinv-total .total-item{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); min-height: 4rem; background-color: var(--clr-white); border-bottom: 1px solid var(--clr-secondary-3);}
.rinv-total .total-item > *{min-height: 4rem;}
.rinv-total .total-item:first-child{border-start-start-radius: 0.5rem; border-start-end-radius: 0.5rem;}
.rinv-total .total-item:last-child{border-end-start-radius: 0.5rem; border-end-end-radius: 0.5rem; border-bottom: 0; min-height: 5rem; background: var(--clr-gray-2);}
.rinv-total .total-item:last-child .item-title p,
.rinv-total .total-item:last-child .item-content p {color: var(--clr-primary);}
/* .rinv-total .total-item:nth-child(odd){background: var(--clr-gray-1);} */
.rinv-total .total-item .item-title{padding: 1rem 2rem; border-inline-end: 1px solid var(--clr-secondary-rgb);}
.rinv-total .total-item .item-content{display: flex; align-items: center; padding: 1rem 2rem;}
.rinv-total .total-item .item-title p,
.rinv-total .total-item .item-content p{color: var(--clr-body); font-size: 1.4rem; font-weight: bold; line-height: 1.8rem;}
.rinv-total .total-item:last-child .item-title p{line-height: 2.8rem;}
@media screen and (max-width: 600px) {
  .rinv-total .total-item .item-title{border: 0;}
  .rinv-total .total-item .item-title,
  .rinv-total .total-item .item-content{padding: 1rem;}
  /* .rinv-total .total-item .item-title p,
  .rinv-total .total-item .item-content p{font-size: 1.6rem;} */
}

/* *---* */

/* === ==== === */
/* Card Options */
.rinv-card-option {border-radius: 0.5rem; background: var(--clr-gray-1);}
.rinv-card-option .card-title {background: var(--clr-secondary-rgb); padding: 0.7rem 2rem; border-radius: 0.5rem 0.5rem 0 0; margin-bottom: 0;}
.rinv-card-option .card-title h3 {font-size: 1.6rem; font-weight: 700; color: var(--clr-body); line-height: 2.6rem;}
.rinv-card-option .card-content {padding: 2rem;}
.rinv-card-option .card-content .radio {padding: 0; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; gap: 10px; cursor: pointer;}
.rinv-card-option .card-content .radio-group,
.rinv-card-option .card-content .checkbox {margin: 0;}
/* === ==== === */
/* NO Data */
.rinv-nodata {
  display: flex;
  height: 250px;
  padding: 10px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:24px;
  background-color: #F5F5F5;
}
.rinv-nodata .nodata-content {font-size: 12px; font-weight: 400; color: var(--clr-dark-blue);line-height: 150%;text-align: center}
.rinv-nodata .nodata-icon svg ,.card.rinv-card.onboarding-card .card-body svg{width: 85px;height: 81px;}
.rinv-wizard-card .rinv-nodata .nodata-icon svg{
  height: 110px;

}
.add-employee-no-data .rinv-nodata{height: 125px;gap:16px;}
.modal-body .rinv-nodata .nodata-icon svg,
.add-employee-no-data .rinv-nodata .nodata-icon svg{width: 31px;height: 31px;}
.add-employee-no-data.svg-gray-2 .rinv-nodata .nodata-icon svg .fill-primary{fill: #94A3B8 !important}
.rinv-alert.dashboard-alert {
  border: 0;
  background: var(--clr-white);
  border-radius: 6px;
  gap: 10px;
  font-family: var(--ff-body);
}
/* DASHBOARD */
.rinv-alert.dashboard-alert .alert-icon > .svg-icon{
  background: none;
  border-radius: 0;
}
.alert.rinv-alert.dashboard-alert .alert-icon,
.alert.alert.rinv-alert.dashboard-alert .alert-icon .svg-icon,
.alert.alert.rinv-alert.dashboard-alert .alert-icon .svg-icon svg {
  width: 39px;
  height: 36px ;
}
.alert.rinv-alert.dashboard-alert .alert-close{inset-inline-end: 15px; margin: auto; inset-block-start: auto;}
.alert.rinv-alert.dashboard-alert .alert-close .rinv-btn{border-radius: 3px;}
.rinv-nodata.nodata-dashboard {border: 0; background: none; gap: 20px; text-align: center; min-height: 50vh;font-family: var(--ff-body);}
.rinv-nodata.nodata-dashboard .nodata-icon svg {width: auto;}
.rinv-nodata.nodata-dashboard .nodata-content h3 {font-size: 16px; font-weight: bold; color: var(--clr-body); margin-bottom: 5px;}
/* === ==== === */
/*Profile*/
.alert.rinv-alert.alert-primary.profile-alert{
  background-color: var(--clr-white);
  border-style: dashed;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-color: var(--label-primary-clr);
}
.alert.rinv-alert.alert-primary.profile-alert .svg-primary{
  color: var(--label-primary-clr)!important;
}
.alert.rinv-alert.alert-primary.profile-alert .label-sm{
  --label-minwidth: 18px;
  width: 18px;
  height: 18px;
  min-height: 18px;
  background-color: var(--clr-gray-2);
}

/* Product View | Page  */
.rinv-product-view {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem;
}
@media screen and (max-width: 767px){
  .rinv-product-view{flex-direction: column;}
}
.rinv-product-view .rinv-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14rem;
  height: 14rem;
  padding: 4rem;
  background: rgb(146 192 229 / 20%);
  border-radius: 1rem;
  border: 7px solid rgb(23 105 204 / 15%);
}
/* === ==== === */
/* Org Info | Default  */
.rinv-org-info {display: flex; align-items: flex-start; gap: 2rem;}
.rinv-org-info .info-content ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--clr-body);
  line-height: 2.5rem;
}
.rinv-org-info .info-content ul li:last-child{margin-bottom: 0;}
.rinv-org-info .info-content h4 {font-weight: 700; min-width: 10rem; font-size: 1.6rem;}
.rinv-org-info .info-content a{color: var(--clr-primary);}
/* Org Info | Org Card */
.rinv-org-info .svg-icon.phone-icon {transform: rotate(-45deg);}
.rinv-org-info.org-card .info-content {display: flex; flex-direction: column; gap: 0.8rem;}
.rinv-org-info.org-card .info-content h4 {line-height: 1.8rem; font-size: 1.4rem;}
.rinv-org-info.org-card .info-content p {display: inline-flex; flex-wrap: wrap;font-weight: 400; font-size: 1.4rem; word-break: break-word;}
.rinv-org-info.org-card .info-content a { margin-bottom: 1rem;line-height: 2rem;    height: -moz-fit-content;    height: fit-content;width: -moz-fit-content;width: fit-content}
@media screen and (min-width: 992px){.rinv-org-info.org-card .info-content a{margin-top: 2rem;}}
.rinv-org-info.org-card {position: relative;}
.rinv-org-info .org-active-icon {position: absolute; inset-inline-end: 0rem; inset-block-start: 0rem;}
/* .rinv-org-info.org-active .org-active-icon {position: absolute; inset-inline-end: 0rem; inset-block-start: 0rem;} */
/* .rinv-org-info.org-card:not(.org-active) .org-active-icon {display: none;} */
/* === ==== === */
/* Employee Info */
/* === ==== === */
.rinv-employee-info-container{
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.rinv-employee-info.employee-card{
  border-radius: 8px;
  padding: 8px;
  display: flex;
  gap: 6px;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  min-width: 230px;
  color: var(--clr-card);
  background-color: var(--clr-bg-card);
  cursor: pointer;
  min-height: 100px;
}
.rinv-employee-info-container > .rinv-employee-info.employee-card {
  flex-grow: 1;
  flex-basis: calc(100%/3 - 32px);
}
.rinv-employee-info.employee-card .info-content{padding-top: 4px;padding-inline-start: 8px}
.rinv-employee-info.employee-card .info-content h6{
  font-size: 14px;font-weight: 400;
}
.rinv-employee-info.employee-card .rinv-label.label-lg i.svg-icon{color: var(--clr-card)!important;}
.rinv-employee-info.employee-card .info-content h4{font-size: 18px;font-weight: 700;}
.rinv-employee-info.employee-card.card-bg-primary{--clr-bg-card: #E0F2FE;--clr-card:var(--clr-primary) }
.rinv-employee-info.employee-card.card-bg-success{--clr-bg-card: #D1FAE5;--clr-card:#059669 }
.rinv-employee-info.employee-card.card-bg-danger{--clr-bg-card: #FEE2E2;--clr-card:#DC2626}
.rinv-employee-info.employee-card.card-bg-orange{--clr-bg-card: #FFEDD5;--clr-card:#EA580C}
.rinv-employee-info.employee-card.card-bg-warning{--clr-bg-card: #FEF3C7;--clr-card:#D97706}
.rinv-employee-info.employee-card.card-bg-purple{--clr-bg-card: #EDE9FE;--clr-card:#9333EA}
.rinv-employee-info.employee-card .label.rinv-label.label-icon{background-color: var(--clr-white)!important;border-radius: 8px;width: 32px;height: 32px;margin-bottom: 18px;}
.rinv-employee-info.employee-card .label.rinv-label.label-icon i.uis{font-size: 20px;}

.attendance-details{
  display: flex;
  gap: 12px;
  font-size: 12px!important;
  flex-wrap: wrap;
}
.attendance-details a span{
  color: var(--clr-black);
}
/*.attendance-details .d-flex.gap-1 span{text-wrap: nowrap}*/
.attendance-details .svg-black.svg-icon{color: var(--clr-dark-blue)}
.attendance-details-container{
  position: relative;height: 100%;padding:0 1rem ;
}
.attendance-details-container:before{
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 1rem);
  top: -1rem;
  right: 2rem;
  background-color: var(--clr-gray-5);
  z-index: 1;
}
html[dir="ltr"] .attendance-details-container:before{
  left: 2rem;
  right: auto;
}
.attendance-details-container .btn{z-index: 66}
/* Import Files | Page */
.rinv-stepper {
  counter-reset: step;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rinv-stepper .step {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.rinv-stepper .step .step-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  height: 9rem;
  border: 2px dashed var(--clr-primary);
  border-radius: 50%;
}
.rinv-stepper .step .step-icon:before{
  counter-increment: step;
  content: counter(step);
  position: absolute;
  inset-block-start: 0.2rem;
  inset-inline-start: -0.2rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: var(--clr-primary);
  color: var(--clr-white);
  font-size: 1.6rem;
  font-weight: 400;
}
.rinv-stepper .step .step-content :last-child {margin-bottom: 0;}
.rinv-stepper .step .step-content {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem;
  color: var(--clr-body);gap:0 8px;
}
.rinv-stepper .step .step-content a{color: var(--clr-primary);text-decoration: underline;}
@media screen and (max-width:991px) {
  .rinv-stepper{
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .rinv-stepper .step{
    flex: auto;
  }
}

/* === ==== === */
/* Rinv Audit */
.rinv-audit {padding: 20px; border: 1px solid var(--clr-secondary-rgb); border-radius: 5px !important;}
.rinv-audit .card-header .header-toolbar .svg-icon{transition: 0.2s transform ease-in-out;}
.rinv-audit .card-header .header-toolbar [aria-expanded="true"] .svg-icon{transform: rotate(-90deg)}
html[dir='ltr'] .rinv-audit .card-header .header-toolbar .svg-icon {transform: scaleX(-1);}
html[dir='ltr'] .rinv-audit .card-header .header-toolbar [aria-expanded="true"] .svg-icon{transform: scaleX(-1) rotate(-90deg)}
.rinv-invoices-log {
  flex-direction: column;
  display: flex;
  gap: 2.8rem;
  position: relative;
  z-index: 0;
  padding-inline-start: 2rem;
  /* margin-bottom: 15px; */
}
.rinv-invoices-log:after {
  content: "";
  height: calc(100% - 4rem);
  width: 0.2rem;
  background-color: var(--clr-secondary-rgb);
  position: absolute;
  top: 2rem;
  inset-inline-start: 4rem;
  z-index: -1;
}
.rinv-invoices-log .one-log {
  display: flex;
  gap: 1.8rem;
  flex-direction: row;
  align-items: center;
}
.rinv-invoices-log .one-log .user-letter {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--clr-gray-1);
  border: 1px solid var(--clr-secondary-rgb);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  box-shadow: 0 0 0 0.5rem var(--clr-white);
}
.rinv-invoices-log .one-log .user-action {
  background-color: var(--clr-gray-1);
  border: 1px solid var(--clr-secondary-rgb);
  padding: 1rem;
  border-radius: 0.5rem;
  width: calc(100% - 6rem);
}
.rinv-invoices-log .one-log .user-action > * {display: flex; align-items: center; justify-content: space-between;}
.rinv-invoices-log .one-log .user-action label span {font-size: 1.2rem; font-weight: bold;}
.rinv-invoices-log .one-log .user-action label span:first-child {flex: 4;}
.rinv-invoices-log .one-log .user-action label span:last-child {flex: 1; text-align: end;}
.rinv-invoices-log .one-log .user-action > div span:last-child {color: var(--clr-gray);}

/* Audit Colors */
/* Invoices */
.rinv-invoices-log .one-log.invoices-color .user-action,
.rinv-invoices-log .one-log.invoices-color  .user-letter {border-color: var(--clr-primary);}
/* claims */
.rinv-invoices-log .one-log.claims-color .user-action,
.rinv-invoices-log .one-log.claims-color  .user-letter {border-color: var(--clr-body);}
/* Notes */
.rinv-invoices-log .one-log.notes-color .user-action,
.rinv-invoices-log .one-log.notes-color  .user-letter {border-color: var(--clr-orange);}
/* Others */
.rinv-invoices-log .one-log.actions-color .user-action,
.rinv-invoices-log .one-log.actions-color  .user-letter {border-color: var(--clr-green);}

@media screen and (max-width:550px) {
  .rinv-invoices-log{padding-inline-start: 0;}
  .rinv-invoices-log:after{content:none}
  .rinv-invoices-log .one-log .user-letter {display: none;}
  .rinv-invoices-log .one-log .user-action {width: 100%;}
}
/* === ==== === */
.rinv-btn-back{
  text-align: end;
  margin-top: -60px;
  margin-bottom: 20px;
}
[dir="rtl"] .rinv-btn-back{float: left;}
[dir="ltr"] .rinv-btn-back,
html:not([dir="rtl"]) .rinv-btn-back{float: right;}
@media screen and (max-width: 767.98px) {.rinv-btn-back{display: none;}}
/* === ==== === */
[dir='rtl'] .reversed-mobile-direction ,
[dir='rtl'] .form-control.rinv-form-control[formControlName="email"]
{direction: ltr; text-align: end;}
/* === ==== === */
/* Notes || Add Notes || input Custom validation */
.rinv-notes-validation {
  position: relative;
  background: var(--clr-white);
  color: var(--clr-danger);
  padding-top: 8px;
  padding-inline-start: 28px;
  text-align: start;
  font-size: 12px;
  z-index: 44;
}

.rinv-notes-validation:before{
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" fill="%23F4322C"/><path d="M9.79455 9.00007L11.5195 7.27508C11.737 7.05758 11.737 6.69758 11.5195 6.48008C11.302 6.26258 10.942 6.26258 10.7245 6.48008L8.99955 8.20507L7.27452 6.48008C7.05702 6.26258 6.69702 6.26258 6.47953 6.48008C6.26203 6.69758 6.26203 7.05758 6.47953 7.27508L8.20455 9.00007L6.47953 10.7251C6.26203 10.9426 6.26203 11.3026 6.47953 11.5201C6.59203 11.6326 6.73452 11.6851 6.87702 11.6851C7.01952 11.6851 7.16202 11.6326 7.27452 11.5201L8.99955 9.79507L10.7245 11.5201C10.837 11.6326 10.9795 11.6851 11.122 11.6851C11.2645 11.6851 11.407 11.6326 11.5195 11.5201C11.737 11.3026 11.737 10.9426 11.5195 10.7251L9.79455 9.00007Z" fill="%23F4322C"/></svg>');
  position: absolute;
  right: 0;
  top: 8px;
  inset-inline: 0;
  margin: auto;
}
/* === ==== === */
/* Theme Settings */
.rinv-card.rinv-theme-settings {padding: 0;}
.rinv-theme-settings .theme-content {padding: 35px;}
.rinv-theme-settings .theme-list {padding: 35px 10px; border-inline-end: 1px solid var(--clr-secondary-rgb);}
.rinv-theme-settings .tablist ul.nav {background: transparent; box-shadow: none; padding: 0;}
.rinv-theme-settings .tablist ul.nav li.nav-item .nav-link{padding: 1.3rem 2rem; font-size: 1.4rem;}
.rinv-theme-settings .tablist ul.nav li.nav-item .nav-link.active,
.rinv-theme-settings  .tablist ul.nav li.nav-item .nav-link:hover {background: var(--clr-light-blue-3); color: var(--clr-body); border-radius: 0.8rem;}

.logo-upload-container {display: flex; align-items: flex-end; gap: 16px;}
.logo-upload-container .logo-container {
  border-radius: 0.6rem;
  background: var(--clr-white);
  display: inline-flex;
  width: 137px;
  height: 137px;
  align-items: center;
  justify-content: center;
  /*border: 1px solid var(--clr-suger);*/
  border-radius: 6px;

}
.logo-upload-container .logo-container.img-remover img{
  width: 100%;
  height: 100%;
  object-fit: cover;border-radius: 6px;
}
.logo-upload-container .logo-upload {margin-bottom: 0; position: relative;}
.logo-upload-container .logo-upload > input {position: absolute; padding: 0; opacity: 0;}
.logo-upload-container .logo-container.img-remover {position: relative;}
.logo-upload-container .logo-container.img-remover .img-remover-icon {
  padding: 5px;
  background: var(--clr-danger);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: -9px;
  inset-inline-end: -10px;
  cursor: pointer;
}
.logo-upload-container .logo-container:not(.img-remover) .img-remover-icon{display: none;}
.logo-upload-container button.text-gray{
  margin-top: 16px;
}
.logo-upload-container button.text-primary span{
  border-bottom: 1px solid var(--clr-primary);
}
.logo-upload-container button.text-gray span{
  border-bottom: 1px solid var(--clr-gray);
}
.logo-upload-container i.uis{
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.color-container{
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}
.ng-select.rinv-color-picker{max-width: 8rem; min-width: 7rem; padding-inline: 1rem; background-color:transparent;}
.ng-select.rinv-color-picker .ng-value{display: inline-flex; align-items: center;}
.ng-select.rinv-color-picker .ng-dropdown-panel{width: 22.2rem; padding: 1rem 2rem;}
.ng-select.rinv-color-picker .ng-dropdown-panel-items > div:has(.ng-option) {display: inline-flex; flex-wrap: wrap; gap: 1rem;}
.ng-select.rinv-color-picker .ng-dropdown-panel-items .ng-option {padding: 0;}
.ng-select.rinv-color-picker .ng-dropdown-panel .ng-dropdown-header {text-align: start; margin-top: 0.5rem; margin-bottom: 1rem;}
.ng-select.rinv-color-picker .ng-dropdown-panel .ng-dropdown-footer {text-align: start; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--clr-secondary-rgb);}
.ng-select.rinv-color-picker .ng-dropdown-panel .ng-dropdown-footer > .custom-colors {display: inline-flex; align-items: center; gap: 0.5rem;}


/* DASHBBOARD */
/* DASHBBOARD */
.dashboard-label {
  display: flex;
  align-items: center;
  background: transparent;
  border: transparent;
  height: 32px;
  min-width: 240px;
  /*flex: 1;*/
  gap: 8px;
  cursor: pointer;
  pointer-events: auto;
  justify-content: flex-start;
  padding: 0;
  color: var(--clr-primary);
  font-weight: 700;
}
/* .dashboard-label* {} */
.dashboard-label:hover,
.dashboard-label:active,
.dashboard-label:focus {
  background: transparent;
  border-color: transparent;
  opacity: .9;
}
.dashboard-label:disabled,
.btn.active.dashboard-label,
.btn.dashboard-label:first-child:active,
:not(.btn-check)+.btn.dashboard-label:active{
  cursor: auto;
  background: transparent;
  border-color: transparent;
  opacity: 1;
  pointer-events: auto;
}
.dashboard-label label.label-icon{
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: var(--clr-gray-7);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.dashboard-label label.label-icon i{color: #94A3B8;}
.dashboard-label .label-link{height: 16px}

.dashboard-label.label-checked .label-link{display: none;}
.dashboard-label.label-checked .label-content {text-decoration: line-through;}
/* Dashboard || Quick Links */
.quick-links .dashboard-label > a{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.quick-links .dashboard-label,
.quick-links .dashboard-label .label-icon {background: none;}
.quick-links .dashboard-label .label-details .label-icon .svg-icon {display: inline-flex;}
.quick-links .dashboard-label > a:not(:hover) .label-details .label-content{color: var(--clr-body);}
.quick-links .dashboard-label .label-link .svg-icon svg [stroke] { stroke: var(--clr-body);}
.quick-links .dashboard-label > a:hover .label-link .svg-icon svg [stroke] { stroke: var(--clr-primary);}
/* Dashboard || Dashboard Card */
.dashboard-card{background-color: var(--clr-light-primary-5); padding: 2rem; margin-bottom: 1.5rem;}
.dashboard-card .card-header {padding-bottom: 0 !important; margin-bottom: 2rem;}
.dashboard-card .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.dashboard-card .icon-primary{background: var(--clr-light-primary-3); color: var(--clr-primary);}
.dashboard-card .icon-success{background: var(--clr-light-success); color: var(--clr-success-1);}
.dashboard-card .icon-warning{background: var(--clr-light-warning); color: var(--clr-warning-1);}
.dashboard-card .card-body h3,
.dashboard-card .card-body h4{font-weight: bold;}
.dashboard-card .card-body h3{font-size: 1.4rem; margin-bottom: 1.5rem;}
.dashboard-card .card-body h4{font-size: 2.4rem;}
.dashboard-card .dashboard-select.ng-select.form-control.rinv-form-control {border: 1px solid var(--clr-secondary-5); background: var(--clr-white); min-width: 9rem;}
.dashboard-select.ng-select.form-control.rinv-form-control {
  background: var(--clr-light-primary-6);
  border-color: transparent;
  padding: 0.5rem 1rem;
  min-width: 12rem;
  font-size: 1.2rem;
  max-height: 3rem;
}
.dashboard-select.ng-select.form-control.rinv-form-control .ng-dropdown-panel {font-size: 1.2rem;}
.dashboard-select.form-control.rinv-form-control.ng-select .ng-arrow-wrapper{width: 1.1rem;}
.dashboard-select.form-control.rinv-form-control.ng-select .ng-arrow-wrapper:after {
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8.485' height='8.485' viewBox='0 0 8.485 8.485'><path id='Path_9752' data-name='Path 9752' d='M57,13.187h6v6' transform='translate(58.115 -26.738) rotate(135)' fill='rgb(80 113 132)'/></svg>");
}
.btn-close-download-app{
  border: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF33;
  color: var(--clr-white);
  border-radius: 3px;
}
.rinv-chart-card{
  border-radius: 8px;
  border: 1px solid var(--clr-suger);
  padding: 16px;
}
.rinv-chart-card .chart-card-header{
  border-bottom: 1px solid #D1E0EF;
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rinv-chart-card .chart-card-header p{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.rinv-chart-card .chart-card-header a,
.rinv-chart-card .chart-card-header a:hover ,
.rinv-chart-card .chart-card-header a:focus {
  color: var(--clr-primary);
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 14px;
}
.rinv-chart-card .chart-card-body{position: relative;z-index: 3}
.rinv-chart-card .chart-total-value{
  position: absolute;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  top: 37%;
  inset-inline-start: 37%;
}
.rinv-chart-card .chart-total-value h6{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-black);
  margin: 0;

}
/* .rinv-chart-card .chart-total-value p{} */
.rinv-chart-card .chart-card-footer{
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}
.rinv-chart-card .chart-card-footer .chart-label{
  position: relative;
  padding-inline-start: 16px;

}
.rinv-chart-card .chart-card-footer .chart-label.label-primary{--label-clr:var(--clr-primary);}
.rinv-chart-card .chart-card-footer .chart-label.label-success{--label-clr:#34D399}
.rinv-chart-card .chart-card-footer .chart-label.label-danger{--label-clr:#F87171}
.rinv-chart-card .chart-card-footer .chart-label.label-warning{--label-clr:#FCD34D}
.rinv-chart-card .chart-card-footer .chart-label.label-purple{--label-clr:var(--label-custom-purple-clr);}
.rinv-chart-card .chart-card-footer .chart-label.label-pink{--label-clr:#F9A8D4}
.rinv-chart-card .chart-card-footer .chart-label.label-blue{--label-clr:#60A5FA}
.rinv-chart-card .chart-card-footer .chart-label.label-danger-secondary{--label-clr:#FCA5A5}
.rinv-chart-card .chart-card-footer .chart-label:before{
  position: absolute;
  content: "";
  top: 8px;
  inset-inline-start: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--label-clr);
}
.rinv-chart-card .chart-card-footer .chart-label p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.rinv-chart-card .chart-card-footer .chart-label h6{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.rinv-chart-card .chart-total-value p,
.rinv-chart-card .chart-card-footer .chart-label h6 span{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color:#737373;
}
.rinv-charts-container{
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.rinv-charts-container .rinv-chart-card:first-child{
  width:calc((100%/3) - 24px);
  height: 100% !important;
}
.rinv-charts-container .rinv-chart-card:last-child{
  /* width:calc(2*(100%/3) - 8px); */
  width:100%;
  height: 100% !important;
}
@media (max-width: 992px) {
  .rinv-charts-container .rinv-chart-card:first-child,
  .rinv-charts-container .rinv-chart-card:last-child{
    width: 100%;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.chart-axis-container{
  position: relative;
  width: 100%;
  height: 180px;
  z-index: -1;
  top:-15px;
}
.chart-axis-container::after{
  content: "";
  position: absolute;
  inset: 14px 0;
  z-index: -1;
  background-image: linear-gradient(to bottom, transparent calc(100% - .5px), #E5E5E5 .5px),
  linear-gradient(to right, white calc(100% - .5px), #E5E5E5 .5px);
  background-size: 80px 30px, 80px 30px;
  /*--line-spacing: calc(100% / 5);*/
  /*background-image: repeating-linear-gradient(to top, transparent 0*/
  /*calc(var(--line-spacing) - .5px), #E5E5E5 0 var(--line-spacing));*/
}
.chart-axis-container::before{
  /*content: "";*/
  position: absolute;
  inset: 14px 0;
  z-index: -1;
  --line-spacing: calc(100% / 5);
  background-image: repeating-linear-gradient(to right, transparent 0
  calc(var(--line-spacing) - .5px), #E5E5E5 0 var(--line-spacing));
}
.chart-main-axis{
  top: -15px;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: 180px;
}
.chart-main-axis::after{
  position: absolute;
  width: 3px;
  content: '';
  background-color: var(--clr-gray-3);
  /*inset-inline-start: calc(50% - 1.5px);*/
  inset-inline-start: 0;
  bottom: 0;
}
.chart-main-axis.value-100::after{height: 155px;}
.chart-main-axis.value-0::after{height: 3px}
.chart-main-axis.value-0 span{
  position: absolute;
  bottom: 3px;
}
.chart-main-axis span{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-black);
}
/* .chart-x-axis{} */
/* .chart-y-axis{} */
.chart-labels-container{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.chart-labels-container .progress-text-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.chart-labels-container .progress-text-wrapper p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-black);
}
.chart-labels-container .progress-text-wrapper h6{
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-black);
}
.chart-labels-container .wizard-progress-bar{
  height: 4px;
  margin: 0;
}
.chart-labels-container .wizard-progress-bar .wizard-progress{background-color:var(--chart-progress-bg);}
.chart-labels-container .wizard-progress-bar .wizard-progress.wizard-success{--chart-progress-bg:var(--clr-success)}
.chart-labels-container .wizard-progress-bar .wizard-progress.wizard-warning{--chart-progress-bg:#FCD34D}
.chart-labels-container .wizard-progress-bar .wizard-progress.wizard-primary{--chart-progress-bg:var(--clr-primary);}
.chart-labels-container .wizard-progress-bar .wizard-progress.wizard-orange{--chart-progress-bg:#FB923C}
.chart-labels-container .wizard-progress-bar .wizard-progress.wizard-purple{--chart-progress-bg:#C084FC}
/* === ==== === */
.roles-list {display: flex; align-items: center; flex-wrap: wrap; gap: 1rem;}
/* === ==== ====== ==== ====== ==== ====== ==== === */
/* === ==== === */
/* External PAYMENT Page */
/* *** All Style Files Included in Payment
** Cards.css
** Buttons.css
** [sectionTitle + fs + p + m + svg + rinv-org-info org-card + payment-card + rinv-transfer-details  (general.css)]
** Forms
** tablist
*** */

ul.payment-credit-list {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-bottom: 1.5rem;
}
ul.payment-credit-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.3rem;
  height: 6.1rem;
  border: 1px solid var(--clr-secondary-rgb);
  border-radius: 1rem;
  background-color: var(--clr-white);
}
.rinv-payment.ext-payment{position: relative; padding-top: 3rem;}
.rinv-payment.ext-payment::before{
  content: '';
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 40rem;
  background: rgb(23,105,204);
  background: linear-gradient(135deg, rgba(23,105,204,1) 0%, rgba(0,168,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1769cc",endColorstr="#00a8ff",GradientType=1);
  z-index: -1;
}
.rinv-payment:not(.ext-payment) .logo{display: none;}
.rinv-payment.ext-payment .logo{text-align: center; margin-bottom: 4rem;}
.rinv-payment.ext-payment > .rinv-card {margin-inline: 3rem;}
.rinv-payment.ext-payment .rinv-tablist .nav {padding: 0;}
.rinv-payment.ext-payment .rinv-tablist .tab-content {
  padding: 3rem;
  background: var(--clr-gray-6);
  border-radius: 0.5rem;
}
.rinv-payment.ext-payment .rinv-tablist .tab-content .ng-select.rinv-form-control:not(.ng-select.form-control.rinv-form-control.ng-select-disabled),
.rinv-payment.ext-payment .rinv-tablist .tab-content .input-btn-group.input-copy > input.form-control:not(:disabled) {
  background-color: var(--clr-white);
}
.rinv-payment.ext-payment .rinv-tablist .tab-content .input-btn-group.input-copy > input.form-control{padding-inline-end: 13.5rem;}
/* .rinv-payment.ext-payment .rinv-total .total-item {background: var(--clr-gray-6);} */
.rinv-payment.ext-payment .rinv-total .total-item:nth-child(odd) {background: var(--clr-gray-1);}
.rinv-payment.ext-payment .rinv-total .total-item:first-child {background: var(--clr-body);}
.rinv-payment.ext-payment .rinv-total .total-item:first-child p {color: var(--clr-white);}
.rinv-payment.ext-payment .rinv-total .total-item > *,
.rinv-payment.ext-payment .rinv-total .total-item {min-height: 4rem;}
.rinv-payment.ext-payment .rinv-upload-file {margin: 0; padding: 2rem; background: var(--clr-white); border-radius: 0.5rem;}
.rinv-payment .rinv-total .total-item p {font-size: 1.6rem; line-height: 2rem; font-weight: 400;}
.rinv-payment .rinv-upload-file {margin-block: 2rem}
.rinv-upload-file-input.upload-btn > input{opacity: 0;}
.rinv-payment .rinv-org-info .info-content p > span:last-child > span,
.rinv-payment.ext-payment .container > .section-title,
.rinv-payment:not(.ext-payment) .rinv-card .section-title,
.rinv-payment:not(.ext-payment) .payment-footer{display: none;}
/* .rinv-payment:not(.ext-payment) .rinv-card .separator */
.rinv-payment.ext-payment .payment-footer p{
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--clr-body);
  padding-bottom: 1rem;
  text-align: center;
}
/* === ==== === */
/* PAYMENT PAGE */
/* === ==== === */

/* Payment Card */
.payment-card{
  position: relative;
  padding: 1rem;
  height: 9rem;
  /* min-height: 14rem; */
  background-color: var(--clr-gray-2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
/* --- ---- --- */
.payment-card .card-status {position: absolute; inset-inline-end: 1rem; z-index: 1;}
.payment-card .card-status > .rinv-label{border-radius: 0.5rem; font-size: 1.2rem;}
.payment-card .rinv-org-info.org-card .info-content {padding-top: 1rem;}
.payment-card.unactive {background-color:transparent!important;border-bottom:1px solid var(--clr-gray-2);border-radius: 0!important;}
/* .payment-card .rinv-org-info i.uis{} */
/* .rinv-transfer-details {display: flex; align-items: center; justify-content: center;} */
.rinv-payment .tablist.tablist-line{text-align: start;padding: 2rem 3rem; background-color: var(--clr-gray-6); border-radius: 0.5rem;}
.rinv-payment .tablist.tablist-line ul.nav{display: flex; justify-content: flex-start; border-bottom: 1px solid var(--clr-secondary-3); background-color: transparent;}
.rinv-payment .tablist.tablist-line ul.nav li.nav-item .nav-link{font-weight: 400; min-width: 12rem; text-align: center;}
.rinv-payment .tablist.tablist-line ul.nav li.nav-item .nav-link:before,
.rinv-payment .tablist.tablist-line ul.nav li.nav-item .nav-link:before{bottom: 0px;}
.rinv-payment .tablist.tablist-line .ng-select.form-control.rinv-form-control,
.rinv-payment .tablist.tablist-line input.form-control.rinv-form-control{background-color: var(--clr-white);}

.rinv-payment .rinv-total .total-item:first-child .item-title p,
.rinv-payment .rinv-total .total-item:first-child .item-content p {color: var(--clr-white);}
.rinv-payment .rinv-total .total-item:first-child {background: var(--clr-body); color: var(--clr-white);}
.rinv-payment .rinv-total {margin-bottom: 2.5rem;}
.rinv-payment .rinv-total .total-item .item-title {padding-block: 0.6rem; display: flex; align-items: center;}
.rinv-payment .rinv-total .total-item:nth-child(odd):not(:first-child) {background: var(--clr-gray-1);}
.rinv-payment .rinv-total .total-item:last-child{min-height: 4rem;}
.rinv-payment .rinv-total .total-item:last-child .item-title p,
.rinv-payment .rinv-total .total-item:last-child .item-content p{color: var(--clr-body);}
/* --- ---- --- */
.rinv-btransfer-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  padding-inline-end: 0;
  border-radius: 0.5rem;
  background: var(--clr-secondary-rgb);
  height: 4rem;
  gap: 0.5rem;
}
.rinv-btransfer-group>p {font-size: 1.6rem;}
.rinv-btransfer-group>.btn.rinv-btn {min-width: 13rem;}

.card.rinv-card.rinv-accor{padding: 0rem; border-radius: 0.5rem; margin-bottom: 1.5rem;}
.card.rinv-card.rinv-accor .card-header{padding: 2rem; cursor: pointer;}
.card.rinv-card.rinv-accor .card-header:not(.rinv-accor-closed){border-bottom: 1px solid var(--clr-secondary-rgb);}
.card.rinv-card.rinv-accor .card-body > .row{padding: 2rem;}
.rinv-accor-arrow {
  width: 2.4rem;
  height: 2.4rem;
  margin-inline-end: 0.5rem;
  border: 1px solid var(--clr-primary);
  background: var(--clr-secondary-rgb);
  border-radius: 50%;
}
.rinv-accor-arrow > fa-icon {
  height: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  color: var(--clr-primary);
  transition: 0.3s all ease-in-out;
}
.rinv-accor-closed .rinv-accor-arrow > fa-icon {transform: rotate(180deg);}
/* === ==== === */
/* === ==== ====== ==== ====== ==== ====== ==== === */
.form-group{position:relative!important;}
/* */

.rinv-table.file-error-table td ul {padding-inline-start: 10px;}
.rinv-table.file-error-table td ul li{color: var(--clr-danger); margin-bottom: 5px;}
.rinv-table.file-error-table td ul li:last-child{margin-bottom: 0rem;}
.rinv-table.file-error-table td ul > li::before {
  content: '';
  display: inline-flex;
  margin-inline-end: 10px;
  width: 5px;
  height: 5px;
  background: var(--clr-danger);
  border-radius: 50%;
}
.table.rinv-table.editable-table.identity-info-table,.rinv-table.identity-info-table tr,.rinv-table.identity-info-table td{padding: 0;border: none!important;
  background-color: transparent;}
.rinv-table.identity-info-table td{width: 50%}
.card.rinv-card.identity-info-card{
  background-color: #F8FAFC;
  padding: 16px;
}
/* sprint 17*/
.alert.alert-gray{
  border:1px solid #E2E8F0; background: #FCFCFD;
  border-radius: 8px;
  margin-bottom: 0;
}
/* .alert.alert-gray i{ color: var(--wizard-alert-gray-icon-clr)!important;} */

/* Buttons || Colors */

.btn.btn-id-primary {
  color: var(--clr-white) !important;
  background-color: var(--clr-id-primary) !important;
  border-color: var(--clr-id-primary) !important;
}

/* Buttons || Custom Colors */
.btn-light-blue{
  color: var(--clr-primary) !important;
  background-color: var(--clr-light-blue) !important;
  border-color: var(--clr-light-blue) !important;
}
.btn-outline-back{
  color: var(--clr-primary) !important;
  background-color: var(--clr-light-secondary) !important;
  border-color: transparent !important;
}
.btn-outline-back .svg-primary{color: var(--clr-primary) !important;}
/*////////////*/
/*.uis-info-circle.svg-dark{*/
/*  font-size: 18px!important;*/
/*  color: var(--clr-dark-blue)!important;*/
/*}*/
/*///*/
.pagination .pagination{
  --clr-primary:var(--clr-id-primary);
}
/*////*/
.ng-select {
  --ngselect-multi-label-clr:var(var(--clr-primary));
  --ngselect-multi-label-bg:rgba(var(--clr-primary-rgb), .3);
}
.ng-select.form-control.ng-select-multiple .ng-value-container .ng-value .ng-value-icon {
  background-color: var(--clr-primary);
}
/*////*/
/*.tooltip .tooltip-inner{*/
/*  background: var(--tooltip-rinv-bg);*/
/*}*/
/*.tooltip *{border-color: var(--tooltip-rinv-bg)}*/
.tablist ul.nav li.nav-item .nav-link.active, .tablist ul.nav li.nav-item .nav-link:hover{
  --tablist-nav-link-hover-bg: var(--clr-white);
}
.tablist ul.nav li.nav-item .nav-link{
  --tablist-nav-link-clr: var(--table-rinv-thead-th-bg);
}
.rinv-aside .company-info .company-dropdown .btn-dropdown .svg-icon {color: var(--clr-id-secondary);}
body>.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{
  --ngselect-dropdown-option-hover-bg: var(--clr-light-secondary);}
.dropdown .dropdown-menu .btn-dropdown:not(.dropdown-toggle):hover{
  --dropdown-menuitem-hover-bg: var(--clr-light-secondary)}
.form-control {
  --form-control-placeholder-clr: #A3A3A3;
}
.table.rinv-table tbody tr td table tr:first-child td{border-top-color: transparent;}




::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px var(--clr-suger);
  border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: var(--clr-primary);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--clr-primary);
}
/* Phone selection*/
ng-dropdown-panel .ng-dropdown-panel-items img{    max-width: -moz-fit-content;    max-width: fit-content;}


/*charts*/
::ng-deep .ngx-charts g.pie-chart.chart{
  width: 230px!important;
  height: 230px!important;
}
/*::ng-deep .ngx-charts .x-axis text,*/
/*::ng-deep .ngx-charts .y-axis text,*/
/*::ng-deep .ngx-charts .s-axis .tick line,*/
/*::ng-deep .ngx-charts .y-axis .tick line*/

/*{display: none!important;}*/
.d-grid.grid-3 {grid-template-columns: repeat(auto-fit, minmax(max(240px, 30%), 1fr));}
.d-grid.grid-custom{grid-template-columns: calc(50% - 5.5vw) 1fr;gap: 32px;}
@media screen and (max-width: 768px) {.d-grid.grid-custom{grid-template-columns: 1fr; gap: 16px;}}
.h-100-50{height: calc(100% - 50px);}
.flex-center-wrapper {display: flex; align-items: center;}
.flex-start-wrapper {display: flex; align-items: flex-start;}
.gap-0-24 {gap: 0 24px;}
.separator{background:#CBD5E1;}
.separator.bg-gray{background:var(--label-custom-gray-bg-clr);}
.px-16{padding-inline:16px;}
.py-12{padding-block:12px;}

.btn-outline svg{transition: 0.2s all ease-in-out;}
.btn-outline.open-collapsed svg{transition: 0.2s all ease-in-out; rotate: 180deg;}
.cdk-drag-placeholder {
  opacity: 0.5;
}

/* Preview (the thing you’re dragging) */
.cdk-drag-preview {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background: white;
  transform: rotate(2deg) scale(1.05);
  opacity: 1 !important;
  z-index: 2000 !important;
}
.modal-dialog .modal-footer:has(:only-child) > *{max-width: 100%; flex: 1;}

.tooltip-manage-admin-info + .tooltip .tooltip-inner {
  width: max-content;
  min-width: max-content;
}
/* Hide number spinner ONLY when parent row is active */
.tr-active input[type="number"]::-webkit-outer-spin-button,
.tr-active input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tr-active input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

/* loading process animation */
.process {
  width: 18px;
  height: 18px;
}
.process .seg {
  opacity: 0.2;
  animation: fade 1.6s linear infinite;
}
.process .seg:nth-child(1) { animation-delay: 1.4s; }
.process .seg:nth-child(2) { animation-delay: 1.2s; }
.process .seg:nth-child(3) { animation-delay: 1s; }
.process .seg:nth-child(4) { animation-delay: 0.8s; }
.process .seg:nth-child(5) { animation-delay: 0.6s; }
.process .seg:nth-child(6) { animation-delay: 0.4s; }
.process .seg:nth-child(7) { animation-delay: 0.2s; }
.process .seg:nth-child(8) { animation-delay: 0s; }

@keyframes fade {
  0%   { opacity: 0.2; }
  20%  { opacity: 1; }
  40%  { opacity: 0.2; }
  100% { opacity: 0.2; }
}



.table-responsive {
  position: relative;
}
/* show loader only when loading */
.table-responsive .table-loader{
  display: none;
}
.table-loader{
  display: flex;
}
/* tbody overlay */
.table-loader {
  position: absolute;
  inset: 0;
  top: 50px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(1px);
  z-index: 5;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
}
/* table-loader spinner */
.table-loader .loader,
.container-loader .loader {
  display: inline-flex;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-width: var(--bs-border-width);
  border-top-color: var(--clr-primary);
  animation: spin .9s linear infinite;
}
@keyframes spin{
  to { transform: rotate(360deg); }
}
.table-responsive.is-loading table{
  pointer-events: none;
}
.rotate-90 { transform: rotate(90deg);}
.icon-bounce {
  display: inline-block;
  animation: moveUpDown 1.4s ease-in-out infinite;
}

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* Theme fonts */

/* @import "~highlight.js/styles/googlecode.css"; */
/* Default Layout Style */

/* Layout */

/* Main Styles*/

.ltr {
  direction: ltr;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-wrap{
  text-wrap:wrap;
}
.btn-actions-groups {
  gap: 15px;
}
@media print {
  .no-print {
    display: none!important;
  }
  .aside-fixed .wrapper {
    padding-inline-start: 0;
  }
}
.form-control:invalid{
  border-color: var(--clr-suger);
}
.form-control:invalid.ng-touched{
  border-color: var(--form-control-invalid-border-clr);
}

.pac-container.pac-logo {
  z-index: 999999 !important;
}
td .arrow-status-open,td .arrow-status-close{margin-inline-end: 10px}
td .arrow-status-open rect{fill: var(--clr-primary)!important;}
td .arrow-status-close rect{fill: var(--clr-gray-3)!important;}
td .arrow-status-close svg{transform: rotate(180deg);}
.table.rinv-table.editable-table tr.tr-child{
  /*transition: .5s linear all;*/
  overflow: hidden;
  transition: all 0.5s ease-out, transform 0.5s ease-out;
  max-height: 0;
  visibility: visible;
  opacity: 1;
}
.table.rinv-table.editable-table > [hidden]{
  max-height: 0;
  transform: scaleY(0);
  visibility: hidden;
  opacity: 0;
}
.table.rinv-table.editable-table tr.tr-child td{background-color: var(--clr-gray-7)!important;}


/*# sourceMappingURL=styles.24c9b55e87da825f.css.map*/