/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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/layer-order.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************/
@layer css-variables, design-system, primeng;

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/gridstack/dist/gridstack.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/gridstack/dist/gridstack-extra.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/primeng/resources/primeng.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}}@layer primeng{.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-button-group .p-button{margin:0}.p-button-group .p-button:focus,.p-button-group p-button:focus .p-button,.p-buttonset .p-button:focus,.p-buttonset .p-button:focus,.p-buttonset p-button:focus .p-button,.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-group .p-button:not(:last-child),.p-button-group .p-button:not(:last-child):hover,.p-button-group p-button:not(:last-child) .p-button,.p-button-group p-button:not(:last-child) .p-button:hover,.p-buttonset .p-button:not(:last-child),.p-buttonset .p-button:not(:last-child):hover,.p-buttonset p-button:not(:last-child) .p-button,.p-buttonset p-button:not(:last-child) .p-button:hover{border-right:0 none}.p-button-group .p-button:not(:first-of-type):not(:last-of-type),.p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,.p-buttonset .p-button:not(:first-of-type):not(:last-of-type),.p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button{border-radius:0}.p-button-group .p-button:first-of-type:not(:only-of-type),.p-button-group p-button:first-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:first-of-type:not(:only-of-type),.p-buttonset p-button:first-of-type:not(:only-of-type) .p-button{border-top-right-radius:0;border-bottom-right-radius:0}.p-button-group .p-button:last-of-type:not(:only-of-type),.p-button-group p-button:last-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:last-of-type:not(:only-of-type),.p-buttonset p-button:last-of-type:not(:only-of-type) .p-button{border-top-left-radius:0;border-bottom-left-radius:0}p-button[iconpos='right'] spinnericon{order:1}}@layer primeng{.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.febf5f041e83bfbe.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.de26927932756490.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}}@layer primeng{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer primeng{.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password .p-icon{cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer primeng{.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}}@layer primeng{.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{scale:2;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.8ca441e178bfb872.eot');
    src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@prevsis/design-system/assets/main.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@layer design-system {
  /* ===========================================
     BASE GLOBAL
  =========================================== */
  html {
    box-sizing: border-box;
  }

  a {
    color: var(--surface-card);
    text-decoration: none;
  }
  a:hover, a:active, a:focus, a:focus-within {
    color: var(--text-color);
    text-decoration: underline;
  }

  html,
body,
app-root {
    height: 100vh;
    /* Fallback */
    height: 100dvh;
    /* Modern browsers */
    width: 100%;
    min-width: 320px;
  }

  html,
body,
app-root,
p,
fieldset {
    padding: 0;
    margin: 0;
    border: none;
  }

  fieldset {
    display: contents;
  }

  app-root {
    display: block;
    position: relative;
    overflow: hidden auto;
    background-color: var(--surface-ground);
  }

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

  /* ===========================================
     SCROLLBARS
  =========================================== */
  *::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
  }

  *::-webkit-scrollbar-track {
    border-radius: var(--border-radius);
    background-color: var(--scrollbar-track);
  }

  *::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background-color: var(--scrollbar-thumb);
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }

  /* ===========================================
     VIEWPORT FIX
  =========================================== */
  .viewport {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .viewport video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .viewport canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  /* Inputs */
  .p-inputtextarea,
.p-inputtext,
.p-calendar,
.p-dropdown,
.p-multiselect,
p-inputnumber,
.p-inputnumber {
    width: 100%;
  }

  /* ===========================================
     TREETABLE + VARIOS
  =========================================== */
  .p-tree {
    border: unset;
    background: unset;
    color: unset;
    padding: unset;
    border-radius: unset;
  }

  .p-treenode-label {
    width: 100%;
  }

  .p-component {
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .p-treenode-content {
    border-radius: var(--border-radius);
    padding: 0;
    margin-bottom: 0.2rem;
  }

  /* ===========================================
     TABS
  =========================================== */
  .p-tabmenu {
    background: var(--surface-card);
    border: none;
    position: relative;
  }

  .p-tabmenu .p-tabmenu-nav {
    background: var(--surface-card);
    border: none;
  }

  .p-tabmenu .p-tabmenu-nav li {
    background: var(--surface-card);
    border: none;
  }

  .p-tabmenu .p-tabmenu-nav li a {
    color: var(--text-color);
    padding: 0.75rem 0.8rem;
  }

  .p-tabmenu .p-tabmenu-nav li.p-highlight {
    border-bottom: 3px solid var(--primary-color);
  }

  .p-tabmenu .p-tabmenu-nav li.p-highlight a {
    color: var(--primary-color);
  }

  /* ===========================================
     MENÚS, CHECKBOX
  =========================================== */
  .p-menu-list {
    padding: 0.25rem;
  }

  .p-menuitem-link {
    background-color: var(--surface-overlay);
    padding: 0.75rem;
  }

  .p-menuitem-link:hover {
    background-color: var(--surface-hover);
    border-radius: 0.25rem;
  }

  .p-checkbox-label {
    line-height: 1.2;
  }

  /* ****************** Botón Acciones Corectivas *********************************** */
  .action-corrective-btn .p-button {
    background: transparent;
    border: none;
    padding: 0.5rem;
    box-shadow: none;
    color: inherit;
  }

  .action-corrective-btn .p-button:hover {
    background: var(--highlight-bg);
    padding: 0.5rem;
  }

  /* ===========================================
     DROPDOWN ELLIPSIS
  =========================================== */
  /* Texto dentro de los ítems (dropdown + multiselect) */
  .p-dropdown-panel .p-dropdown-item > span,
.p-multiselect-panel .p-multiselect-item > span,
.p-multiselect-panel .p-multiselect-item label {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  /* Texto visible del dropdown cerrado con ellipsis */
  .p-dropdown .p-dropdown-label {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  /* Alineación de items */
  .p-dropdown-item,
.p-multiselect-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .p-dropdown-item > span,
.p-multiselect-item > span,
.p-multiselect-item > label {
    flex: 1 1 auto;
    min-width: 0;
  }

  .p-progress-spinner {
    line-height: 0;
  }

  /**
   * Basic typography style for copy text
   */
  body {
    font-weight: normal;
    font-style: normal;
    color: var(--text-color);
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  [data-theme] {
    color: var(--text-color);
  }
  [data-theme] .alternative {
    color: var(--text-secondary-color);
  }

  p {
    margin-bottom: 1rem;
  }

  h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-style: normal;
    color: var(--text-secondary-color);
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  h1,
h2,
h3 {
    font-weight: 600;
  }

  h4 {
    font-weight: 500;
  }

  h5,
h6 {
    font-weight: 400;
  }

  h1 {
    font-size: var(--h1-size);
  }

  h2 {
    font-size: var(--h2-size);
  }

  h3 {
    font-size: var(--h3-size);
  }

  h4 {
    font-size: var(--h4-size);
  }

  h5 {
    font-size: var(--h5-size);
  }

  h6 {
    font-size: var(--h6-size);
  }

  small,
.text_small {
    font-size: 0.6rem;
  }

  .semi-bold {
    font-weight: 500;
  }

  .bold {
    font-weight: 600;
  }

  .encabezado {
    padding: 1rem 1rem;
  }

  .grid-container-fluid {
    width: 100%;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .grid-container {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  @media only screen and (min-width: 577px) {
    .grid-container {
      width: 100%;
      margin: 0 auto;
      max-width: 540px;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media only screen and (min-width: 769px) {
    .grid-container {
      width: 100%;
      margin: 0 auto;
      max-width: 720px;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media only screen and (min-width: 993px) {
    .grid-container {
      width: 100%;
      margin: 0 auto;
      max-width: 960px;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media only screen and (min-width: 1201px) {
    .grid-container {
      width: 100%;
      margin: 0 auto;
      max-width: 1140px;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  .grid-row {
    box-sizing: border-box;
    margin: 0 auto;
    width: calc(100% + 1rem);
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .grid-row.reverse {
    flex-direction: row-reverse;
  }

  .grid-row.natural-height {
    align-items: flex-start;
  }

  .grid-row.flex-column {
    flex-direction: column;
  }

  .grid-col {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .grid-col.reverse {
    flex-direction: column-reverse;
  }

  .first {
    order: -1;
  }

  .last {
    order: 1;
  }

  .align-start {
    align-self: flex-start;
  }

  .align-end {
    align-self: flex-end;
  }

  .align-center {
    align-self: center;
  }

  .align-baseline {
    align-self: baseline;
  }

  .align-stretch {
    align-self: stretch;
  }

  .grid-col-xs {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .grid-col-xs-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-col-xs-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-col-xs-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

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

  .grid-col-xs-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-col-xs-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-col-xs-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

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

  .grid-col-xs-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-col-xs-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-col-xs-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

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

  .grid-col-xs-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-col-xs-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-col-xs-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
  }

  .grid-col-xs-offset-12 {
    margin-left: 100%;
  }

  .grid-row.start-xs {
    justify-content: flex-start;
  }

  .grid-row.center-xs {
    justify-content: center;
  }

  .grid-row.end-xs {
    justify-content: flex-end;
  }

  .grid-row.top-xs {
    align-items: flex-start;
  }

  .grid-row.middle-xs {
    align-items: center;
  }

  .grid-row.bottom-xs {
    align-items: flex-end;
  }

  .grid-row.around-xs {
    justify-content: space-around;
  }

  .grid-row.between-xs {
    justify-content: space-between;
  }

  .first-xs {
    order: -1;
  }

  .last-xs {
    order: 1;
  }

  @media only screen and (min-width: 577px) {
    .grid-col-sm {
      box-sizing: border-box;
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }

    .grid-col-sm-1 {
      box-sizing: border-box;
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-1 {
      margin-left: 8.3333333333%;
    }

    .grid-col-sm-2 {
      box-sizing: border-box;
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-2 {
      margin-left: 16.6666666667%;
    }

    .grid-col-sm-3 {
      box-sizing: border-box;
      flex-basis: 25%;
      max-width: 25%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-sm-4 {
      box-sizing: border-box;
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-4 {
      margin-left: 33.3333333333%;
    }

    .grid-col-sm-5 {
      box-sizing: border-box;
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-5 {
      margin-left: 41.6666666667%;
    }

    .grid-col-sm-6 {
      box-sizing: border-box;
      flex-basis: 50%;
      max-width: 50%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-sm-7 {
      box-sizing: border-box;
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-7 {
      margin-left: 58.3333333333%;
    }

    .grid-col-sm-8 {
      box-sizing: border-box;
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-8 {
      margin-left: 66.6666666667%;
    }

    .grid-col-sm-9 {
      box-sizing: border-box;
      flex-basis: 75%;
      max-width: 75%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-sm-10 {
      box-sizing: border-box;
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-10 {
      margin-left: 83.3333333333%;
    }

    .grid-col-sm-11 {
      box-sizing: border-box;
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-11 {
      margin-left: 91.6666666667%;
    }

    .grid-col-sm-12 {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-sm-offset-12 {
      margin-left: 100%;
    }

    .grid-row.start-sm {
      justify-content: flex-start;
    }

    .grid-row.center-sm {
      justify-content: center;
    }

    .grid-row.end-sm {
      justify-content: flex-end;
    }

    .grid-row.top-sm {
      align-items: flex-start;
    }

    .grid-row.middle-sm {
      align-items: center;
    }

    .grid-row.bottom-sm {
      align-items: flex-end;
    }

    .grid-row.around-sm {
      justify-content: space-around;
    }

    .grid-row.between-sm {
      justify-content: space-between;
    }

    .first-sm {
      order: -1;
    }

    .last-sm {
      order: 1;
    }
  }
  @media only screen and (min-width: 769px) {
    .grid-col-md {
      box-sizing: border-box;
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }

    .grid-col-md-1 {
      box-sizing: border-box;
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-1 {
      margin-left: 8.3333333333%;
    }

    .grid-col-md-2 {
      box-sizing: border-box;
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-2 {
      margin-left: 16.6666666667%;
    }

    .grid-col-md-3 {
      box-sizing: border-box;
      flex-basis: 25%;
      max-width: 25%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-md-4 {
      box-sizing: border-box;
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-4 {
      margin-left: 33.3333333333%;
    }

    .grid-col-md-5 {
      box-sizing: border-box;
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-5 {
      margin-left: 41.6666666667%;
    }

    .grid-col-md-6 {
      box-sizing: border-box;
      flex-basis: 50%;
      max-width: 50%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-md-7 {
      box-sizing: border-box;
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-7 {
      margin-left: 58.3333333333%;
    }

    .grid-col-md-8 {
      box-sizing: border-box;
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-8 {
      margin-left: 66.6666666667%;
    }

    .grid-col-md-9 {
      box-sizing: border-box;
      flex-basis: 75%;
      max-width: 75%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-md-10 {
      box-sizing: border-box;
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-10 {
      margin-left: 83.3333333333%;
    }

    .grid-col-md-11 {
      box-sizing: border-box;
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-11 {
      margin-left: 91.6666666667%;
    }

    .grid-col-md-12 {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-md-offset-12 {
      margin-left: 100%;
    }

    .grid-row.start-md {
      justify-content: flex-start;
    }

    .grid-row.center-md {
      justify-content: center;
    }

    .grid-row.end-md {
      justify-content: flex-end;
    }

    .grid-row.top-md {
      align-items: flex-start;
    }

    .grid-row.middle-md {
      align-items: center;
    }

    .grid-row.bottom-md {
      align-items: flex-end;
    }

    .grid-row.around-md {
      justify-content: space-around;
    }

    .grid-row.between-md {
      justify-content: space-between;
    }

    .first-md {
      order: -1;
    }

    .last-md {
      order: 1;
    }
  }
  @media only screen and (min-width: 993px) {
    .grid-col-lg {
      box-sizing: border-box;
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }

    .grid-col-lg-1 {
      box-sizing: border-box;
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-1 {
      margin-left: 8.3333333333%;
    }

    .grid-col-lg-2 {
      box-sizing: border-box;
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-2 {
      margin-left: 16.6666666667%;
    }

    .grid-col-lg-3 {
      box-sizing: border-box;
      flex-basis: 25%;
      max-width: 25%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-lg-4 {
      box-sizing: border-box;
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-4 {
      margin-left: 33.3333333333%;
    }

    .grid-col-lg-5 {
      box-sizing: border-box;
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-5 {
      margin-left: 41.6666666667%;
    }

    .grid-col-lg-6 {
      box-sizing: border-box;
      flex-basis: 50%;
      max-width: 50%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-lg-7 {
      box-sizing: border-box;
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-7 {
      margin-left: 58.3333333333%;
    }

    .grid-col-lg-8 {
      box-sizing: border-box;
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-8 {
      margin-left: 66.6666666667%;
    }

    .grid-col-lg-9 {
      box-sizing: border-box;
      flex-basis: 75%;
      max-width: 75%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-lg-10 {
      box-sizing: border-box;
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-10 {
      margin-left: 83.3333333333%;
    }

    .grid-col-lg-11 {
      box-sizing: border-box;
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-11 {
      margin-left: 91.6666666667%;
    }

    .grid-col-lg-12 {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-lg-offset-12 {
      margin-left: 100%;
    }

    .grid-row.start-lg {
      justify-content: flex-start;
    }

    .grid-row.center-lg {
      justify-content: center;
    }

    .grid-row.end-lg {
      justify-content: flex-end;
    }

    .grid-row.top-lg {
      align-items: flex-start;
    }

    .grid-row.middle-lg {
      align-items: center;
    }

    .grid-row.bottom-lg {
      align-items: flex-end;
    }

    .grid-row.around-lg {
      justify-content: space-around;
    }

    .grid-row.between-lg {
      justify-content: space-between;
    }

    .first-lg {
      order: -1;
    }

    .last-lg {
      order: 1;
    }
  }
  @media only screen and (min-width: 1201px) {
    .grid-col-xl {
      box-sizing: border-box;
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
    }

    .grid-col-xl-1 {
      box-sizing: border-box;
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-1 {
      margin-left: 8.3333333333%;
    }

    .grid-col-xl-2 {
      box-sizing: border-box;
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-2 {
      margin-left: 16.6666666667%;
    }

    .grid-col-xl-3 {
      box-sizing: border-box;
      flex-basis: 25%;
      max-width: 25%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-xl-4 {
      box-sizing: border-box;
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-4 {
      margin-left: 33.3333333333%;
    }

    .grid-col-xl-5 {
      box-sizing: border-box;
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-5 {
      margin-left: 41.6666666667%;
    }

    .grid-col-xl-6 {
      box-sizing: border-box;
      flex-basis: 50%;
      max-width: 50%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-xl-7 {
      box-sizing: border-box;
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-7 {
      margin-left: 58.3333333333%;
    }

    .grid-col-xl-8 {
      box-sizing: border-box;
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-8 {
      margin-left: 66.6666666667%;
    }

    .grid-col-xl-9 {
      box-sizing: border-box;
      flex-basis: 75%;
      max-width: 75%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

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

    .grid-col-xl-10 {
      box-sizing: border-box;
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-10 {
      margin-left: 83.3333333333%;
    }

    .grid-col-xl-11 {
      box-sizing: border-box;
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-11 {
      margin-left: 91.6666666667%;
    }

    .grid-col-xl-12 {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 2rem;
    }

    .grid-col-xl-offset-12 {
      margin-left: 100%;
    }

    .grid-row.start-xl {
      justify-content: flex-start;
    }

    .grid-row.center-xl {
      justify-content: center;
    }

    .grid-row.end-xl {
      justify-content: flex-end;
    }

    .grid-row.top-xl {
      align-items: flex-start;
    }

    .grid-row.middle-xl {
      align-items: center;
    }

    .grid-row.bottom-xl {
      align-items: flex-end;
    }

    .grid-row.around-xl {
      justify-content: space-around;
    }

    .grid-row.between-xl {
      justify-content: space-between;
    }

    .first-xl {
      order: -1;
    }

    .last-xl {
      order: 1;
    }
  }
  .grid-col-gutter-lr {
    padding: 0 1rem;
  }

  .grid-col-no-gutter {
    padding: 0;
  }
  .grid-col-no-gutter .grid-row {
    margin: 0;
    width: 100%;
  }

  .grid-col-gutter-half {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.5rem;
  }

  .show {
    display: block !important;
  }

  .row.show {
    display: flex !important;
  }

  .hide {
    display: none !important;
  }

  .show-xs {
    display: block !important;
  }

  .row.show-xs {
    display: flex !important;
  }

  .hide-xs {
    display: none !important;
  }

  @media only screen and (max-width: 576px) {
    .show-xs-only {
      display: block !important;
    }

    .row.show-xs-only {
      display: flex !important;
    }

    .hide-xs-only {
      display: none !important;
    }
  }
  @media only screen and (min-width: 577px) {
    .show-sm {
      display: block !important;
    }

    .row.show-sm {
      display: flex !important;
    }

    .hide-sm {
      display: none !important;
    }
  }
  @media only screen and (min-width: 577px) and (max-width: 768px) {
    .show-sm-only {
      display: block !important;
    }

    .row.show-sm-only {
      display: flex !important;
    }

    .hide-sm-only {
      display: none !important;
    }
  }
  @media only screen and (min-width: 769px) {
    .show-md {
      display: block !important;
    }

    .row.show-md {
      display: flex !important;
    }

    .hide-md {
      display: none !important;
    }
  }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .show-md-only {
      display: block !important;
    }

    .row.show-md-only {
      display: flex !important;
    }

    .hide-md-only {
      display: none !important;
    }
  }
  @media only screen and (min-width: 993px) {
    .show-lg {
      display: block !important;
    }

    .row.show-lg {
      display: flex !important;
    }

    .hide-lg {
      display: none !important;
    }
  }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .show-lg-only {
      display: block !important;
    }

    .row.show-lg-only {
      display: flex !important;
    }

    .hide-lg-only {
      display: none !important;
    }
  }
  @media only screen and (min-width: 1201px) {
    .show-xl {
      display: block !important;
    }

    .row.show-xl {
      display: flex !important;
    }

    .hide-xl {
      display: none !important;
    }
  }
  .layout {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .layout > * {
    position: relative;
  }
  .layout-pasos {
    grid-area: pasos;
    gap: 1rem;
    display: grid;
    grid-template: "pasos elements" 1fr/2.5rem 1fr;
  }
  .layout-pasos.pasos-fijos {
    grid-template: "pasos elements" 1fr/16rem 1fr;
  }
  .layout-pasos.pasos-fijos .pasos {
    width: 16rem;
  }
  .layout-pasos.pasos-fijos .step-name {
    opacity: 1;
    height: 5rem;
  }
  .layout-pasos.pasos-fijos.mobile {
    grid-template: "elements" 1fr "pasos" 0/1fr;
    gap: 0;
  }
  .layout-pasos.pasos-fijos.mobile .wrapper-pasos {
    display: none;
    position: absolute;
  }
  .layout-pasos.pasos-fijos.mobile .wrapper-pasos.show-steps-mobile {
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 1rem;
    overflow-y: auto;
  }
  .layout-pasos.pasos-fijos.mobile .pasos {
    height: calc(100vh - 2rem);
    width: calc(100vw - 2rem);
    margin: 1rem;
  }
  .layout-pasos.sin-pasos {
    grid-template: "elements" 1fr/1fr;
  }
  .layout-pasos.sin-pasos .wrapper-pasos {
    display: none;
  }

  .main-container {
    grid-area: elements;
    width: 100%;
  }

  .pasos {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.5rem;
    background-color: var(--surface-overlay);
    border-radius: 0.5rem;
    padding: 0.5rem;
    height: 100%;
    transition: width 0.3s ease-in-out;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .pasos:hover {
    width: 16rem;
    pointer-events: all;
  }
  .pasos:hover:before {
    width: 16rem;
  }
  .pasos:hover .step-name {
    opacity: 1;
    height: 5rem;
  }
  .pasos .step {
    display: grid;
    grid-template: "number name" 1.5rem "conector-line name" 1fr/1.5rem 1fr;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 1rem;
    position: relative;
  }
  .pasos .step:last-child {
    margin-bottom: 0;
  }
  .pasos .step:not(:first-child):before {
    content: "";
    position: absolute;
    top: -1rem;
    left: calc(0.75rem - 1px);
    width: 2px;
    height: 1rem;
    background-color: var(--text-color);
  }
  .pasos .step-number {
    grid-area: number;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    border-radius: 50%;
    border: 2px solid var(--text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
  .pasos .step-number.dirty-form {
    border-color: var(--warning);
  }
  .pasos .step-name {
    grid-area: name;
    opacity: 0;
    height: 0;
    transition: opacity 0.3s ease-in, height 0.3s ease-in;
    overflow: hidden;
    text-overflow: clip;
  }
  .pasos .step-description {
    grid-area: description;
    color: var(--text-color);
    opacity: 0;
    height: 0;
    transition: height 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
  }
  .pasos .step.active .step-description {
    opacity: 1;
    height: 100%;
  }
  .pasos .step.active .step-number {
    border-color: var(--surface-card);
    border-width: 4px;
    color: var(--surface-card);
    font-weight: 700;
    line-height: 0.1;
  }
  .pasos .step.active:not(:first-child):before,
.pasos .conector-line.active {
    background-color: var(--surface-card);
    width: 4px;
    left: calc(0.75rem - 2px);
  }
  .pasos .conector-line {
    grid-area: conector-line;
    position: relative;
    width: 2px;
    height: 100%;
    transition: height 0.3s ease-in-out;
    background-color: var(--text-color);
    left: calc(0.75rem - 1px);
  }
  .pasos .nav-container {
    width: 100%;
  }

  .radio-group ul > li {
    height: unset;
    min-height: unset;
  }
  .radio-group input[type=radio] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .radio-group input[type=radio] + label {
    padding: 0.5rem;
    height: 2rem;
    transition: height 0.3s ease-in-out;
    width: 100%;
  }
  .radio-group input[type=radio]:checked + label {
    height: 10rem;
  }

  html {
    font-size: 14px;
  }

  @media screen and (max-width: 768px) and (hover: none) and (pointer: coarse) {
    html {
      font-size: 16px;
    }
  }
  hr {
    border: 1px solid var(--surface-ground);
  }
  hr.vertical {
    margin: 0;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 100%;
    width: 0;
  }
  hr.horizontal {
    margin: 0;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
    height: 0;
  }

  .bar {
    background: var(--surface-ground);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    min-height: 3rem;
    min-width: 3rem;
    box-shadow: var(--box-shadow);
  }
  .bar.horizontal {
    flex-direction: row;
    gap: 0.5rem;
    height: 3rem;
  }
  .bar.vertical {
    flex-direction: column;
    gap: 0.5rem;
    width: 3rem;
  }

  .gap05 {
    gap: 0.5rem;
  }

  .gap1 {
    gap: 1rem;
  }

  [required].ng-invalid.ng-touched input:not(.p-multiselect-filter):not(:disabled),
[required].ng-invalid.ng-touched textarea:not(:disabled),
[required].ng-invalid.ng-touched .editor:not(:disabled) {
    outline: 2px solid var(--danger);
    outline-offset: -1px;
    color: var(--text-color-secondary);
  }

  input[danger=true]:not(:disabled),
textarea[danger=true]:not(:disabled),
.editor[danger=true]:not(:disabled) {
    outline: 2px solid var(--danger);
  }

  input[warning=true]:not(:disabled),
textarea[warning=true]:not(:disabled),
.editor[warning=true]:not(:disabled) {
    border-color: var(--warning);
  }

  input[info=true]:not(:disabled),
textarea[info=true]:not(:disabled),
.editor[info=true]:not(:disabled) {
    border-color: var(--info);
  }

  input[success=true]:not(:disabled),
textarea[success=true]:not(:disabled),
.editor[success=true]:not(:disabled) {
    border-color: var(--success);
  }

  .editor {
    border-radius: var(--border-radius);
  }
  .editor.light {
    background-color: var(--surface-ground);
  }
  .editor.dark {
    background-color: var(--surface-section);
  }
  .editor.darker {
    background-color: var(--surface-section);
  }
  .editor.darkest {
    background-color: var(--surface-overlay);
  }

  .multiple-options .editor {
    border-color: transparent;
  }

  fieldset {
    padding: 0;
  }

  textarea {
    resize: none;
  }

  /**
   * Hide text while making it readable for screen readers
   * 1. Needed in WebKit-based browsers because of an implementation bug;
   *    See: https://code.google.com/p/chromium/issues/detail?id=457146
   */
  .hide-text {
    overflow: hidden;
    padding: 0;
    /* 1 */
    text-indent: 101%;
    white-space: nowrap;
  }

  /**
   * Hide element while making it readable for screen readers
   * Shamelessly borrowed from HTML5Boilerplate:
   * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
   */
  .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .full-width {
    width: 100%;
  }

  .full-height {
    height: 100%;
  }

  .p-a {
    position: absolute;
  }

  .p-r {
    position: relative;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .flex {
    display: flex;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .row-reverse {
    flex-direction: row-reverse;
  }

  .ai-f-s {
    align-items: flex-start;
  }

  .ai-c {
    align-items: center;
  }

  .ai-f-e {
    align-items: flex-end;
  }

  .ai-s {
    align-items: stretch;
  }

  .ai-s-b {
    align-items: space-between;
  }

  .ai-s-a {
    align-items: space-around;
  }

  .jc-f-s {
    justify-content: flex-start;
  }

  .jc-c {
    justify-content: center;
  }

  .jc-f-e {
    justify-content: flex-end;
  }

  .jc-s {
    justify-content: stretch;
  }

  .jc-s-b {
    justify-content: space-between;
  }

  .jc-s-a {
    justify-content: space-around;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-3 {
    flex: 3;
  }

  .flex-4 {
    flex: 4;
  }

  .flex-5 {
    flex: 5;
  }

  .flex-6 {
    flex: 6;
  }

  .flex-7 {
    flex: 7;
  }

  .flex-8 {
    flex: 8;
  }

  .flex-9 {
    flex: 9;
  }

  .flex-10 {
    flex: 10;
  }

  .flex-11 {
    flex: 11;
  }

  .flex-12 {
    flex: 12;
  }

  .gap025 {
    gap: 0.25rem;
  }

  .gap05 {
    gap: 0.5rem;
  }

  .gap1 {
    gap: 1rem;
  }

  .gap15 {
    gap: 1.5rem;
  }

  .gap2 {
    gap: 2rem;
  }

  .gap25 {
    gap: 2.5rem;
  }

  .gap3 {
    gap: 3rem;
  }

  .p025 {
    padding: 0.25rem;
  }

  .m025 {
    margin: 0.25rem;
  }

  .p05 {
    padding: 0.5rem;
  }

  .m05 {
    margin: 0.5rem;
  }

  .p1 {
    padding: 1rem;
  }

  .m1 {
    margin: 1rem;
  }

  .p15 {
    padding: 1.5rem;
  }

  .m15 {
    margin: 1.5rem;
  }

  .p2 {
    padding: 2rem;
  }

  .m2 {
    margin: 2rem;
  }

  .p25 {
    padding: 2.5rem;
  }

  .m25 {
    margin: 2.5rem;
  }

  .p3 {
    padding: 3rem;
  }

  .m3 {
    margin: 3rem;
  }

  .pt025 {
    padding-top: 0.25rem;
  }

  .mt025 {
    margin-top: 0.25rem;
  }

  .pt05 {
    padding-top: 0.5rem;
  }

  .mt05 {
    margin-top: 0.5rem;
  }

  .pt1 {
    padding-top: 1rem;
  }

  .mt1 {
    margin-top: 1rem;
  }

  .pt15 {
    padding-top: 1.5rem;
  }

  .mt15 {
    margin-top: 1.5rem;
  }

  .pt2 {
    padding-top: 2rem;
  }

  .mt2 {
    margin-top: 2rem;
  }

  .pt25 {
    padding-top: 2.5rem;
  }

  .mt25 {
    margin-top: 2.5rem;
  }

  .pt3 {
    padding-top: 3rem;
  }

  .mt3 {
    margin-top: 3rem;
  }

  .pb025 {
    padding-bottom: 0.25rem;
  }

  .mb025 {
    margin-bottom: 0.25rem;
  }

  .pb05 {
    padding-bottom: 0.5rem;
  }

  .mb05 {
    margin-bottom: 0.5rem;
  }

  .pb1 {
    padding-bottom: 1rem;
  }

  .mb1 {
    margin-bottom: 1rem;
  }

  .pb15 {
    padding-bottom: 1.5rem;
  }

  .mb15 {
    margin-bottom: 1.5rem;
  }

  .pb2 {
    padding-bottom: 2rem;
  }

  .mb2 {
    margin-bottom: 2rem;
  }

  .pb25 {
    padding-bottom: 2.5rem;
  }

  .mb25 {
    margin-bottom: 2.5rem;
  }

  .pb3 {
    padding-bottom: 3rem;
  }

  .mb3 {
    margin-bottom: 3rem;
  }

  .pl025 {
    padding-left: 0.25rem;
  }

  .ml025 {
    margin-left: 0.25rem;
  }

  .pl05 {
    padding-left: 0.5rem;
  }

  .ml05 {
    margin-left: 0.5rem;
  }

  .pl1 {
    padding-left: 1rem;
  }

  .ml1 {
    margin-left: 1rem;
  }

  .pl15 {
    padding-left: 1.5rem;
  }

  .ml15 {
    margin-left: 1.5rem;
  }

  .pl2 {
    padding-left: 2rem;
  }

  .ml2 {
    margin-left: 2rem;
  }

  .pl25 {
    padding-left: 2.5rem;
  }

  .ml25 {
    margin-left: 2.5rem;
  }

  .pl3 {
    padding-left: 3rem;
  }

  .ml3 {
    margin-left: 3rem;
  }

  .pr025 {
    padding-right: 0.25rem;
  }

  .mr025 {
    margin-right: 0.25rem;
  }

  .pr05 {
    padding-right: 0.5rem;
  }

  .mr05 {
    margin-right: 0.5rem;
  }

  .pr1 {
    padding-right: 1rem;
  }

  .mr1 {
    margin-right: 1rem;
  }

  .pr15 {
    padding-right: 1.5rem;
  }

  .mr15 {
    margin-right: 1.5rem;
  }

  .pr2 {
    padding-right: 2rem;
  }

  .mr2 {
    margin-right: 2rem;
  }

  .pr25 {
    padding-right: 2.5rem;
  }

  .mr25 {
    margin-right: 2.5rem;
  }

  .pr3 {
    padding-right: 3rem;
  }

  .mr3 {
    margin-right: 3rem;
  }

  .px025 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .mx025 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .px05 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .mx05 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .px1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mx1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .px15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .mx15 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .px2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mx2 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .px25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .mx25 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .px3 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .mx3 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .py025 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .my025 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .py05 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .my05 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .py1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .my1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .py15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .my15 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .py2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .my2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .py25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .my25 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .py3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .my3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .mw-0 {
    min-width: 0;
  }

  .mh-0 {
    min-height: 0;
  }

  .alternative {
    color: var(--text-color);
  }

  .of-a {
    overflow: auto;
  }

  .of-h {
    overflow: hidden;
  }

  .of-s {
    overflow: scroll;
  }

  .of-ha {
    overflow: hidden auto;
  }

  .of-hs {
    overflow: hidden scroll;
  }

  .of-ah {
    overflow: auto hidden;
  }

  .of-sh {
    overflow: scroll hidden;
  }

  .left-stirrup::after {
    content: "";
    display: block;
    position: fixed;
    left: 3rem;
    width: 3rem;
    height: 300%;
    top: 0;
  }

  .ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 9;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ellipsis-10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*# sourceMappingURL=main.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]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \**********************************************************************************************************************************************************************************************************************/
/* ::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}
::-webkit-scrollbar-thumb {
  background-color: var(--text-color);
  border-radius: var(--border-radius);
} */
:root {
  --sidebar-width: 3rem; /* contraído */
}


.btn-hover:hover {
  background-color: var(--surface-hover);
  transition: background-color 0.3s ease;
}

.btn-hover:hover i {
  color: var(--text-color-secondary);
}

.btn-hover:hover .menu-title {
  color: var(--text-color-secondary);
}

.title {
  color: var(--text-color-secondary);
}

.p-tooltip-text {
  background: var(--text-color-secondary);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--surface-overlay);
  padding: 0.3rem 0.6rem;
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: var(--text-color-secondary);
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: var(--text-color-secondary);
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: var(--text-color-secondary);
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: var(--text-color-secondary);
}

/* .tooltip {
  width: min-content;
  background-color: var(--text-color);
  border-radius: var(--border-radius);
  filter: var(--box-shadow);
  padding: 1.25rem;
  margin-left: 0.6rem;
} */

/* .tooltip_arrow {
  position: absolute;
  left: -0.6rem;
  top: 41%;
  width: 0;
  height: 0;
  border-right: 20px solid var(--text-color);
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  margin: 5px;
} */
.drawer {
  background: var(--surface-card) !important;
}

.material-icons {
  font-family: 'Material Icons';
  font-style: normal;
  font-size: 0.8rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.text_small {
  color: var(--text-color);
}

.p-tree {
  border: unset;
  background: unset;
  color: unset;
  padding: unset;
  border-radius: unset;
}

.p-treenode-label {
  width: 100%;
}

.p-component {
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: unset;
}

.p-treenode-content {
  border-radius: var(--border-radius);
  padding: 0rem;
  margin-bottom: 0rem;
}

.p-treenode-droppoint {
  height: 0rem;
}

.tree-node-container:focus-visible {
  border: 2px solid var(--primary-color);
}

/* ************************  PrimeNG Tabs ********************************** */
.tabs-navbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* position: fixed; */
  /* background: var(--surface-overlay); */
  border-bottom: 1px solid var(--surface-ground);
  z-index: 1000;
}
.p-tabmenu {
  border: none;
  position: relative; /* Para posicionar el botón de cerrar */
  background: transparent;
}
.p-tabmenu .p-tabmenu-nav {
  display: flex;
  align-items: center;
  background: transparent;
}
.p-tabmenu .p-tabmenu-nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.3rem;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 1rem;
  background: transparent;
  border-bottom: 2px solid transparent;
}
.p-tabmenu .p-tabmenu-nav li:hover {
  /* background: var(--surface-hover); */
  color: var(--primary-color);
  cursor: pointer;
}

.p-tabmenu .p-tabmenu-nav li.p-highlight {
  border-bottom: 2px solid var(--primary-color); /* Línea azul del tab seleccionado */
  color: var(--primary-color);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
  display: none !important;
}

/* .si {
  color: var(--text-color);
}
.si:hover {
  color: var(--text-color-secondary);
} */

.p-r {
  border: var(--surface-overlay);
  padding: 0;
  border: var(--border-radius);
  color: var(--text-color);
}

.type-form .btn-active {
  background: transparent;
  color: var(--primary-color);
  border-radius: var(--border-radius);
  border: 2px solid;
  border-color: transparent;
}

.type-form .btn-active:hover {
  background: var(--surface-hover);
}

.type-form .btn-active:focus {
  background: var(--info-alpha-10);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.p-inputtext:enabled:focus {
  outline: 2px solid var(--p-focus-ring-color);
  outline-offset: -1px;
  color: var(--text-color-secondary);
}

.footer {
  display: flex;
  justify-content: flex-end;
}
.footer .btn-delete,
.delete-card .btn-delete {
  background-color: transparent;
  color: var(--danger);
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
.footer .btn-delete:hover,
.delete-card .btn-delete:hover {
  background-color: var(--surface-hover);
  color: var(--danger);
}
.footer .btn-save {
  background-color: var(--primary-color);
  color: var(--text-color-secondary);
  padding: 0.5rem 1rem;
  font-weight: bold;
  transition: background-color 0.3s ease;
  border-radius: var(--border-radius);
}
.footer .btn-save[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.footer .btn-config {
  background: var(--success);
  color: var(--text-color-secondary);
  padding: 0.5rem 1rem;
  font-weight: bold;
  border-radius: var(--border-radius);
}
.footer .btn-secondary {
  color: var(--text-color);
  background: transparent;
  border: none;
}
.footer .btn-secondary:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary) !important;
}

.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .btn-close,
.tabs-navbar .btn-close {
  background: transparent;
  /* position: absolute; */
  color: var(--text-color);
  width: 2rem;
  height: 2rem;
  right: 0.5rem;
  z-index: 10;
  border: transparent;
}
.header .btn-close:hover,
.tabs-navbar .btn-close:hover {
  background: var(--surface-hover);
  color: var(--danger);
}

/* .btn-icon>button {
  color: var(--text-color);
  background: red;
}
.btn-icon>button:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary);
} */

/* .btn-icon .btn-edit {
  background: transparent;
  color: var(--text-color);
  padding: .5rem;
}
.btn-icon .btn-edit:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary);
} */

.btn-icon .btnonly-edit {
  color: var(--text-color);
  background: transparent;
  width: 2rem;
  height: 2rem;
}
.btn-icon .btnonly-edit:hover {
  color: var(--text-color-secondary) !important;
  background: var(--surface-hover);
}

.btn-icon .btnonly-delete {
  color: var(--text-color);
  background: transparent;
  width: 2rem;
  height: 2rem;
}
.btn-icon .btnonly-delete:hover {
  color: var(--danger) !important;
  background: var(--surface-hover);
}
.btn-icon .btn-editorExit {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color);
  background: var(--surface-overlay);
  width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius);
}
.btn-icon .btn-editorExit:hover {
  color: var(--text-color-secondary) !important;
  background: var(--danger);
}

.btn-icon .btn-secondary {
  color: var(--text-color);
  background: transparent;
}
.btn-icon .btn-secondary:hover {
  color: var(--text-color-secondary) !important;
  background: var(--surface-hover);
}

/* tabs acciones campos en editor */
.btn-icon .btn-actionEditor {
  background: transparent;
  color: var(--text-color-secondary);
  border-radius: 0;
  width: 2rem;
  height: 2rem;
}
.btn-icon .btn-actionEditor:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary) !important;
}
.btn-icon .btn-actionDelete {
  background: transparent;
  color: var(--text-color-secondary);
  border-radius: 0 0.25rem 0 0;
  width: 2rem;
  height: 2rem;
}
.btn-icon .btn-actionDelete:hover {
  background: var(--danger);
  color: var(--text-color-secondary) !important;
}

.cont-buttons {
  display: flex;
  align-items: unset !important;
}
.cont-buttons .btn-icon {
  background: transparent;
  border-radius: var(--border-radius);
}
.cont-buttons .btn-icon:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary) !important;
}

.input-number input {
  border: 2px solid transparent;
  background: var(--surface-card);
  border-radius: var(--border-radius);
}
.input-number input:hover,
.input-number input.filled {
  color: var(--text-color-secondary);
}
.input-number input:focus {
  border: 2px solid var(--primary-color);
  color: var(--text-color-secondary);
}

.input-number .p-inputnumber-button {
  background-color: #e0f2f1; /* color de fondo */
  border: 1px solid #009688;
  color: #004d40;
  padding: 6px 10px;
  transition: background-color 0.3s ease;
}

.input-number .p-inputnumber-button:hover {
  background-color: #b2dfdb; /* hover */
}

.input-number .p-inputnumber-button-up {
  border-bottom: none; /* para que no se duplique la línea entre botones */
}

.input-number .p-inputnumber-button-down {
  border-top: none;
}

/* ImputNumber en editor de formularios */
.editor {
  display: flex;
  /* align-items: center; */
  gap: 1rem;
}
.maxCharacters {
  width: auto;
}
/* Estilo para el input en sí */
.maxCharacters .p-inputnumber-input {
  border: 2px solid transparent;
  background: var(--surface-card);
  border-right: none;
  border-radius: var(--border-radius);
  flex: 1;
}
/* Botones de flechas */
.maxCharacters .p-inputnumber-button-group {
  display: flex;
  flex-direction: column;
}
.maxCharacters .p-inputnumber-button {
  background: none;
  color: var(--text-color);
  border: 2px solid transparent;
  width: 2rem;
  height: 1.25rem;
  padding: 0;
  font-size: 0.75rem;
  cursor: pointer;
}
.maxCharacters .p-inputnumber-button:hover {
  background: var(--surface-hover);
  color: var(--text-color-secondary);
}
.maxCharacters .p-inputnumber-button-up {
  border-radius: 0 var(--border-radius) 0 0;
}
.maxCharacters .p-inputnumber-button-down {
  border-radius: 0 0 var(--border-radius) 0;
}

.type-select {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.typeContent.p-dropdown {
  background: var(--surface-card);
  border-radius: var(--border-radius);
  cursor: pointer;
  width: 8rem;
  height: 2.5rem;
  border: none;
  outline: none;
}
.typeContent.p-dropdown:hover .p-dropdown-label,
.typeContent .p-dropdown-trigger:hover {
  color: var(--primary-color);
}

.typeContentPanel,
.typeContentDependency {
  background: var(--surface-card);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  /* border: 2px solid var(--primary-color); */
}
.typeContentPanel .p-dropdown-items .p-dropdown-item:hover,
.typeContentPanel .p-dropdown-item.p-highlight,
.typeContentDependency .p-dropdown-items .p-dropdown-item:hover,
.typeContentDependency .p-dropdown-item.p-highlight {
  background: var(--surface-hover);
  color: var(--primary-color);
}

.typeContentDependency.p-dropdown {
  background: var(--surface-card);
  border-radius: var(--border-radius);
  cursor: pointer;
  height: 2.5rem;
  border: none;
  outline: none;
  margin-top: 0.25rem;
}
.typeContentDependency.p-dropdown:hover .p-dropdown-label,
.typeContentDependency .p-dropdown-trigger:hover {
  color: var(--primary-color);
}

.p-frozen-column {
  background-color: var(--surface-card);
}

/* p-calendar input {
  background: var(--surface-card);
}

p-calendar .p-inputtext:enabled:focus {
  outline: none;
}

p-calendar .p-datepicker {
  min-width: 17.5rem;
}

p-calendar .p-datepicker-calendar-container,
.p-datepicker-group {
  width: 16rem;
}

p-calendar > div {
  left: 0;
}

p-calendar .p-datepicker-header button:hover {
  background: var(--surface-hover);
}

p-calendar .p-datepicker table td > span {
  width: 2rem;
  height: 2.5rem;
} */

.container-multiSelect p-multiselect > .p-inputwrapper {
  background-color: var(--surface-card);
}

.btn-text-primary {
  background: transparent;
  color: var(--primary-color);
  border: none;
}
.btn-text-primary:hover {
  background: var(--surface-hover);
}

.container-inputNumber p-inputNumber input,
.cont-multiSelect-day p-dropdown .p-dropdown,
.cont-multiSelect-day p-dropdown .p-dropdown ul,
#containsText input {
  background-color: var(--surface-card);
}

.menu-actions .menu-item-btn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.menu-actions .menu-item-btn:hover {
  background: var(--surface-hover);
  color: var(--primary-color);
  text-align: left;
}

.menu-actions .menu-item-btn {
  color: var(--text-color);
  text-align: left;
}

.btn-icon .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: x-small;
}

.select-dependency p-overlay .p-overlay{
  left: 0;
  width: 100%;
}

.shareIcon .btnonly-edit {
  width: 2.5rem;
}

.shareIcon .p-badge {
  top: 6px;
  left: 7px;
  right: inherit;
  padding: 0;
}

.shareIcon .p-button-icon-only {
  justify-content: flex-start;
  padding-left: 0.2rem;
}

.column-checkbox .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box.p-focus {
  box-shadow: none;
  border-color: var(--text-color);
  outline: none;
}

.navigator-btn:hover .p-button-icon {
  color: var(--danger);
}

.menu-item .p-button:hover {
  color: var(--text-color-secondary)
}

.tool-menu .p-button:hover {
  color: var(--primary-color)
}

.toolLisEdit {
  background: var(--surface-section);
  border-radius: var(--border-radius);
  opacity: 1;
}


/*# sourceMappingURL=styles.82247000db29169e.css.map*/