@kruzer/styles 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/kruzer-tailwind-preset.cjs +12 -4
  2. package/dist/styles.min.scss +1 -1
  3. package/package.json +1 -1
package/dist/kruzer-tailwind-preset.cjs CHANGED
@@ -11,8 +11,8 @@ module.exports = {
11
11
  lg: "repeat(auto-fill,minmax(37.5rem,1fr))",
12
12
  },
13
13
  gridColumn: {
14
- "span-full": "1 / -1"
15
- }
14
+ "span-full": "1 / -1",
15
+ },
16
16
  },
17
17
  colors: {
18
18
  "grey-10": "rgb(var(--grey-10) / <alpha-value>)",
@@ -100,7 +100,7 @@ module.exports = {
100
100
  bold: 700,
101
101
  },
102
102
  },
103
- safelist: [
103
+ safelist: [
104
104
  "bg-primary-50",
105
105
  "!bg-primary-50",
106
106
  "border-primary-50",
@@ -211,7 +211,7 @@ module.exports = {
211
211
  "!whitespace-nowrap",
212
212
  "!justify-end",
213
213
  "!table-cell",
214
- "!mb-0",
214
+ "!mb-0",
215
215
  "ml-2",
216
216
  "mr-2",
217
217
  "border-b",
@@ -220,5 +220,13 @@ module.exports = {
220
220
  "text-md",
221
221
  "text-black-10",
222
222
  "hover:text-primary-70",
223
+ "bg-white-30",
224
+ "bg-white-20",
225
+ "px-4",
226
+ "z-10",
227
+ "rounded",
228
+ "items-center",
229
+ "justify-center",
230
+ "flex",
223
231
  ],
224
232
  };
package/dist/styles.min.scss CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(13px,.7vw,14px)}body{position:relative}@layer base{:root{--grey-10: 198 206 220;--grey-20: 198 198 198;--grey-30: 171 171 171;--grey-40: 156 157 157;--grey-50: 136 136 136;--grey-60: 108 117 125;--grey-light-10: 240 241 241;--grey-light-20: 238 238 238;--grey-light-30: 223 223 223;--grey-light-40: 201 201 201;--white-10: 252 253 253;--white-20: 248 250 251;--white-30: 255 255 255;--black-10: 82 86 89;--black-20: 76 76 76;--black-30: 33 37 41;--black-40: 17 17 17;--black-50: 0 0 0;--blue-light-10: 245 248 254;--blue-dark-10: 188 198 219;--blue-dark-20: 108 144 214;--blue-dark-30: 97 123 175;--blue-dark-40: 47 71 117;--blue-dark-50: 52 55 70;--blue-dark-60: 32 37 60;--blue-dark-70: 25 29 49;--primary-10: 155 212 255;--primary-20: 55 170 255;--primary-30: 89 131 247;--primary-40: 87 153 247;--primary-50: 27 123 247;--primary-60: 27 105 253;--primary-70: 11 94 215;--success-10: 18 192 18;--success-20: 21 167 75;--error-10: 232 89 87;--error-20: 246 75 60;--error-30: 255 0 0;--error-40: 228 0 0;--warning-10: 244 155 73;--warning-20: 240 146 60;--yellow-10: 245 210 60;--purple-10: 180 45 255}}body{font-family:"Source Sans Pro",sans-serif}h1{@apply text-2xl}h2{@apply text-xl}h3{@apply text-2md}h4{@apply text-md}a,p,span{@apply text-base}small{@apply text-sm}.krz-sub-title{@apply text-black-20 mb-6 font-semibold}p{white-space:normal}.krz-btn{@apply px-6 rounded transition-colors text-base disabled:opacity-75 disabled:pointer-events-none flex items-center justify-center font-semibold;height:2.5rem;border-width:2px;border-style:solid;line-height:normal;white-space:nowrap;cursor:pointer}.krz-btn:active{transform:translateY(1px)}.krz-btn-primary{@apply bg-primary-50 hover:bg-primary-70 text-white-30 border-primary-50 hover:border-primary-70}.krz-btn-primary.krz-active{@apply bg-primary-70 border-primary-70}.krz-btn-secondary{@apply bg-white-30 hover:bg-primary-50 text-primary-50 hover:text-white-30 border-primary-50}.krz-btn-secondary.krz-active{@apply bg-primary-50 text-white-30}.krz-btn-tertiary{@apply bg-white-30 hover:bg-grey-40 text-grey-60 hover:text-white-30 border-grey-40}.krz-btn-tertiary.krz-active{@apply bg-grey-40 text-white-30}.krz-btn-primary-ghost{@apply bg-transparent hover:bg-primary-50 border-transparent text-primary-50 hover:text-white-30}.krz-btn-primary-ghost.krz-active{@apply bg-primary-50/20 hover:bg-primary-50 hover:text-white-30}.krz-btn-danger{@apply bg-error-30 hover:bg-error-40 text-white-30 border-error-30 hover:border-error-40}.krz-btn-danger.krz-active{@apply bg-error-40 border-error-40}.krz-btn-ghost{@apply bg-transparent hover:bg-grey-light-20 border-transparent text-black-10}.krz-btn-ghost.krz-active{@apply bg-grey-light-20}.krz-btn-white-ghost{@apply bg-transparent hover:bg-grey-light-20/20 border-transparent text-white-30}.krz-btn-white-ghost.krz-active{@apply bg-grey-light-20/20}.krz-btn-icon-only{height:2.5rem;width:2.5rem;min-width:2.5rem;@apply rounded p-0 flex items-center justify-center}.krz-btn-icon-only [class*=fa]{font-size:1rem;margin-top:2px}.krz-btn-icon-only-sm{height:2rem;width:2rem;min-width:2rem}.krz-btn:not(.krz-btn-icon-only) [class*=fa]{font-size:.9rem;@apply mr-2}.krz-btn-group{@apply flex m-2}.krz-btn-group .krz-btn{@apply m-0}.krz-avatar{@apply object-cover rounded-full text-2md font-semibold}.krz-avatar-initials{@apply flex items-center justify-center bg-white-30 text-primary-50 border border-dashed border-grey-20}.krz-avatar.krz-inactive{@apply bg-grey-50 text-white-30 border-hidden}.krz-avatar:not(.krz-avatar-sm):not(.krz-avatar-lg):not(.krz-avatar-2lg){@apply w-11 h-11 min-w-[3.5rem]}.krz-avatar-sm{@apply w-9 h-9 min-w-[2.5rem]}.krz-avatar-lg{@apply w-14 h-14 min-w-[5rem]}.krz-avatar-2lg{@apply w-[7rem] h-[7rem] min-w-[7rem]}.krz-avatar-group{@apply flex items-center}.krz-avatar-group .krz-avatar{@apply ring-white-10 ring -mx-2}.toast-bottom-right{right:12px;bottom:12px}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff;margin-bottom:20px}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px)and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px)and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}.krz-toastr{width:380px;@apply mt-2 p-4 flex justify-between items-center rounded}.krz-toastr img{@apply w-6 h-6}.krz-toastr .krz-toastr-message{@apply mx-2 w-full}.krz-form-field{@apply flex flex-col mb-4 relative w-full}.krz-form-field label{@apply pl-4 text-grey-50 transition-transform cursor-text left-0 absolute flex items-center justify-center;top:.915rem}.krz-form-field label [class*=fa]{@apply mr-1}.krz-form-field select,.krz-form-field input,.krz-form-field textarea{@apply transition text-md outline-none border-grey-light-40 border px-4 pt-4 pb-0 rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none disabled:opacity-75;height:3.333rem}.krz-form-field select::placeholder,.krz-form-field input::placeholder,.krz-form-field textarea::placeholder{@apply text-transparent opacity-100}.krz-form-field select :-ms-input-placeholder,.krz-form-field input :-ms-input-placeholder,.krz-form-field textarea :-ms-input-placeholder{@apply text-transparent}.krz-form-field select ::-ms-input-placeholder,.krz-form-field input ::-ms-input-placeholder,.krz-form-field textarea ::-ms-input-placeholder{@apply text-transparent}.krz-form-field select:focus~label,.krz-form-field select:not(:placeholder-shown)~label,.krz-form-field input:focus~label,.krz-form-field input:not(:placeholder-shown)~label,.krz-form-field textarea:focus~label,.krz-form-field textarea:not(:placeholder-shown)~label{transform:translateY(-0.8rem);@apply text-sm}.krz-form-field textarea{resize:none;@apply h-[7rem]}.krz-form-field .krz-fieldset-feedbacks{@apply flex justify-between}.krz-form-field-no-label label{display:none}.krz-form-field-no-label select,.krz-form-field-no-label input,.krz-form-field-no-label textarea{height:2.5rem;@apply p-3}.krz-form-field-no-label select::placeholder,.krz-form-field-no-label input::placeholder,.krz-form-field-no-label textarea::placeholder{@apply text-grey-50}.krz-form-field-no-label select :-ms-input-placeholder,.krz-form-field-no-label input :-ms-input-placeholder,.krz-form-field-no-label textarea :-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label select ::-ms-input-placeholder,.krz-form-field-no-label input ::-ms-input-placeholder,.krz-form-field-no-label textarea ::-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label .ng-select .ng-select-container{height:2.5rem !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container{height:2.5rem}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-arrow-wrapper{@apply h-fit}.krz-form-field-no-border select,.krz-form-field-no-border input,.krz-form-field-no-border textarea{@apply border-transparent hover:border-grey-light-40 focus:border-primary-50}.krz-fieldset-error span.krz-error-feedback{@apply text-error-40 pl-4 block text-base}.krz-fieldset-error input,.krz-fieldset-error textarea{@apply border-error-40 focus:border-error-40}.krz-fieldset-error .ng-select.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.krz-check{@apply flex flex-row items-center mb-1}.krz-check label{@apply text-black-30 cursor-pointer}.krz-check input:not(.krz-switch)[type=checkbox],.krz-check input:not(.krz-switch)[type=radio]{@apply mr-2 h-4 w-4 border border-grey-light-40 cursor-pointer relative overflow-hidden appearance-none transition-colors}.krz-check input:not(.krz-switch)[type=checkbox]:checked,.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-primary-50}.krz-check input:not(.krz-switch)[type=checkbox]{@apply rounded-sm bg-no-repeat bg-center bg-white-30;background-size:.8rem}.krz-check input:not(.krz-switch)[type=checkbox]:checked{@apply bg-primary-50;background-image:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41538 9.8036L0.190373 5.44535C-0.0634576 5.18351 -0.0634576 4.75898 0.190373 4.49711L1.10959 3.54888C1.36342 3.28702 1.775 3.28702 2.02883 3.54888L4.875 6.48478L10.9712 0.196377C11.225 -0.0654589 11.6366 -0.0654589 11.8904 0.196377L12.8096 1.14461C13.0635 1.40645 13.0635 1.83098 12.8096 2.09285L5.33462 9.80363C5.08076 10.0655 4.66921 10.0655 4.41538 9.8036Z' fill='white'/%3E%3C/svg%3E")}.krz-check input:not(.krz-switch)[type=radio]{@apply rounded-full;background-size:.8rem}.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-4}.krz-check .krz-switch[type=checkbox]{@apply appearance-none relative h-4 w-8 mr-2}.krz-check .krz-switch[type=checkbox]::before{@apply absolute bg-grey-40 block mr-2 h-4 w-8 rounded-lg cursor-pointer;content:""}.krz-check .krz-switch[type=checkbox]::after{@apply absolute bg-white-30 block rounded-full cursor-pointer;content:"";height:calc(1rem - 4px);width:calc(1rem - 4px);left:2px;top:2px;transition:.3s}.krz-check .krz-switch[type=checkbox]:active:after{width:1.2rem}.krz-check .krz-switch[type=checkbox]:checked:before{@apply bg-primary-50}.krz-check .krz-switch[type=checkbox]:checked:after{left:calc(100% - 2px);transform:translateX(-100%)}.krz-check-disabled{@apply opacity-75 pointer-events-none}.ng-select{border:0px;min-height:0px;border-radius:0}.ng-select:not(.ng-select-multiple) .ng-select-container .ng-value{margin-top:1rem;margin-left:.3rem}.ng-select .ng-select-container{@apply text-md border-grey-light-40 border rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none;outline:none}.ng-select .ng-select-container input{height:unset}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{@apply top-5 pl-4}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input{@apply text-md}.ng-select.ng-select-opened~label,.ng-select.ng-select-focused~label,.ng-select.ng-select-filtered~label,.ng-select:has(.ng-has-value)~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-has-value~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-opened>.ng-select-container{@apply border-primary-50}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{box-shadow:none}.ng-select.ng-invalid.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.ng-select .ng-dropdown-panel.ng-select-bottom{@apply border-primary-50}.ng-select .ng-clear-wrapper:hover .ng-clear{@apply text-error-20}.ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(180deg)}.ng-select .ng-arrow-wrapper{@apply bg-no-repeat bg-center h-8 w-8 p-0;background-size:.8rem;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.53366 6.98512L0.193175 1.8517C-0.0643917 1.60412 -0.0643917 1.20273 0.193175 0.955181L0.816056 0.356454C1.07318 0.109298 1.48991 0.108822 1.74764 0.355397L6.00001 4.42372L10.2524 0.355398C10.5101 0.108823 10.9268 0.109298 11.1839 0.356454L11.8068 0.955182C12.0644 1.20276 12.0644 1.60415 11.8068 1.8517L6.46634 6.98509C6.2088 7.23267 5.79122 7.23267 5.53366 6.98512Z' fill='%234C4C4C'/%3E%3C/svg%3E")}.ng-select .ng-arrow-wrapper .ng-arrow{border:none}.ng-select .ng-option:hover,.ng-select .ng-option-marked{background-color:rgb(var(--primary-10)/0.2) !important}.ng-select .ng-option-selected{background-color:rgb(var(--primary-10)/0.5) !important}.ng-select.ng-select-disabled>.ng-select-container{@apply bg-grey-light-10 pointer-events-none opacity-75}.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:-webkit-box;display:flex;margin-right:5px;margin-bottom:5px;height:1.4rem;@apply flex rounded text-black-40 border-grey-light-30 border text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0 5px;max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3rem;@apply text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{transition:all .3s ease;@apply flex items-center justify-center hover:text-error-20}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{padding-right:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.krz-tabs{@apply mb-4;display:flex}.krz-tab-item{@apply px-0 pt-2 transition-colors text-md text-grey-50 hover:text-black-20 font-semibold relative flex items-center;padding-bottom:.8rem;cursor:pointer;text-align:center}.krz-tab-item:not(:first-child){@apply ml-5}.krz-tab-item:not(:last-child){@apply mr-5}.krz-tab-item.krz-tab-item::after{@apply opacity-0}.krz-tab-item:hover::after{@apply bg-black-20 opacity-100}.krz-tab-item [class*=fa]{font-size:.9rem;margin-top:2px;@apply mr-2}.krz-tab-item.krz-active{@apply hover:text-primary-50 text-black-30}.krz-tab-item.krz-active.krz-tab-item::after{@apply bg-primary-50;@apply opacity-100}.krz-tab-item::after{@apply bg-grey-50 transition rounded;content:"";left:0;bottom:0;position:absolute;display:block;width:100%;height:.25rem}.krz-breadcrumbs{@apply text-grey-50 font-semibold items-center opacity-75 hidden sm:flex}.krz-breadcrumbs i{font-size:.6rem}.krz-breadcrumbs p{@apply text-2md}.krz-breadcrumbs p:not(p:last-child)::after{content:"";font-family:var(--fa-style-family, "Font Awesome 6 Pro");@apply mx-2 text-sm}.krz-breadcrumbs p:last-child{@apply text-black-50 opacity-100}.krz-badge{@apply text-white-30 rounded font-semibold border w-fit;padding:0 .769rem}.krz-badge-primary{@apply bg-primary-50 border-primary-50}.krz-badge-primary-outline{@apply text-primary-50 bg-white-30}.krz-badge-primary-light-bg{@apply text-black-20 border-primary-50 bg-primary-50 bg-opacity-10}.krz-badge-secondary{@apply bg-grey-50 border-grey-50}.krz-badge-secondary-outline{@apply text-grey-50 bg-white-30}.krz-badge-secondary-light-bg{@apply text-black-20 border-grey-50 bg-grey-50 bg-opacity-10}.krz-badge-info{@apply bg-primary-20 border-primary-20}.krz-badge-info-outline{@apply text-primary-20 bg-white-30}.krz-badge-info-light-bg{@apply text-black-20 border-primary-20 bg-primary-20 bg-opacity-10}.krz-badge-success{@apply bg-success-10 border-success-10}.krz-badge-success-outline{@apply text-success-10 bg-white-30 border-success-10}.krz-badge-success-light-bg{@apply text-black-20 border-success-10 bg-success-10 bg-opacity-10}.krz-badge-warning{@apply bg-warning-10 border-warning-10}.krz-badge-warning-outline{@apply text-warning-10 bg-white-30 border-warning-10}.krz-badge-warning-light-bg{@apply text-black-20 border-warning-10 bg-warning-10 bg-opacity-10}.krz-badge-error{@apply bg-error-20 border-error-20}.krz-badge-error-outline{@apply text-error-20 bg-white-30 border-error-20}.krz-badge-error-light-bg{@apply text-black-20 border-error-20 bg-error-20 bg-opacity-10}.krz-badge-purple{@apply bg-purple-10 border-purple-10}.krz-badge-purple-outline{@apply text-purple-10 bg-white-30 border-purple-10}.krz-badge-purple-light-bg{@apply text-black-20 border-purple-10 bg-purple-10 bg-opacity-10}.krz-badge-yellow{@apply bg-yellow-10 border-yellow-10}.krz-badge-yellow-outline{@apply text-yellow-10 bg-white-30 border-yellow-10}.krz-badge-yellow-light-bg{@apply text-black-20 border-yellow-10 bg-yellow-10 bg-opacity-10}.krz-badge .krz-signal{margin-bottom:1px}.krz-card{@apply rounded border-grey-light-40 border flex flex-col relative bg-white-30}.krz-card.krz-inactive{@apply bg-grey-light-20}.krz-card.krz-inactive .clickable{@apply hover:bg-grey-light-30}.krz-card:not(.krz-inactive) .clickable{@apply hover:bg-blue-light-10}.krz-card-image{@apply w-full rounded-tl rounded-tr;height:auto;object-fit:cover}.krz-card-header,.krz-card-footer{@apply px-4 py-2 border-grey-light-40 relative}.krz-card-header{@apply border-b rounded-tl rounded-tr}.krz-card-footer{@apply border-t rounded-bl rounded-br}.krz-card-body{@apply py-2 px-4}.krz-card .clickable{@apply cursor-pointer transition}.modal{--bs-modal-margin: 0.5rem;position:fixed;top:0;left:0;z-index:1055;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:all .3s ease-in-out}.modal.show .modal-dialog{transform:none}.modal-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.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-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1055;width:100vw;height:100vh;@apply bg-black-40 opacity-50}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem}.krz-modal-sm{max-width:400px;margin-right:auto;margin-left:auto}}@media(min-width: 676px){.krz-modal-md{max-width:600px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-lg{max-width:800px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-xl{max-width:calc(100vw - 10rem);margin-right:auto;margin-left:auto}}.popover{position:absolute;top:0;left:0 /* rtl:ignore */}.popover-arrow{position:absolute}.tooltip{position:absolute}.tooltip-arrow{position:absolute}.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: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--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:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=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-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .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-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=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-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .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{@apply bg-black-40 text-white-30 rounded;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);text-align:center}.dropdown,.dropdown-center{position:relative}.dropdown-menu{@apply bg-white-30 border border-grey-30 rounded;--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-border-radius: 0.375rem;--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #c6c6c6;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:1000;display:none;padding:0;margin:0;text-align:left;list-style:none;background-clip:padding-box;overflow:hidden}.dropdown-menu[data-bs-popper]{top:100%;left:0}.dropdown-item{@apply cursor-pointer;display:block;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{@apply bg-grey-light-10}.dropdown-item.active,.dropdown-item:active{@apply text-white-30 bg-black-20;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.krz-modal{@apply rounded overflow-hidden}.krz-modal.krz-modal-delete .krz-modal-header{@apply text-error-30}.krz-modal-header{@apply text-primary-50 bg-white-20 flex justify-between items-center px-6 py-4}.krz-modal-header [class*=fa]{font-size:1rem;@apply mr-4}.krz-modal-header h5{@apply text-xl uppercase flex items-center}.krz-modal-body{@apply bg-white-20 overflow-x-hidden overflow-y-auto px-6 py-4;max-height:calc(100vh - 9.75rem)}.krz-modal-footer{@apply bg-white-30 px-6 py-2 flex justify-end}@media(min-width: 576px){.krz-modal-body{max-height:calc(100vh - 13.875rem)}}.krz-table-wrapper{@apply border border-grey-30;overflow:auto}.krz-table-wrapper .krz-table{@apply w-full table-auto overflow-auto}.krz-table-wrapper .krz-table thead,.krz-table-wrapper .krz-table tbody{@apply w-full}.krz-table-wrapper .krz-table thead{@apply bg-blue-dark-20 border-b border-grey-30 sticky top-0;z-index:1}.krz-table-wrapper .krz-table thead th{@apply text-white-30;min-height:3.231rem}.krz-table-wrapper .krz-table tbody tr{@apply w-full bg-white-30}.krz-table-wrapper .krz-table tbody tr:not(:last-child){@apply border-b border-grey-30}.krz-table-wrapper .krz-table tbody tr td{@apply text-start;min-height:3.231rem}.krz-table-wrapper .krz-table tbody tr td:not(.krz-table-cell-fit-content){min-width:200px}.krz-table-wrapper .krz-table tbody tr td .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th,.krz-table-wrapper .krz-table td{@apply py-2 px-4 relative;word-break:break-all;text-align:left}.krz-table-wrapper .krz-table th{@apply text-start text-base font-semibold text-grey-50}.krz-table-wrapper .krz-table th .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th button{@apply m-0}.krz-table-cell-fit-content{width:1%;white-space:nowrap}.krz-table-wrapper.table-screen-max-heigth{max-height:calc(100vh - 10rem)}.krz-table-striped tbody tr:nth-child(even){background-color:rgb(var(--grey-light-10)/1) !important}.krz-signal{@apply inline-block mr-1 w-2 h-2 rounded-full;min-width:.5rem}.krz-pagination{display:flex}.pagination-items{@apply mx-1 px-3 py-1 text-black-20 rounded hover:bg-grey-light-10;transition:.2s}.pagination-arrow{@apply border border-grey-10}.currentPage{@apply bg-black-20 text-white-30 hover:bg-black-20}.krz-loading-overlay{@apply flex items-center justify-center;z-index:999999}.spinner-wrapper{@apply flex items-center justify-center}.spinner-wrapper img{@apply absolute ml-auto mr-auto left-0 right-0 text-center h-[80px] opacity-75}.loader{@apply w-[120px] h-[120px] rounded-full border-t-4 border-white-30 opacity-75;animation:spin .8s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.krz-input-group{@apply flex items-center w-full}.krz-input-group.no-label .krz-form-field label{display:none}.krz-input-group.no-label input{@apply p-3;height:2.5rem}.krz-input-group.no-label .krz-btn,.krz-input-group.no-label .krz-add-on{height:2.5rem}.krz-input-group:not(.no-label) input{height:3.333rem}.krz-input-group:not(.no-label) .krz-btn,.krz-input-group:not(.no-label) .krz-add-on{height:3.333rem}.krz-input-group .krz-form-field{@apply m-0}.krz-input-group .krz-form-field:not(:first-child) input{@apply rounded-tl-none rounded-bl-none border-l-0}.krz-input-group .krz-form-field:not(:last-child) input{@apply rounded-tr-none rounded-br-none border-r-0}.krz-input-group .krz-btn:first-child,.krz-input-group .krz-add-on:first-child{@apply rounded-tr-none rounded-br-none}.krz-input-group .krz-btn:last-child,.krz-input-group .krz-add-on:last-child{@apply rounded-tl-none rounded-bl-none}.krz-input-group .krz-btn:not(:first-child):not(:last-child),.krz-input-group .krz-add-on:not(:first-child):not(:last-child){@apply rounded-none}.krz-input-group .krz-add-on{@apply border border-grey-light-40 rounded px-4 flex items-center bg-white-30 whitespace-nowrap}.krz-alert{@apply bg-error-30/20 rounded text-error-40 p-4}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgb(var(--grey-50)/1)}.ng-select.ng-select-single .ng-select-container{height:3.333rem}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:.915rem;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:1.154rem;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:rgb(var(--black-30)/1)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.dropdown-item [class*=fa]{font-size:.7rem}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.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.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel:hover .carousel-control-prev{background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%)}.carousel:hover .carousel-control-next{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%)}.carousel-control-prev,.carousel-control-next{position:absolute;transition:all .3s ease;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;border:0;opacity:.8;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:1}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-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 width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M106.598 2.37997L127.266 23.1734C128.853 24.7601 129.646 26.639 129.646 28.8102C129.646 30.9814 128.853 32.8603 127.266 34.447L60.7519 100.961L127.266 167.475C128.853 169.062 129.646 170.94 129.646 173.112C129.646 175.283 128.853 177.162 127.266 178.748L106.598 199.542C105.011 201.129 103.111 201.922 100.898 201.922C98.6853 201.922 96.7855 201.129 95.1989 199.542L2.37997 106.598C0.79332 105.011 -4.31824e-06 103.132 -4.41314e-06 100.961C-4.50805e-06 98.7897 0.79332 96.9108 2.37997 95.3242L95.1989 2.37997C96.7855 0.79332 98.6853 -4.37328e-06 100.898 -4.47001e-06C103.111 -4.56674e-06 105.011 0.793319 106.598 2.37997Z' fill='white'/%3E%3C/svg%3E%0A")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3Csvg width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0482 199.542L2.37997 178.748C0.793321 177.162 -2.55076e-06 175.283 -2.45585e-06 173.112C-2.36095e-06 170.94 0.793322 169.062 2.37997 167.475L68.8939 100.961L2.37998 34.447C0.793328 32.8603 3.75686e-06 30.9814 3.85176e-06 28.8102C3.94667e-06 26.639 0.793328 24.7601 2.37998 23.1734L23.0482 2.37997C24.6348 0.79332 26.5346 -4.50714e-06 28.7476 -4.41041e-06C30.9605 -4.31367e-06 32.8603 0.79332 34.447 2.37997L127.266 95.3242C128.853 96.9108 129.646 98.7897 129.646 100.961C129.646 103.132 128.853 105.011 127.266 106.598L34.447 199.542C32.8603 201.129 30.9605 201.922 28.7476 201.922C26.5346 201.922 24.6348 201.129 23.0482 199.542Z' fill='white'/%3E%3C/svg%3E%0A")}.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%}.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 rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);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}hr{@apply my-6 border-grey-light-40}.sidebar{@apply bg-blue-dark-50 text-white-30 flex flex-col h-full whitespace-nowrap relative select-none z-40;transition:all .3s ease}.sidebar header .krz-avatar,.sidebar footer .krz-avatar{@apply mr-3}.sidebar header{@apply px-4 flex items-center relative h-[4rem] min-h-[4rem] max-h-[4rem]}.sidebar header .close-btn{@apply absolute right-2 top-[0.75rem] h-[2.5rem] w-[2.5rem] items-center justify-center flex sm:hidden}.sidebar footer{@apply relative border-t border-primary-50 flex flex-col}.sidebar footer .nav-links{@apply mt-0}.sidebar footer .nav-links li{@apply p-0}.sidebar footer .nav-links li a{@apply rounded-none}.sidebar footer .nav-links li a .item-icon{@apply block;opacity:1 !important}.sidebar .nav-links{@apply mt-6;flex-grow:2}.sidebar .nav-links li{@apply cursor-pointer transition-colors px-3 py-1}.sidebar .nav-links li a{@apply relative p-2 rounded flex items-center w-full cursor-pointer hover:bg-blue-dark-40 text-white-30/80;min-height:2.5rem;white-space:nowrap}.sidebar .nav-links li a span.item-label{@apply border-l-2 border-transparent}.sidebar .nav-links li a::after{@apply absolute bg-primary-50 rounded hidden;content:"";top:8px;left:0;width:2px;height:calc(100% - 16px)}.sidebar .nav-links li .item-icon{@apply mr-2}.sidebar .nav-links li span+[class*=fa]{@apply ml-auto w-fit;font-size:.7rem}.sidebar .nav-links li .sub-menu{@apply bg-blue-dark-60 sm:absolute sm:left-full sm:h-full w-full sm:w-0 py-3;top:0}.sidebar .nav-links li .sub-menu-opened{@apply w-full sm:w-[14.5rem]}.sidebar .nav-links li .sub-menu-closed{pointer-events:none;overflow:hidden}.sidebar .nav-links li .sub-menu a{padding-left:.75rem !important;padding-right:.75rem !important;padding-top:.5rem !important;padding-bottom:.5rem !important}.sidebar header .title,.sidebar footer .username,.sidebar footer [class*=fa]{transition:opacity .3s ease}.sidebar-opened{@apply w-full sm:w-[14.5rem] fixed sm:relative}.sidebar-collapsed{@apply absolute sm:relative w-full sm:w-[4.5rem] translate-x-[-100%] sm:translate-x-0}.sidebar-collapsed header .close-btn{left:calc(100% + 1rem)}.sidebar-collapsed header .title,.sidebar-collapsed footer .username,.sidebar-collapsed footer [class*=fa]{opacity:0}.sidebar-collapsed .nav-links li a.item-active{display:flex}.sidebar-collapsed .nav-links li span.item-label{display:none}.sidebar-collapsed .nav-links li span.item-label+[class*=fa]{position:absolute;right:4px}.sidebar-collapsed .nav-links li a:not(.sub-menu-item){justify-content:center}.sidebar-collapsed .nav-links li [class*=fa]{@apply mr-0}.active-styles,.sidebar .nav-links li a.item-active,.sidebar .nav-links li .sub-menu a.item-active,.sidebar-collapsed .nav-links li a.item-active{border-left-color:rgb(var(--primary-50)/1) !important;background-color:rgb(var(--blue-dark-40)/1) !important;color:rgb(var(--white-30)/1) !important}.active-styles::after,.sidebar .nav-links li a.item-active::after,.sidebar .nav-links li .sub-menu a.item-active::after,.sidebar-collapsed .nav-links li a.item-active::after{display:block !important}footer .main-content{@apply flex items-center w-full px-4 py-2 cursor-pointer}footer .main-content [class*=fa]{@apply ml-auto w-fit}footer .main-content .krz-avatar{font-size:1rem !important}footer .main-content .username{@apply mr-2}footer .aditional-content{@apply bg-blue-dark-60}footer .aditional-content-closed{display:none}footer .aditional-content-opened{display:block}footer .aditional-content li a{padding-left:1rem !important;padding-right:1rem !important}@media(min-width: 640px){.sidebar-opened .nav-links ::ng-deep .tooltip{display:none}}@media(max-width: 640px){.sidebar-opened .nav-links li .sub-menu-closed{display:none}.sidebar-opened .nav-links li .sub-menu-opened{display:block}}.bs-tooltip-end .tooltip-arrow::before{border-right-color:#000}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}.krz-grid-one-line{@apply grid gap-4;grid-template-columns:1fr}.card-structure{@apply gap-4 grid}@media(min-width: 1024px){.krz-grid-one-line .card-structure{grid-template-columns:16rem 1fr min-content}}.card-data-grid{@apply grid gap-4 w-full;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}.card-wrapper .actions{@apply absolute}.card-wrapper:not(.has-header) .actions{@apply lg:flex lg:items-center lg:justify-center absolute right-2 lg:h-full}.card-wrapper.has-header .actions{@apply top-2 right-2}@media(max-width: 1024px){.actions{@apply top-2 right-2}}@media(min-width: 1024px){.card-structure{@apply pr-10}}
1
+ @import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(13px,.7vw,14px)}body{position:relative}@layer base{:root{--grey-10: 198 206 220;--grey-20: 198 198 198;--grey-30: 171 171 171;--grey-40: 156 157 157;--grey-50: 136 136 136;--grey-60: 108 117 125;--grey-light-10: 240 241 241;--grey-light-20: 238 238 238;--grey-light-30: 223 223 223;--grey-light-40: 201 201 201;--white-10: 252 253 253;--white-20: 248 250 251;--white-30: 255 255 255;--black-10: 82 86 89;--black-20: 76 76 76;--black-30: 33 37 41;--black-40: 17 17 17;--black-50: 0 0 0;--blue-light-10: 245 248 254;--blue-dark-10: 188 198 219;--blue-dark-20: 108 144 214;--blue-dark-30: 97 123 175;--blue-dark-40: 47 71 117;--blue-dark-50: 52 55 70;--blue-dark-60: 32 37 60;--blue-dark-70: 25 29 49;--primary-10: 155 212 255;--primary-20: 55 170 255;--primary-30: 89 131 247;--primary-40: 87 153 247;--primary-50: 27 123 247;--primary-60: 27 105 253;--primary-70: 11 94 215;--success-10: 18 192 18;--success-20: 21 167 75;--error-10: 232 89 87;--error-20: 246 75 60;--error-30: 255 0 0;--error-40: 228 0 0;--warning-10: 244 155 73;--warning-20: 240 146 60;--yellow-10: 245 210 60;--purple-10: 180 45 255}}body{font-family:"Source Sans Pro",sans-serif}h1{@apply text-2xl}h2{@apply text-xl}h3{@apply text-2md}h4{@apply text-md}a,p,span{@apply text-base}small{@apply text-sm}.krz-sub-title{@apply text-black-20 mb-6 font-semibold}p{white-space:normal}.krz-btn{@apply px-6 rounded transition-colors text-base disabled:opacity-75 disabled:pointer-events-none flex items-center justify-center font-semibold;height:2.5rem;border-width:2px;border-style:solid;line-height:normal;white-space:nowrap;cursor:pointer}.krz-btn:active{transform:translateY(1px)}.krz-btn-primary{@apply bg-primary-50 hover:bg-primary-70 text-white-30 border-primary-50 hover:border-primary-70}.krz-btn-primary.krz-active{@apply bg-primary-70 border-primary-70}.krz-btn-secondary{@apply bg-white-30 hover:bg-primary-50 text-primary-50 hover:text-white-30 border-primary-50}.krz-btn-secondary.krz-active{@apply bg-primary-50 text-white-30}.krz-btn-tertiary{@apply bg-white-30 hover:bg-grey-40 text-grey-60 hover:text-white-30 border-grey-40}.krz-btn-tertiary.krz-active{@apply bg-grey-40 text-white-30}.krz-btn-primary-ghost{@apply bg-transparent hover:bg-primary-50 border-transparent text-primary-50 hover:text-white-30}.krz-btn-primary-ghost.krz-active{@apply bg-primary-50/20 hover:bg-primary-50 hover:text-white-30}.krz-btn-danger{@apply bg-error-30 hover:bg-error-40 text-white-30 border-error-30 hover:border-error-40}.krz-btn-danger.krz-active{@apply bg-error-40 border-error-40}.krz-btn-ghost{@apply bg-transparent hover:bg-grey-light-20 border-transparent text-black-10}.krz-btn-ghost.krz-active{@apply bg-grey-light-20}.krz-btn-white-ghost{@apply bg-transparent hover:bg-grey-light-20/20 border-transparent text-white-30}.krz-btn-white-ghost.krz-active{@apply bg-grey-light-20/20}.krz-btn-icon-only{height:2.5rem;width:2.5rem;min-width:2.5rem;@apply rounded p-0 flex items-center justify-center}.krz-btn-icon-only [class*=fa]{font-size:1rem;margin-top:2px}.krz-btn-icon-only-sm{height:2rem;width:2rem;min-width:2rem}.krz-btn:not(.krz-btn-icon-only) [class*=fa]{font-size:.9rem;@apply mr-2}.krz-btn-group{@apply flex m-2}.krz-btn-group .krz-btn{@apply m-0}.krz-avatar{@apply object-cover rounded-full text-2md font-semibold}.krz-avatar-initials{@apply flex items-center justify-center bg-white-30 text-primary-50 border border-dashed border-grey-20}.krz-avatar.krz-inactive{@apply bg-grey-50 text-white-30 border-hidden}.krz-avatar:not(.krz-avatar-sm):not(.krz-avatar-lg):not(.krz-avatar-2lg){@apply w-11 h-11 min-w-[3.5rem]}.krz-avatar-sm{@apply w-9 h-9 min-w-[2.5rem]}.krz-avatar-lg{@apply w-14 h-14 min-w-[5rem]}.krz-avatar-2lg{@apply w-[7rem] h-[7rem] min-w-[7rem]}.krz-avatar-group{@apply flex items-center}.krz-avatar-group .krz-avatar{@apply ring-white-10 ring -mx-2}.toast-bottom-right{right:12px;bottom:12px}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff;margin-bottom:20px}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px)and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px)and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}.krz-toastr{width:380px;@apply mt-2 p-4 flex justify-between items-center rounded}.krz-toastr img{@apply w-6 h-6}.krz-toastr .krz-toastr-message{@apply mx-2 w-full}.krz-form-field{@apply flex flex-col mb-4 relative w-full}.krz-form-field label{@apply pl-4 text-grey-50 transition-transform cursor-text left-0 absolute flex items-center justify-center;top:.915rem}.krz-form-field label [class*=fa]{@apply mr-1}.krz-form-field select,.krz-form-field input,.krz-form-field textarea{@apply transition text-md outline-none border-grey-light-40 border px-4 pt-4 pb-0 rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none disabled:opacity-75;height:3.333rem}.krz-form-field select::placeholder,.krz-form-field input::placeholder,.krz-form-field textarea::placeholder{@apply text-transparent opacity-100}.krz-form-field select :-ms-input-placeholder,.krz-form-field input :-ms-input-placeholder,.krz-form-field textarea :-ms-input-placeholder{@apply text-transparent}.krz-form-field select ::-ms-input-placeholder,.krz-form-field input ::-ms-input-placeholder,.krz-form-field textarea ::-ms-input-placeholder{@apply text-transparent}.krz-form-field select:focus~label,.krz-form-field select:not(:placeholder-shown)~label,.krz-form-field input:focus~label,.krz-form-field input:not(:placeholder-shown)~label,.krz-form-field textarea:focus~label,.krz-form-field textarea:not(:placeholder-shown)~label{transform:translateY(-0.8rem);@apply text-sm}.krz-form-field textarea{resize:none;@apply h-[7rem]}.krz-form-field .krz-fieldset-feedbacks{@apply flex justify-between}.krz-form-field-no-label label{display:none}.krz-form-field-no-label select,.krz-form-field-no-label input,.krz-form-field-no-label textarea{height:2.5rem;@apply p-3}.krz-form-field-no-label select::placeholder,.krz-form-field-no-label input::placeholder,.krz-form-field-no-label textarea::placeholder{@apply text-grey-50}.krz-form-field-no-label select :-ms-input-placeholder,.krz-form-field-no-label input :-ms-input-placeholder,.krz-form-field-no-label textarea :-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label select ::-ms-input-placeholder,.krz-form-field-no-label input ::-ms-input-placeholder,.krz-form-field-no-label textarea ::-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label .ng-select .ng-select-container{height:2.5rem !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container{height:2.5rem}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-arrow-wrapper{@apply h-fit}.krz-form-field-no-border select,.krz-form-field-no-border input,.krz-form-field-no-border textarea{@apply border-transparent hover:border-grey-light-40 focus:border-primary-50}.krz-fieldset-error span.krz-error-feedback{@apply text-error-40 pl-4 block text-base}.krz-fieldset-error input,.krz-fieldset-error textarea{@apply border-error-40 focus:border-error-40}.krz-fieldset-error .ng-select.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.krz-check{@apply flex flex-row items-center mb-1}.krz-check label{@apply text-black-30 cursor-pointer}.krz-check input:not(.krz-switch)[type=checkbox],.krz-check input:not(.krz-switch)[type=radio]{@apply mr-2 h-4 w-4 border border-grey-light-40 cursor-pointer relative overflow-hidden appearance-none transition-colors}.krz-check input:not(.krz-switch)[type=checkbox]:checked,.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-primary-50}.krz-check input:not(.krz-switch)[type=checkbox]{@apply rounded-sm bg-no-repeat bg-center bg-white-30;background-size:.8rem}.krz-check input:not(.krz-switch)[type=checkbox]:checked{@apply bg-primary-50;background-image:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41538 9.8036L0.190373 5.44535C-0.0634576 5.18351 -0.0634576 4.75898 0.190373 4.49711L1.10959 3.54888C1.36342 3.28702 1.775 3.28702 2.02883 3.54888L4.875 6.48478L10.9712 0.196377C11.225 -0.0654589 11.6366 -0.0654589 11.8904 0.196377L12.8096 1.14461C13.0635 1.40645 13.0635 1.83098 12.8096 2.09285L5.33462 9.80363C5.08076 10.0655 4.66921 10.0655 4.41538 9.8036Z' fill='white'/%3E%3C/svg%3E")}.krz-check input:not(.krz-switch)[type=radio]{@apply rounded-full;background-size:.8rem}.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-4}.krz-check .krz-switch[type=checkbox]{@apply appearance-none relative h-4 w-8 mr-2}.krz-check .krz-switch[type=checkbox]::before{@apply absolute bg-grey-40 block mr-2 h-4 w-8 rounded-lg cursor-pointer;content:""}.krz-check .krz-switch[type=checkbox]::after{@apply absolute bg-white-30 block rounded-full cursor-pointer;content:"";height:calc(1rem - 4px);width:calc(1rem - 4px);left:2px;top:2px;transition:.3s}.krz-check .krz-switch[type=checkbox]:active:after{width:1.2rem}.krz-check .krz-switch[type=checkbox]:checked:before{@apply bg-primary-50}.krz-check .krz-switch[type=checkbox]:checked:after{left:calc(100% - 2px);transform:translateX(-100%)}.krz-check-disabled{@apply opacity-75 pointer-events-none}.ng-select{border:0px;min-height:0px;border-radius:0}.ng-select:not(.ng-select-multiple) .ng-select-container .ng-value{margin-top:1rem;margin-left:.3rem}.ng-select .ng-select-container{@apply text-md border-grey-light-40 border rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none;outline:none}.ng-select .ng-select-container input{height:unset}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{@apply top-5 pl-4}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input{@apply text-md}.ng-select.ng-select-opened~label,.ng-select.ng-select-focused~label,.ng-select.ng-select-filtered~label,.ng-select:has(.ng-has-value)~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-has-value~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-opened>.ng-select-container{@apply border-primary-50}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{box-shadow:none}.ng-select.ng-invalid.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.ng-select .ng-dropdown-panel.ng-select-bottom{@apply border-primary-50}.ng-select .ng-clear-wrapper:hover .ng-clear{@apply text-error-20}.ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(180deg)}.ng-select .ng-arrow-wrapper{@apply bg-no-repeat bg-center h-8 w-8 p-0;background-size:.8rem;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.53366 6.98512L0.193175 1.8517C-0.0643917 1.60412 -0.0643917 1.20273 0.193175 0.955181L0.816056 0.356454C1.07318 0.109298 1.48991 0.108822 1.74764 0.355397L6.00001 4.42372L10.2524 0.355398C10.5101 0.108823 10.9268 0.109298 11.1839 0.356454L11.8068 0.955182C12.0644 1.20276 12.0644 1.60415 11.8068 1.8517L6.46634 6.98509C6.2088 7.23267 5.79122 7.23267 5.53366 6.98512Z' fill='%234C4C4C'/%3E%3C/svg%3E")}.ng-select .ng-arrow-wrapper .ng-arrow{border:none}.ng-select .ng-option:hover,.ng-select .ng-option-marked{background-color:rgb(var(--primary-10)/0.2) !important}.ng-select .ng-option-selected{background-color:rgb(var(--primary-10)/0.5) !important}.ng-select.ng-select-disabled>.ng-select-container{@apply bg-grey-light-10 pointer-events-none opacity-75}.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:-webkit-box;display:flex;margin-right:5px;margin-bottom:5px;height:1.4rem;@apply flex rounded text-black-40 border-grey-light-30 border text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0 5px;max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3rem;@apply text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{transition:all .3s ease;@apply flex items-center justify-center hover:text-error-20}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{padding-right:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.krz-tabs{@apply mb-4;display:flex}.krz-tab-item{@apply px-0 pt-2 transition-colors text-md text-grey-50 hover:text-black-20 font-semibold relative flex items-center;padding-bottom:.8rem;cursor:pointer;text-align:center}.krz-tab-item:not(:first-child){@apply ml-5}.krz-tab-item:not(:last-child){@apply mr-5}.krz-tab-item.krz-tab-item::after{@apply opacity-0}.krz-tab-item:hover::after{@apply bg-black-20 opacity-100}.krz-tab-item [class*=fa]{font-size:.9rem;margin-top:2px;@apply mr-2}.krz-tab-item.krz-active{@apply hover:text-primary-50 text-black-30}.krz-tab-item.krz-active.krz-tab-item::after{@apply bg-primary-50;@apply opacity-100}.krz-tab-item::after{@apply bg-grey-50 transition rounded;content:"";left:0;bottom:0;position:absolute;display:block;width:100%;height:.25rem}.krz-breadcrumbs{@apply text-grey-50 font-semibold items-center opacity-75 hidden sm:flex}.krz-breadcrumbs i{font-size:.6rem}.krz-breadcrumbs p{@apply text-2md}.krz-breadcrumbs p:not(p:last-child)::after{content:"";font-family:var(--fa-style-family, "Font Awesome 6 Pro");@apply mx-2 text-sm}.krz-breadcrumbs p:last-child{@apply text-black-50 opacity-100}.krz-badge{@apply text-white-30 rounded font-semibold border w-fit;padding:0 .769rem}.krz-badge-primary{@apply bg-primary-50 border-primary-50}.krz-badge-primary-outline{@apply text-primary-50 bg-white-30}.krz-badge-primary-light-bg{@apply text-black-20 border-primary-50 bg-primary-50 bg-opacity-10}.krz-badge-secondary{@apply bg-grey-50 border-grey-50}.krz-badge-secondary-outline{@apply text-grey-50 bg-white-30}.krz-badge-secondary-light-bg{@apply text-black-20 border-grey-50 bg-grey-50 bg-opacity-10}.krz-badge-info{@apply bg-primary-20 border-primary-20}.krz-badge-info-outline{@apply text-primary-20 bg-white-30}.krz-badge-info-light-bg{@apply text-black-20 border-primary-20 bg-primary-20 bg-opacity-10}.krz-badge-success{@apply bg-success-10 border-success-10}.krz-badge-success-outline{@apply text-success-10 bg-white-30 border-success-10}.krz-badge-success-light-bg{@apply text-black-20 border-success-10 bg-success-10 bg-opacity-10}.krz-badge-warning{@apply bg-warning-10 border-warning-10}.krz-badge-warning-outline{@apply text-warning-10 bg-white-30 border-warning-10}.krz-badge-warning-light-bg{@apply text-black-20 border-warning-10 bg-warning-10 bg-opacity-10}.krz-badge-error{@apply bg-error-20 border-error-20}.krz-badge-error-outline{@apply text-error-20 bg-white-30 border-error-20}.krz-badge-error-light-bg{@apply text-black-20 border-error-20 bg-error-20 bg-opacity-10}.krz-badge-purple{@apply bg-purple-10 border-purple-10}.krz-badge-purple-outline{@apply text-purple-10 bg-white-30 border-purple-10}.krz-badge-purple-light-bg{@apply text-black-20 border-purple-10 bg-purple-10 bg-opacity-10}.krz-badge-yellow{@apply bg-yellow-10 border-yellow-10}.krz-badge-yellow-outline{@apply text-yellow-10 bg-white-30 border-yellow-10}.krz-badge-yellow-light-bg{@apply text-black-20 border-yellow-10 bg-yellow-10 bg-opacity-10}.krz-badge .krz-signal{margin-bottom:1px}.krz-card{@apply rounded border-grey-light-40 border flex flex-col relative bg-white-30}.krz-card.krz-inactive{@apply bg-grey-light-20}.krz-card.krz-inactive .clickable{@apply hover:bg-grey-light-30}.krz-card:not(.krz-inactive) .clickable{@apply hover:bg-blue-light-10}.krz-card-image{@apply w-full rounded-tl rounded-tr;height:auto;object-fit:cover}.krz-card-header,.krz-card-footer{@apply px-4 py-2 border-grey-light-40 relative}.krz-card-header{@apply border-b rounded-tl rounded-tr}.krz-card-footer{@apply border-t rounded-bl rounded-br}.krz-card-body{@apply py-2 px-4}.krz-card .clickable{@apply cursor-pointer transition}.modal{--bs-modal-margin: 0.5rem;position:fixed;top:0;left:0;z-index:1055;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:all .3s ease-in-out}.modal.show .modal-dialog{transform:none}.modal-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.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-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1055;width:100vw;height:100vh;@apply bg-black-40 opacity-50}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem}.krz-modal-sm{max-width:400px;margin-right:auto;margin-left:auto}}@media(min-width: 676px){.krz-modal-md{max-width:600px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-lg{max-width:800px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-xl{max-width:calc(100vw - 10rem);margin-right:auto;margin-left:auto}}.popover{position:absolute;top:0;left:0 /* rtl:ignore */}.popover-arrow{position:absolute}.tooltip{position:absolute}.tooltip-arrow{position:absolute}.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: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--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:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=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-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .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-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=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-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .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{@apply bg-black-40 text-white-30 rounded;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);text-align:center}.dropdown,.dropdown-center{position:relative}.dropdown-menu{@apply bg-white-30 border border-grey-30 rounded;--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-border-radius: 0.375rem;--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #c6c6c6;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:1000;display:none;padding:0;margin:0;text-align:left;list-style:none;background-clip:padding-box;overflow:hidden}.dropdown-menu[data-bs-popper]{top:100%;left:0}.dropdown-item{@apply cursor-pointer;display:block;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{@apply bg-grey-light-10}.dropdown-item.active,.dropdown-item:active{@apply text-white-30 bg-black-20;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.krz-modal{@apply rounded overflow-hidden}.krz-modal.krz-modal-delete .krz-modal-header{@apply text-error-30}.krz-modal-header{@apply text-primary-50 bg-white-20 flex justify-between items-center px-6 py-4}.krz-modal-header [class*=fa]{font-size:1rem;@apply mr-4}.krz-modal-header h5{@apply text-xl uppercase flex items-center}.krz-modal-body{@apply bg-white-20 overflow-x-hidden overflow-y-auto px-6 py-4;max-height:calc(100vh - 9.75rem)}.krz-modal-footer{@apply bg-white-30 px-6 py-2 flex justify-end}@media(min-width: 576px){.krz-modal-body{max-height:calc(100vh - 13.875rem)}}.krz-table-wrapper{@apply border border-grey-30;overflow:auto}.krz-table-wrapper .krz-table{@apply w-full table-auto overflow-auto}.krz-table-wrapper .krz-table thead,.krz-table-wrapper .krz-table tbody{@apply w-full}.krz-table-wrapper .krz-table thead{@apply bg-blue-dark-20 border-b border-grey-30 sticky top-0;z-index:1}.krz-table-wrapper .krz-table thead th{@apply text-white-30;min-height:3.231rem}.krz-table-wrapper .krz-table tbody tr{@apply w-full bg-white-30}.krz-table-wrapper .krz-table tbody tr:not(:last-child){@apply border-b border-grey-30}.krz-table-wrapper .krz-table tbody tr td{@apply text-start;min-height:3.231rem}.krz-table-wrapper .krz-table tbody tr td:not(.krz-table-cell-fit-content){min-width:200px}.krz-table-wrapper .krz-table tbody tr td .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th,.krz-table-wrapper .krz-table td{@apply py-2 px-4 relative;word-break:break-all;text-align:left}.krz-table-wrapper .krz-table th{@apply text-start text-base font-semibold text-grey-50}.krz-table-wrapper .krz-table th .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th button{@apply m-0}.krz-table-cell-fit-content{width:1%;white-space:nowrap}.krz-table-wrapper.table-screen-max-heigth{max-height:calc(100vh - 10rem)}.krz-table-striped tbody tr:nth-child(even){background-color:rgb(var(--grey-light-10)/1) !important}.krz-signal{@apply inline-block mr-1 w-2 h-2 rounded-full;min-width:.5rem}.krz-pagination{display:flex}.pagination-items{@apply mx-1 px-3 py-1 text-black-20 rounded hover:bg-grey-light-10;transition:.2s}.pagination-arrow{@apply border border-grey-10}.currentPage{@apply bg-black-20 text-white-30 hover:bg-black-20}.krz-loading-overlay{@apply flex items-center justify-center;z-index:999999}.spinner-wrapper{@apply flex items-center justify-center}.spinner-wrapper img{@apply absolute ml-auto mr-auto left-0 right-0 text-center h-[80px] opacity-75}.loader{@apply w-[120px] h-[120px] rounded-full border-t-4 border-white-30 opacity-75;animation:spin .8s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.krz-input-group{@apply flex items-center w-full}.krz-input-group.no-label .krz-form-field label{display:none}.krz-input-group.no-label input{@apply p-3;height:2.5rem}.krz-input-group.no-label .krz-btn,.krz-input-group.no-label .krz-add-on{height:2.5rem}.krz-input-group:not(.no-label) input{height:3.333rem}.krz-input-group:not(.no-label) .krz-btn,.krz-input-group:not(.no-label) .krz-add-on{height:3.333rem}.krz-input-group .krz-form-field{@apply m-0}.krz-input-group .krz-form-field:not(:first-child) input{@apply rounded-tl-none rounded-bl-none border-l-0}.krz-input-group .krz-form-field:not(:last-child) input{@apply rounded-tr-none rounded-br-none border-r-0}.krz-input-group .krz-btn:first-child,.krz-input-group .krz-add-on:first-child{@apply rounded-tr-none rounded-br-none}.krz-input-group .krz-btn:last-child,.krz-input-group .krz-add-on:last-child{@apply rounded-tl-none rounded-bl-none}.krz-input-group .krz-btn:not(:first-child):not(:last-child),.krz-input-group .krz-add-on:not(:first-child):not(:last-child){@apply rounded-none}.krz-input-group .krz-add-on{@apply border border-grey-light-40 rounded px-4 flex items-center bg-white-30 whitespace-nowrap}.krz-alert{@apply bg-error-30/20 rounded text-error-40 p-4}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgb(var(--grey-50)/1)}.ng-select.ng-select-single .ng-select-container{height:3.333rem}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:.915rem;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:1.154rem;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:rgb(var(--black-30)/1)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.dropdown-item [class*=fa]{font-size:.7rem}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.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.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel:hover .carousel-control-prev{background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%)}.carousel:hover .carousel-control-next{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%)}.carousel-control-prev,.carousel-control-next{position:absolute;transition:all .3s ease;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;border:0;opacity:.8;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:1}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-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 width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M106.598 2.37997L127.266 23.1734C128.853 24.7601 129.646 26.639 129.646 28.8102C129.646 30.9814 128.853 32.8603 127.266 34.447L60.7519 100.961L127.266 167.475C128.853 169.062 129.646 170.94 129.646 173.112C129.646 175.283 128.853 177.162 127.266 178.748L106.598 199.542C105.011 201.129 103.111 201.922 100.898 201.922C98.6853 201.922 96.7855 201.129 95.1989 199.542L2.37997 106.598C0.79332 105.011 -4.31824e-06 103.132 -4.41314e-06 100.961C-4.50805e-06 98.7897 0.79332 96.9108 2.37997 95.3242L95.1989 2.37997C96.7855 0.79332 98.6853 -4.37328e-06 100.898 -4.47001e-06C103.111 -4.56674e-06 105.011 0.793319 106.598 2.37997Z' fill='white'/%3E%3C/svg%3E%0A")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3Csvg width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0482 199.542L2.37997 178.748C0.793321 177.162 -2.55076e-06 175.283 -2.45585e-06 173.112C-2.36095e-06 170.94 0.793322 169.062 2.37997 167.475L68.8939 100.961L2.37998 34.447C0.793328 32.8603 3.75686e-06 30.9814 3.85176e-06 28.8102C3.94667e-06 26.639 0.793328 24.7601 2.37998 23.1734L23.0482 2.37997C24.6348 0.79332 26.5346 -4.50714e-06 28.7476 -4.41041e-06C30.9605 -4.31367e-06 32.8603 0.79332 34.447 2.37997L127.266 95.3242C128.853 96.9108 129.646 98.7897 129.646 100.961C129.646 103.132 128.853 105.011 127.266 106.598L34.447 199.542C32.8603 201.129 30.9605 201.922 28.7476 201.922C26.5346 201.922 24.6348 201.129 23.0482 199.542Z' fill='white'/%3E%3C/svg%3E%0A")}.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%}.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 rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);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}hr{@apply my-6 border-grey-light-40}.sidebar{@apply bg-blue-dark-50 text-white-30 flex flex-col h-full whitespace-nowrap relative select-none z-40;transition:all .3s ease}.sidebar header .krz-avatar,.sidebar footer .krz-avatar{@apply mr-3}.sidebar header{@apply px-4 flex items-center relative h-[4rem] min-h-[4rem] max-h-[4rem]}.sidebar header .close-btn{@apply absolute right-2 top-[0.75rem] h-[2.5rem] w-[2.5rem] items-center justify-center flex sm:hidden}.sidebar footer{@apply relative border-t border-primary-50 flex flex-col}.sidebar footer .nav-links{@apply mt-0}.sidebar footer .nav-links li{@apply p-0}.sidebar footer .nav-links li a{@apply rounded-none}.sidebar footer .nav-links li a .item-icon{@apply block}.sidebar .nav-links{@apply mt-6;flex-grow:2}.sidebar .nav-links li{@apply cursor-pointer transition-colors px-3 py-1}.sidebar .nav-links li a{@apply relative p-2 rounded flex items-center w-full cursor-pointer hover:bg-blue-dark-40 text-white-30/80;min-height:2.5rem;white-space:nowrap}.sidebar .nav-links li a span.item-label{@apply border-l-2 border-transparent}.sidebar .nav-links li a::after{@apply absolute bg-primary-50 rounded hidden;content:"";top:8px;left:0;width:2px;height:calc(100% - 16px)}.sidebar .nav-links li .item-icon{@apply mr-2}.sidebar .nav-links li span+[class*=fa]{@apply ml-auto w-fit;font-size:.7rem}.sidebar .nav-links li .sub-menu{@apply bg-blue-dark-60 sm:absolute sm:left-full sm:h-full w-full sm:w-0 py-3;top:0}.sidebar .nav-links li .sub-menu-opened{@apply w-full sm:w-[14.5rem]}.sidebar .nav-links li .sub-menu-closed{pointer-events:none;overflow:hidden}.sidebar .nav-links li .sub-menu a{padding-left:.75rem !important;padding-right:.75rem !important;padding-top:.5rem !important;padding-bottom:.5rem !important}.sidebar-opened{@apply w-full sm:w-[14.5rem] fixed sm:relative}.sidebar-collapsed{@apply absolute sm:relative w-full sm:w-[4.5rem] translate-x-[-100%] sm:translate-x-0}.sidebar-collapsed header .close-btn{left:calc(100% + 1rem)}.sidebar-collapsed header .title,.sidebar-collapsed footer .username,.sidebar-collapsed footer [class*=fa]{display:none}.sidebar-collapsed .nav-links li a.item-active{display:flex}.sidebar-collapsed .nav-links li span.item-label{display:none}.sidebar-collapsed .nav-links li span.item-label+[class*=fa]{position:absolute;right:4px}.sidebar-collapsed .nav-links li a:not(.sub-menu-item){justify-content:center}.sidebar-collapsed .nav-links li [class*=fa]{@apply mr-0}.active-styles,.sidebar .nav-links li a.item-active,.sidebar .nav-links li .sub-menu a.item-active,.sidebar-collapsed .nav-links li a.item-active{border-left-color:rgb(var(--primary-50)/1) !important;background-color:rgb(var(--blue-dark-40)/1) !important;color:rgb(var(--white-30)/1) !important}.active-styles::after,.sidebar .nav-links li a.item-active::after,.sidebar .nav-links li .sub-menu a.item-active::after,.sidebar-collapsed .nav-links li a.item-active::after{display:block !important}footer .main-content{@apply flex items-center w-full px-4 py-2 cursor-pointer}footer .main-content [class*=fa]{@apply ml-auto w-fit}footer .main-content .krz-avatar{font-size:1rem !important}footer .main-content .username{@apply mr-2}footer .aditional-content{@apply bg-blue-dark-60}footer .aditional-content-closed{display:none}footer .aditional-content-opened{display:block}footer .aditional-content li a{padding-left:1rem !important;padding-right:1rem !important}@media(min-width: 640px){.sidebar-opened .nav-links ::ng-deep .tooltip{display:none}}@media(max-width: 640px){.sidebar-opened .nav-links li .sub-menu-closed{display:none}.sidebar-opened .nav-links li .sub-menu-opened{display:block}}.bs-tooltip-end .tooltip-arrow::before{border-right-color:#000}.collapse.show{visibility:visible}.krz-collapse{@apply rounded border-grey-light-40 border flex flex-col relative bg-white-30 mb-4}.krz-collapse-header{height:3.333rem;min-height:3.333rem;@apply flex items-center justify-between px-4 font-semibold pr-11}.krz-collapse-header [class*=fa]{@apply transition}.krz-collapse-header[aria-expanded=true] [class*=fa-chevron]{transform:rotate(180deg)}.krz-collapse-item{@apply px-4 py-2 cursor-pointer hover:bg-grey-light-20 transition}.krz-collapse-item-active{@apply text-primary-50}.krz-collapse-disabled{@apply pointer-events-none opacity-60}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}.krz-grid-one-line{@apply grid gap-4;grid-template-columns:1fr}.card-structure{@apply gap-4 grid}@media(min-width: 1024px){.krz-grid-one-line .card-structure{grid-template-columns:16rem 1fr min-content}}.card-data-grid{@apply grid gap-4 w-full;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}.card-wrapper .actions{@apply absolute}.card-wrapper:not(.has-header) .actions{@apply lg:flex lg:items-center lg:justify-center absolute right-2 lg:h-full}.card-wrapper.has-header .actions{@apply top-2 right-2}@media(max-width: 1024px){.actions{@apply top-2 right-2}}@media(min-width: 1024px){.card-structure{@apply pr-10}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kruzer/styles",
3
- "version": "1.3.4",
3
+ "version": "1.3.6",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist/styles.min.scss",